虚拟 DOM 与 DOM Diff 本文写于 2020 年 9 月 12 日 虚拟 DOM 在今天已经是前端离不开的东西了，因为他的好处实在是太多了。 在《高性能 JavaScript》一书中，提到过 DOM 操作很慢。但实际上这句话没有任何前提条件，也没有对比谁慢，纯粹属于“话术”。 的确，DOM ...
分类：
其他好文 时间：
2020-09-17 23:08:52
阅读次数：
31
Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效前端》、《高性能JavaScript》、《CSS重构》等书籍，以及《2020前端性能优化清单》等网络资源。 ...
分类：
Web程序 时间：
2020-07-20 10:48:52
阅读次数：
87
前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到j ...
分类：
其他好文 时间：
2020-07-19 00:48:55
阅读次数：
101
一.JavaScript代码性能优化 JavaScript作用域优化 在作用域上查找变量是从局部变量开始依次向外的 避免使用with：改变了作用域结构，是访问某个变量变快了但相应的其他局部变量访问变慢 谨慎使用闭包 JavaScript流程控制优化 循环控制for-in: 循环控制forEach：增 ...
分类：
编程语言 时间：
2020-02-28 20:57:44
阅读次数：
62
三、DOM Scripting DOM编程 我们都知道对DOM操作的代价昂贵，这往往成为网页应用中的性能瓶颈。在解决这个问题之前，我们需要先知道什么是DOM，为什么他会很慢。 DOM in the Browser World 浏览器中的DOM DOM是一个独立于语言的，使用XML和HTML文档操作的 ...
分类：
编程语言 时间：
2020-01-20 09:37:29
阅读次数：
64
上周，JavaScript 引擎「V8」的开发团队在该项目官方网站上正式宣布推出最新的 8.0 版本。这次更新的重点主要集中在错误修复及性能改善上，正式的版本将在数周后随着谷歌 Chrome 80 稳定版一起发布。 V8 是谷歌公司推出的开源高性能 JavaScript 引擎，主要用于提升 Web ...
分类：
编程语言 时间：
2020-01-16 20:31:08
阅读次数：
84
随着web发展，前端应用变得越来越复杂，基于后端的javascript(Node.js)也开始崭露头角，javascript被寄予了更大的期望，与此同时javascriptMVC思想也开始流行起来。javascript模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，在开源社区中更是百花齐放，在Twitter、淘宝网、新浪微博、腾讯QQ空间、腾讯微博等大型网站中均能看到它们的身影。本
分类：
编程语言 时间：
2019-05-20 01:05:54
阅读次数：
154
又有好长时间没有写博客了，今天想起来之前的那篇博客还没有写完，然后就开始接着写，本来想把《高性能JavaScript》这本书的知识都罗列进来的，但是......太多了,哎，还是慢慢来，于是就打算分开来写。 本人JavaScript水平并不是特别高，也只是把自己阅读《高性能JavaScript》的部分 ...
分类：
编程语言 时间：
2019-04-11 16:12:40
阅读次数：
127
第二章 （数据存取） 一.四种基本的数据存取位置 （1）字面量 字面量只代表自身，不存储在特定的位置。javaScript中的字面量有：String，Number，Boolean，Object，Array，Function，Regex，null，nudefined值。 （2）本地变量 使用关键字定义 ...
分类：
编程语言 时间：
2019-03-15 17:30:09
阅读次数：
156
浏览器UI线程 用于执行JavaScript代码和更新界面的进程被称为 “浏览器UI线程” 。 UI线程的工作基于一个简单的队列系统，任务会被保存到队列中直到线程空闲，一旦空闲队列就被重新提取出来运行。这些任务要么是运行JavaScript代码，要么是执行UI更新，包括重绘和重排。浏览器每一次执行J ...
分类：
编程语言 时间：
2019-01-08 12:12:53
阅读次数：
258
