标签:html

一个自定义HTML标签的简短介绍

自定义标签是Web Components的一个子集,通过自定义标签可以实现任意你想要实现的效果,是一件很酷的事情。让你不用React、Vue、Angular这样的框架就能实现。文中通过示例,使用ES6语法,介绍了如何写一个自定义的标签。在自定义标签的对象中,比如可以通过obser...

“网站无障碍”介绍

你对“网站无障碍”了解多少?是不是觉得只有残疾人士才需要网站无障碍的功能支持?文中阐述,网络无障碍是影响所有用户的,很多通用特殊场景下都会需要网络无障碍:老年人;医疗慢性病,比如关节炎;户外严重眩光;药物性认识损伤或睡眠不足;网站适配多个设备;WiFi信号差影响资源加载;网站无障...

web性能101

web性能为什么重要?加载很慢的网站会让人很不舒服;web性能直接影响你的产品;什么样的网站算是快的网站?加载快;运行快(动画不掉帧,滚动很顺滑等);服务器响应时间短;应用加载和渲染的很快。文中介绍了几种提升网站加载和渲染速度的方法:JavaScript。JavaScript通常...

不止在CSS过渡动画中使用easing

过渡一般分线性和缓和曲线。线性过渡是以全速开始,移动的过程和结束都是全速的进行,不像我们在现实中的场景,比如你扔一个东西不会立即全速坠落。 在写CSS动画的时候,大家应该经常会用到贝塞尔曲线,一个好的贝塞尔曲线可以让动画变得圆滑,仿照现实生活中的样子。其实,只要是在两个状态之间过...

如何用CSS创建打印机友好的页面

不是所有的页面都需要考虑兼容打印机,这篇文章通览以下通过CSS创建打印机友好的页面的艺术。需要兼容打印机的页面大概有以下几种: 打印旅行或音乐会门票 复印旅途方向或时间表 保存线下阅读的复印件 获取连接不良地区的信息 危险或肮脏地区的有用数据-比如,厨房或工厂 手写注释的草稿内...