CSS3硬件加速技巧
使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 常听人说: 移动端要想动画性能流畅,应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节,感觉这里面其实有坑啊。...
一切伟大的思想和行动都有一个微不足道的开始
使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 常听人说: 移动端要想动画性能流畅,应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节,感觉这里面其实有坑啊。...
上周收假回公司没太多事情,接触了一下微信小程序,顺便折腾了一个小Demo。小程序给我个人的感觉就是“局限”,不是说局限于平台,而是局限于开发。至于其他的,目前还未有啥感觉,不做评论。 微信小程序的开发就不必赘述了,...
因前段事件业务需要使用到了观察者(Observer)模式,同时在学习的过程中,我知道的Publish/Subscribe(发布/订阅)模式。起初感觉这两种模式非常相似,但是细细观察你会发现,Obsever模式要求希望接收到主题通知的观察者(或对象)必须订阅内容改变事件。...
在写这个插件之前,已经在很多专题页面需要用到弹幕,或者是文字滚动等效果,原理大致相同(也有细微区别),但一直没有封装成插件。也是在这些工作中尝试使用了多种方法,在这里也将一一列举其中的优缺点。 一、使用CSS Animation的解决方案...
在上一篇《从画一个圆开始——CSS圆角探秘(一)》中,我们重新了解border-radius的一些属性。我们画好了正圆,了解了圆角,难道border-radius的功能仅限于此吗? 我想并不是,就如同在上一篇文章中border-radius完美结合box-shodow形成多重圆角边框一样。...