前端优化
requestAnimationFrame详解以及无线页面优化
![requestAnimationFrame详解以及无线页面优化](http://qdkfweb.cn/d/uploads/2017/12/546321-20160415155935270-1575731219.png)
window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。
优化CSS重排重绘与浏览器性能
![优化CSS重排重绘与浏览器性能](http://qdkfweb.cn/d/uploads/2016/11/1478763564983256.png)
关于CSS重排和重绘的概念,最近看到不少这方面的文章,觉得挺有用,在制作中考虑浏览器的性能,减少重排能够节省浏览器对其子元素及父类元素的重新渲染;避免过分的重绘也能节省浏览器性能;优化动画,使用3D启用GPU硬件加速;慎重选择高消耗的样式,如box-shadow、border-radius、transform、css filters等。
前端性能优化最佳实践
这个系列的主题就是要告诉你一些前端性能优化的最佳实践,只需要一分钟,就可以优化你现有的代码。
Web前端性能优化实践
![Web前端性能优化实践](http://borninsummer.com/images/blog/web_fe/2015/01/pic_1.png)
摘要: 本文记录了笔者所参与的一个网站平台开发中所采取的Web前端性能优化技术,对优化前后的性能进行分析对比,表明了Web前端性能优化的有效性和必要性。由于水平有限,针对该网站所作的测试肯定存在不科学、不合理的地方,不当之处请谅解。本文仅供 ...
前端开发体系建设日记
![前端开发体系建设日记](https://raw.githubusercontent.com/fouber/blog/master/assets/roadmap.path.png)
前端开发体系建设日记 上周写了一篇 文章 介绍前端集成解决方案的基本理论,很多同学看过之后大呼不过瘾。 干货 fuck things 在哪里! 本打算继续完善理论链,形成前端工程的知识结构。但鉴于如今的快餐文化,po主决定还是先写一篇实战介 ...
性能调优之Javascript内存泄漏
![性能调优之Javascript内存泄漏](http://www.uml.org.cn/site/images/2012052941.png)
1.什么是内存泄漏? 内存泄漏是指分配给应用的内存不能被重新分配,即使在内存已经不被使用的时候。正常情况下,垃圾回收器在DOM元素和event处理器不被引用或访问的时候回收它们。但是,IE的早些版本(IE7和之前)中内存泄漏是很容易出现的, ...