摘要：
整理一下CSS最容易躺枪的二十规则，大家能躺中几条？ 转载：API中文网 一、float:left/right 或者 position: absolute 后还写上 display:block？ 二、认为布局就是 Float，所有的地方都是 Float，全家都是 Float！ 三、认为 px 是一个 阅读全文
摘要：
如何提高CSS性能，根据页面的加载性能和CSS代码性能，主要表现为： 加载性能 （主要是从减少文件体积，减少阻塞加载，提高并发方面入手），选择器性能，渲染性能，可维护性。 1、尽量将样式写在单独的css文件里面，在head元素中引用 (1)内容和样式分离，易于管理和维护 (2)减少页面体积 (3)c 阅读全文
摘要：
任何有开发经验的前端工程师都会考虑到不成体系的设备生态所带来的挑战。设备间不同的屏幕尺寸、分辨率和比例使得产品难以提供一致的体验，对于那些对产品有着像素级完美追求的人这种体验差异尤其显著！ SVG（可缩放的矢量图形）完美地解决了上文中提到的部分问题。尽管 SVG 有它的局限性，但是在某些场景下是非常 阅读全文
摘要：
小伙伴们在写CSS3动画时，会发现在手机上很多时候会感到卡顿，然后Google到的解决方案大多是开启GPU加速transform: translate3d(0,0,0); 可解决，但是为什么开启GPU加速就能让动画顺滑呢? 我们从浏览器内部去理解下 JS是单线程的，但是浏览器可以开启多个线程，渲染一 阅读全文
摘要：
在我们的实际开发中，经常会遇到页面中需要悬浮效果，比如最早的客服联系，对联悬浮广告等，今天为大家介绍一些如何实现div悬浮的效果。 传统的fixed实现： 通过css中的属性position参数设为fixed,理由它相对于浏览器为绝对位置，通过设置right和bottom，使得div固定在右下角。例 阅读全文
摘要：
Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas 定义一个区域，可以由html属性定义该区域的宽高，javascript代码可以访问该区域，通过一整套完整的绘图功能（API）,在网页上渲染动态效果图。 二、Canvas 能做什么 游戏：毫无疑问，游戏在HTML5领域具有举足轻重的 阅读全文