摘要：
作为一个前端，不能不考虑性能问题。对于大多数前端来说，性能优化的方法可能包括以下这些： 等等…… 有兴趣的同学，可以自行搜索雅虎关于前端优化的十四条规则。但这些规则当中，有多少是需要前端工程师付诸实践的？就我来说，CDN、缓存的设置，就是不需要我去关心的（作为一个苦逼外包，是没有权限去生产环境操作的 阅读全文
摘要：
在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。 什么是虚拟DOM？ 虚拟DOM VS 直接操作原生DOM？ 虚拟DOM VS MVVM？ 对React 阅读全文
摘要：
这两天比较闲，写了两篇关于JS性能缺陷与解决方案的文章（《JS特性性能缺陷及JIT的解决方案》，《Javascript垃圾回收浅析》），主要描述了untyped，GC带来的问题与JIT引擎的解决方案。但相对于Js引擎的问题，我认为DOM导致的性能问题更值得关注。 一.Dom的性能瓶颈及原因 1. 为 阅读全文
摘要：
React组件性能优化 前言 众所周知，浏览器的重绘和重排版(reflows & repaints)（DOM操作都会引起）才是导致网页性能问题的关键。而React虚拟DOM的目的就是为了减少浏览器的重绘和重排版。 说到React优化问题，就必须提下虚拟DOM。虚拟DOM是React核心，通过高新的比 阅读全文
摘要：
对于重绘和回流的概念不是很清晰，查看了许多博文，在这里说一下自己的理解！！欢迎同学们与我交流。 1、重绘概念 2、回流的概念 3、如何减少重绘和回流 重绘和回流也是为什么要减少dom操作的原因之一，在本博客文章《dom tree和render tree》中会有详解。 阅读全文
摘要：
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就 阅读全文