一、DOM1）DOM和JavaScript文档对象模型（DOM）是一个独立于语言的，用于操作XML和HTML文档的程序接口（API）。浏览器通常会把DOM和JavaScript独立实现。例如Chrome中使用Webkit的WebCore库渲染页面，用V8作为JavaScript引擎。访问DOM天生就慢，将DOM和JavaScript比喻为两个岛..
分类：
编程语言 时间：
2017-07-05 11:41:51
阅读次数：
214
最近在研读《高性能JavaScript》，在此做些简单记录。示例代码可在此处查看到。 一、DOM 1）DOM和JavaScript 文档对象模型（DOM）是一个独立于语言的，用于操作XML和HTML文档的程序接口（API）。 浏览器通常会把DOM和JavaScript独立实现。例如Chrome中使用 ...
分类：
编程语言 时间：
2017-05-22 09:59:34
阅读次数：
388
在我们的工作中往往有这样的需求，下拉上拉加载实现无限加载列表数据这样的一个功能，这个时候小伙伴们可能就觉得这个功能几分钟的事，于是乎，下边这段代码浩浩荡荡就出来了 看似上面这段代码没有什么问题，然后我们给这段代码再加一段代码看一下 然后我们打开Chrome浏览器控制，测试一下这个滚动事件，其中的回调 ...
分类：
编程语言 时间：
2017-05-21 23:24:57
阅读次数：
218
所谓性能最直观的感觉就是网站在交互的时候响应的速度，也就是一次请求响应周期所花费的时间，这个时间和很多因素有关系 请求发出前： 总体原则：在客户端应该尽量减少请求发送的数量第一例：订单列表中点击删除按钮删除某条订单，可以做成点击时发送ajax给服务器，客户端收到响应后直接刷新页面，也可以做成在客户端 ...
分类：
编程语言 时间：
2017-03-10 00:31:02
阅读次数：
199
HTML标签顺序：把所有能够移动的<script>标签挪至HTML的</body>前。 JavaScript文件的GZip编码传输 缩编、混淆和编译，使用工具进行代码的精简和优化 请求时才延迟加载JavaScript文件 实现对页面元素的最小化访问 以变量保存对DOM元素的引用以便后续使用 通过对单 ...
分类：
编程语言 时间：
2016-12-31 18:16:46
阅读次数：
224
这两天比较闲，写了两篇关于JS性能缺陷与解决方案的文章（《JS特性性能缺陷及JIT的解决方案》，《Javascript垃圾回收浅析》），主要描述了untyped，GC带来的问题与JIT引擎的解决方案。但相对于Js引擎的问题，我认为DOM导致的性能问题更值得关注。 一.Dom的性能瓶颈及原因 1. 为 ...
分类：
编程语言 时间：
2016-12-12 02:29:45
阅读次数：
188
js加载顺序优化 原理：在使用src 属性加载JavaScript 的过程中浏览器必须首先下载外部文件的代码，这要占用一些时间，然后，解析并运行此代码。此过程中，页面解析和用户交互是被完全阻塞的。 解决方案: ——将所有<script>标签放置在页面的底部，紧靠body 关闭标签</body>的上方 ...
分类：
编程语言 时间：
2016-12-02 07:56:42
阅读次数：
187
repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。 reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repa ...
分类：
编程语言 时间：
2016-11-13 01:20:14
阅读次数：
219
本文为H5EDU机构官方HTML5培训教程，主要介绍：JavaScript强化教程——数据存取数据的存取位置也影响着JavaScript的运行速度，我们来总结一下如能分配存取位置最合理，能够高效的运行JavaScript数据存取位置分为1.字面量（如true、false、null等）2.本地变量（vara=5;）3.数组..
分类：
编程语言 时间：
2016-08-04 11:49:29
阅读次数：
170
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 ——数据存取数据的存取位置也影响着JavaScript的运行速度，我们来总结一下如能分配存取位置最合理，能够高效的运行JavaScript数据存取位置 分为 1.字面量（如true、false、null等） ...
分类：
编程语言 时间：
2016-08-04 10:14:46
阅读次数：
114
