摘要：
请先测试代码： 尤其注意： Math.round(-1.5);//-1 原理是： 实际上，Math.round()方法准确说是“四舍六入”，对0.5要进行判断对待。 Math.round()的原理是对传入的参数+0.5之后，再向下取整得到的数就是返回的结果。这里的向下取整是说取比它小的第一个整数或者 阅读全文
posted @ 2017-03-23 21:29
孟繁贵
阅读(11844)
评论(0)
推荐(0)
摘要：
margin-right:负值，在没有设置DOM元素宽度的前提下，DOM元素宽度变宽。 效果： 具体原理请看代码注释。 注：padding不允许使用负值。 阅读全文
posted @ 2017-03-23 21:16
孟繁贵
阅读(266)
评论(0)
推荐(0)
摘要：
根据canisue（http://caniuse.com/#search=box-shadow），box-shadow兼容性如下图所示： 测试代码： IE8浏览器效果： border-radius在IE8浏览器兼容方案： IE8浏览器下效果： PIE.HTC下载地址：http://css3pie.c 阅读全文
posted @ 2017-03-23 16:47
孟繁贵
阅读(4935)
评论(0)
推荐(0)
摘要：
根据canisue（http://caniuse.com/#search=border-radius），border-radius兼容性如下图所示： 测试代码： IE8浏览器效果： border-radius在IE8浏览器兼容方案： IE8浏览器下效果： PIE.HTC下载地址：http://css 阅读全文
posted @ 2017-03-23 16:21
孟繁贵
阅读(18988)
评论(0)
推荐(1)
摘要：
根据CANIUSE（http://caniuse.com/#search=download）download兼容性如下图所示： 如上图所示，IE浏览器是不支持的。 1、测试代码： 2、效果： 并且下载的压缩包文件中没有123.docx。 3、兼容性处理 将文件123.docx（其他文件一样处理）压缩 阅读全文
posted @ 2017-03-23 15:24
孟繁贵
阅读(3568)
评论(0)
推荐(0)
摘要：
1、代码（未添加GPU加速代码） F12控制台Timeline记录： 2、代码（添加GPU加速代码） F12控制台Timeline记录： 3、代码（添加GPU加速代码） F12控制台Timeline记录： 总结：好像没有什么大的优化，渲染和绘制时间差的不多。需要继续研究。 附：timeline用法 阅读全文
posted @ 2017-03-23 13:10
孟繁贵
阅读(1783)
评论(0)
推荐(0)
摘要：
1、兼容性 根据canius（http://caniuse.com/#search=transition），transition 兼容性如下图所示： 在IE7-9进行测试时，transition的效果没有过渡效果（如线性过渡效果），但是还是有效果（立即执行transition-property，tr 阅读全文
posted @ 2017-03-23 09:27
孟繁贵
阅读(13767)
评论(0)
推荐(0)
浙公网安备 33010602011771号