![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
性能优化
crli
crlin.com
展开
-
reactjs性能优化之shouldComponentUpdate
性能优化每当开发者选择将react用在真实项目中时都会先问一个问题:使用react是否会让项目速度更快,更灵活,更容易维护。此外每次状态数据发生改变时都会进行重新渲染界面的处理做法会不会造成性能瓶颈?而在react内部则是通过使用一些精妙的技巧来最小化每次造成ui更新的昂贵的dom操作从而保证性能的。避免直接作用于DOMreact实现了一层虚拟dom,它用来映射浏览器的原生dom树。通过这一层虚拟的转载 2016-10-17 10:58:32 · 1242 阅读 · 0 评论 -
前端性能优化
1.域名发散与域名收敛域名收敛:将静态资源只放在一个域名下面,减少域名数量可以降低 DNS 解析的成本。 域名发散:而非发散情况下的多个域名下,由于浏览器的限制,每个浏览器,允许对每个域名的连接数一般是有上限的,浏览器不同,允许并行连接数一般为6个,通常将静态资源分布在几个不同域,保证资源最完美地分域名存储,以提供最大并行度,让客户端加载静态资源更为迅速。 DNS 解析其实是一个很复杂的过...原创 2018-03-11 17:21:39 · 428 阅读 · 0 评论 -
JS事件中防抖debounce和节流throttle以及requestAnimationFrame
浏览器的一些事件,如:resize,scroll,keydown,keyup,keypress,mousemove等。这些事件触发频率太过频繁,绑定在这些事件上的回调函数会不停的被调用。这样浏览器的目的是为了保证信息的一致性,而对于我们来说就是一种资源的浪费了。 debounce的作用是在让在用户动作停止后延迟x ms再执行回调。 throttle的作用是在用户动作时没隔一定时间(如200ms...原创 2018-04-01 10:21:12 · 1353 阅读 · 0 评论