代码为什么要这样写? 而不这样? 很明显 我们都知道第一个性能要比第二个好,为什么呢? 首先要了解 js引擎的 Data Access 数据访问。这里只说 非优化的js引擎。 1、访问 Literal values 直接量 eg:字符串,数字,布尔值,对象,数组,函数,正则表达式,具有特殊意义的空值 ...
分类:
编程语言 时间:
2016-12-01 11:56:37
阅读次数:
200
草草的看完第一章,虽然看的是译文也是感觉涨姿势了, 我来总结一下: 由于 大多数浏览器都是 single process 处理 ui updatas and js execute 于是产生问题: js (script tag) will blocking page processing 上图说话: ...
分类:
编程语言 时间:
2016-11-29 18:57:27
阅读次数:
178
Script Positioning 脚本位置 The HTML 4 specification indicates that a <script> tag may be placed inside of a <head> or <body> tag in an HTML document and ...
分类:
编程语言 时间:
2016-11-29 17:15:17
阅读次数:
164
DOM(文档对象模型)是一个独立的语言,用于操作XML和HTML文档的程序接口(API)。在游览器中,主要用来与HTML文档打交道,同样也用在Web程序中获取XML文档,并使用DOM API用来访问文档中的数据。尽管DOM是个与语言无关的API,它在游览器中的接口却是用Javascript实现的。客 ...
分类:
编程语言 时间:
2016-10-21 11:18:31
阅读次数:
271
脚本位置:将js脚本放置在body底部,由于脚本会阻塞页面渲染,导致明显延迟,通常表现为空白页面,用户无法游览页面的内容,也无法与页面进行交互。故因此推荐js脚本放在body底部,尽可能减少对整个页面的下载的影响。 注:内嵌脚本放置在引用外链样式表的<link>标签之后会导致页面堵塞去等待样式表的下 ...
分类:
编程语言 时间:
2016-10-18 11:23:05
阅读次数:
178
第四章 算法和流程控制 代码组织结构和解决具体问题的思路是影响代码性能的主要因素 循环处理是最常见的编程模式之一,也是提高性能的关注点之一 循环分四种:标准for循环 while循环 do-while循环: ...
分类:
编程语言 时间:
2016-10-02 12:54:39
阅读次数:
191
在写技术博客的时候,在处理代码时,博客能够将代码高亮显示在页面上,对这个感到好奇,是如何做到的呢? 于是百度了一下,原来是“JavaScript代码高亮插件”的功劳。 一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等,非常有效地帮 ...
分类:
编程语言 时间:
2016-09-26 10:47:19
阅读次数:
164
第一章 加载和运行 1 将所有<script>标签尽可能放在接近</body>标签底部的位置,减少对整个页面下载的影响。 2 减少页面的script数,打包。 3 对于页面所包含的脚本不修改dom,可以defer延期执行。 4 需要在页面加载过程中执行的js和页面加载后(DOMContentLoad ...
分类:
编程语言 时间:
2016-09-22 11:30:47
阅读次数:
133
想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解。 数据存储 计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能,在JavaScript中,数据 ...
分类:
编程语言 时间:
2016-09-20 16:43:37
阅读次数:
136
第三章 DOM编程 把dom和js 各自想象为一个岛,他们之间用收费的桥梁链接,每次访问dom都必须途径这座桥收取过路费,访问次数多费用就高了。所有必须减少来往次数。 innerHtml 与dom比较: 对性能有着苛刻要求 更新一大片Html 推荐 innnerhtml 节点克隆: element. ...
分类:
编程语言 时间:
2016-09-19 01:23:18
阅读次数:
157