高性能JavaScript
文章平均质量分 88
高性能JavaScript 学习
书中也存在一些内容已经不适合当前的JavaScript优化了
空城机
光阴雕琢生命,岁月磨砺人生
成为一个普通的上班族
展开
-
高性能JavaScriptの结语 -- 学完了
在学习《高性能JavaScript》这书时,自己也做了一些笔记,发布成了博客 这一系列的博客记录: 高性能JavaScriptの笔记(一) 高性能JavaScriptの笔记(二) 高性能JavaScriptの笔记(三) 高性能 JavaScriptの笔记(四)-- 时代变了 高性能 JavaScriptの五 --快响应用户界面 高性能 JavaScriptの六 – 老生常谈Ajax 高性能 JavaScriptの七 – 编程实践小技巧 当然博客也是选择性的写了一些章节,没有写全,只是做了一些自己的总结原创 2021-05-25 20:47:22 · 683 阅读 · 16 评论 -
高性能 JavaScriptの七 -- 编程实践小技巧
编程实践避免双重求值(Double Evaluation)使用Object/Array直接量避免重复工作小节 随着web开发者对JavaScript和浏览器的推动,在JavaScript中出现了一些十分特别的模式,有精华也有糟粕(对js性能上来说的),毕竟JavaScript可以是前端最重要的组成之一,“人红是非多”。 这些模式的出现是由于Web中JavaScript的特性决定的,前端你没得选,后端还可以换语言。 避免双重求值(Double Evaluation) JavaScript 与很多其他.原创 2021-05-25 16:11:35 · 990 阅读 · 75 评论 -
高性能 JavaScriptの六 -- 老生常谈 Ajax
Ajax Ajax全称: Asynchronous Javascript And XML (异步 JavaScript 和 XML) 有关Ajax的博客其实数不胜数了,我之前写过的博客中也存在一些Ajax的内容 不过Ajax也是高性能JavaScript的基础知识,可以通过延迟下载体积较大的资源文件来使得页面加载速度更快。 通过异步方式在客户端和服务端之间传输数据,甚至可以只用一个HTTP请求就获取整个页面的资源 (肯定不是赞成这种方式) 数据传输 Ajax从最基本层面上: 一种与服务器通信而无须重.原创 2021-05-23 22:00:09 · 900 阅读 · 40 评论 -
高性能 JavaScriptの五 -- 快响应用户界面
快速响应的用户界面 浏览器UI线程 用于执行JavaScript和更新用户界面的进程通常被称为**“浏览器UI线程”** UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲。 一旦空闲,队列中下一个任务就被重新提取出来并运行。 例子分析: <button onclick="handleClick()">按钮</button> <script> function handleClick() { var div = document原创 2021-05-22 22:48:18 · 1307 阅读 · 27 评论 -
高性能 JavaScriptの笔记(四)-- 时代变了
字符串 字符串连接会导致令人惊讶的性能问题 字符串拼接方法 方法 示例 说明 The + operator str = “a” + “b” + “c” 加 The += operator str = “a” ; str += “b” ; str += “c” 加等 array.join() str = [“a”, “b”, “c”].join() 数组变字符串 string.concat() str = “a” ; str = str.concat(“b”, “c”) conc原创 2021-05-20 23:58:19 · 373 阅读 · 19 评论 -
高性能 JavaScriptの笔记(三)-- 算法与流程控制
文章目录算法和流程控制循环循环的类型循环性能减少迭代工作量提示减少迭代次数 -- 达夫设备提示下面是执行次数多的情况:chromeIEFireFox基于函数的迭代条件语句递归递归的缺点调用栈限制递归模式迭代Memoization小节 算法和流程控制 代码的整体结构是影响运行速度的主要因素之一。 代码数量少并不意味着运行速度快,只是看起来更加简洁。 代码的组织结构和解决具体问题的思路是影响代码性能的主要因素 循环 循环处理是常见的编程模式,也是提升性能必须要关注的重点之一 循环的类型 四种循环类型 fo原创 2021-05-19 16:30:18 · 354 阅读 · 2 评论 -
高性能JavaScriptの笔记(二)-- DOM操作
文章目录DOM操作元素节点重绘和重排(回流)事件委托DOM 事件机制事件委托事件委托的原理事件委托的性能优化小节 DOM操作 访问DOM次数越多,耗费的性能也就越高 通常经验法则是减少访问DOM次数,把运算尽量留在ECMAScript这一端处理 元素节点 大部分现代浏览器提供的API只返回元素节点,如果可用的话推荐使用这些API 因为这些API的执行效率比在JavaScript代码中实现过滤的效率要高 比如:使用children比childNodes效率更高,集合相更少 重绘和重排(回流) 具体可以参考:原创 2021-05-15 21:44:44 · 271 阅读 · 3 评论 -
高性能JavaScriptの笔记(一)-- 数据与原型
数据存取 数据位置 计算机科学中有一个经典问题是通过改变数据的存储位置来获得最佳的读写性能,数据存储的位置关系到代码执行过程中数据的检索速度。在JavaScript 中,这个问题相对简单,因为只有几种存储方案可供选择。不过,和其他编程语言一样,数据的存储位置会很大程度上影响其读取速度。JavaScript中有下面四种基本的数据存取位置。 字面量 字面量只代表自身,不存储在特定位置。JavaScript中的字面量有:字符串、数字、布尔值、对象、数组、函数、正则表达式,以及特殊的null和undefined值原创 2021-05-12 15:34:11 · 229 阅读 · 0 评论