苦作舟的空城机

在学习《高性能JavaScript》这书时，自己也做了一些笔记，发布成了博客这一系列的博客记录：高性能JavaScriptの笔记（一）高性能JavaScriptの笔记（二）高性能JavaScriptの笔记（三）高性能 JavaScriptの笔记（四）-- 时代变了高性能 JavaScriptの五 --快响应用户界面高性能 JavaScriptの六 – 老生常谈Ajax高性能 JavaScriptの七 – 编程实践小技巧当然博客也是选择性的写了一些章节，没有写全，只是做了一些自己的总结

编程实践避免双重求值（Double Evaluation）使用Object/Array直接量避免重复工作小节随着web开发者对JavaScript和浏览器的推动，在JavaScript中出现了一些十分特别的模式，有精华也有糟粕（对js性能上来说的），毕竟JavaScript可以是前端最重要的组成之一，“人红是非多”。这些模式的出现是由于Web中JavaScript的特性决定的，前端你没得选，后端还可以换语言。避免双重求值（Double Evaluation）JavaScript 与很多其他.

AjaxAjax全称： Asynchronous Javascript And XML （异步 JavaScript 和 XML）有关Ajax的博客其实数不胜数了，我之前写过的博客中也存在一些Ajax的内容不过Ajax也是高性能JavaScript的基础知识，可以通过延迟下载体积较大的资源文件来使得页面加载速度更快。通过异步方式在客户端和服务端之间传输数据，甚至可以只用一个HTTP请求就获取整个页面的资源 （肯定不是赞成这种方式）数据传输Ajax从最基本层面上： 一种与服务器通信而无须重.

快速响应的用户界面浏览器UI线程用于执行JavaScript和更新用户界面的进程通常被称为**“浏览器UI线程”**UI线程的工作基于一个简单的队列系统，任务会被保存到队列中直到进程空闲。 一旦空闲，队列中下一个任务就被重新提取出来并运行。例子分析：<button onclick="handleClick()">按钮</button><script> function handleClick() { var div = document

字符串字符串连接会导致令人惊讶的性能问题字符串拼接方法方法示例说明The + operatorstr = “a” + “b” + “c”加The += operatorstr = “a” ; str += “b” ; str += “c”加等array.join()str = [“a”, “b”, “c”].join()数组变字符串string.concat()str = “a” ; str = str.concat(“b”, “c”)conc

文章目录算法和流程控制循环循环的类型循环性能减少迭代工作量提示减少迭代次数 -- 达夫设备提示下面是执行次数多的情况：chromeIEFireFox基于函数的迭代条件语句递归递归的缺点调用栈限制递归模式迭代Memoization小节算法和流程控制代码的整体结构是影响运行速度的主要因素之一。代码数量少并不意味着运行速度快，只是看起来更加简洁。代码的组织结构和解决具体问题的思路是影响代码性能的主要因素循环循环处理是常见的编程模式，也是提升性能必须要关注的重点之一循环的类型四种循环类型fo

文章目录DOM操作元素节点重绘和重排（回流）事件委托DOM 事件机制事件委托事件委托的原理事件委托的性能优化小节DOM操作访问DOM次数越多，耗费的性能也就越高通常经验法则是减少访问DOM次数，把运算尽量留在ECMAScript这一端处理元素节点大部分现代浏览器提供的API只返回元素节点，如果可用的话推荐使用这些API因为这些API的执行效率比在JavaScript代码中实现过滤的效率要高比如：使用children比childNodes效率更高，集合相更少重绘和重排（回流）具体可以参考：

数据存取数据位置计算机科学中有一个经典问题是通过改变数据的存储位置来获得最佳的读写性能，数据存储的位置关系到代码执行过程中数据的检索速度。在JavaScript 中，这个问题相对简单，因为只有几种存储方案可供选择。不过，和其他编程语言一样，数据的存储位置会很大程度上影响其读取速度。JavaScript中有下面四种基本的数据存取位置。字面量字面量只代表自身，不存储在特定位置。JavaScript中的字面量有:字符串、数字、布尔值、对象、数组、函数、正则表达式，以及特殊的null和undefined值