![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
优化
文章平均质量分 87
黛梨
闭心自慎,终不失过兮.
展开
-
如何实现“用户懒加载”
先前在知乎上看到一篇文章,很是有意思,是讨论用户懒加载的问题的,是说如果一个页面加载时间过长,那么用户便会失去耐心,这是人之常情,我想每个人都会如此,但是对于自己的页面当然不希望用户会失去等待的耐心,那么该如何解决这一有趣的问题呢,下面便为大家做一个小结。 首先,为什么要使用懒加载? 目前,对页面加载速度影响最大的就是图片了,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB。当页面图原创 2016-12-01 10:28:03 · 2845 阅读 · 0 评论 -
前端性能优化总结
性能优化对于前端开发很是重要,不仅表现在平常的开发中,而且在面试中也是经常被问起的问题。 所以总结一下性能优化的常用方式。1.减少dom操作 修改和访问DOM元素会造成页面的重绘和回流,循环对DOM操作更是罪恶的行为,因为对dom的操作是高昂的。 在这里做个比喻:如果将javascript比作一座收费的岛,那么将dom比作轮船,每进入一次岛便要收一次费,想想,如果页面中不停的对dom进行操作,那么这原创 2017-03-05 16:03:32 · 503 阅读 · 0 评论 -
编写优良CSS代码总结
1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,不要使用全局Reset:*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。Reset并不是一成不变的,具体还需要根据页面的不同需求做适当的修改,以达到浏览器的原创 2017-02-05 15:53:13 · 301 阅读 · 0 评论 -
react性能优化
写在前面的话:要想解决问题,首先得找到问题的根源,所以,说起性能分析,还是要从其生命周期和渲染机制说起。1.渲染机制react的组件渲染分为初始化渲染和更新渲染,在初始化渲染的时候会调用根组件下的所有组件的render方法进行渲染。但是当我们要更新某个子组件的时候,是从根组件传递下来应用在子组件上的数据发生改变。 我们只是希望调用关键路径上组件的render就好了。 但是, react的默认做原创 2017-08-28 15:45:40 · 1618 阅读 · 0 评论