第一章 加载和执行 当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸道地让页面等带脚本的解析和执行(每个文件必须等到前一个文件下载并执行完成才会开始下载),所以头部的JS和CSS用来渲染页面,交互行为(几乎所有)的JS放在<body> ...
分类:
编程语言 时间:
2016-09-18 01:14:46
阅读次数:
170
第二章 数据存取 字面量: 代表自身 不存特定位置 :字符串 数字 bool 对象 array 函数 正则表达 本地变量: var 数组: 存储在js数组对象内部,以数字做索引 对象成员 存储在js对象内部 以字符串做索引 ...
分类:
编程语言 时间:
2016-09-18 01:12:32
阅读次数:
171
想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解。 数据存储 计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能,在JavaScript中,数据 ...
分类:
编程语言 时间:
2016-09-06 18:13:35
阅读次数:
218
浏览器是如何加载JS的 当浏览器遇到一个<script>标签时,浏览器首先根据标签src属性下载JavaScript代码,然后运行JavaScript代码,继而继续解析和翻译页面。如果需要加载的js文件很多很大,则会让人感觉页面加载很慢,影响页面的交互。浏览器在遇到<body>之前,不会渲染页面的任 ...
分类:
编程语言 时间:
2016-08-12 13:29:49
阅读次数:
302
我说日更就日更,接着....今天从缓冲布局信息开始啦! 2016-7-22 21:09:12 14、减少对布局信息的查询次数,查询时将他赋值给局部变量参与计算。 例子,在元素网右下方不断平移时,在timeout中可以写: //拒绝下面的写法,每次移动都会查询一次偏移量,导致浏览器刷新渲染队列,非常耗 ...
分类:
编程语言 时间:
2016-07-23 00:46:05
阅读次数:
208
7-20更 最近在看《高性能JavaScript》一书,里面当中,有讲很多提高js性能的书,正在看的过程中,记下做法以及原因,供以后学习参考: 1、将经常使用的对象成员、数组项、和域外变量存入局部变量 原因:数据存储位置对大地代码整体性能会产生重要的影响,直接变量和局部变量的访问速度快于数组和对象成 ...
分类:
编程语言 时间:
2016-07-21 00:30:29
阅读次数:
236
豆瓣评分:9.0 内容简介 · · · · · · 如果你使用JavaScript构建交互丰富的Web应用,那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。 《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能,包括代 ...
分类:
其他好文 时间:
2016-07-08 19:42:59
阅读次数:
131
英文链接:Writing Fast, Memory-Efficient JavaScript 很多JavaScript引擎,如Google的V8引擎(被Chrome和Node所用),是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者,并且关心内存使用情况与页面性能,你应该 ...
分类:
编程语言 时间:
2016-06-17 12:56:11
阅读次数:
251
参考 高性能javascript javascript高级程序设计 ajax基础 ajax技术的核心是XMLHttpRequest对象(XHR),通过XHR我们就可以实现无需刷新页面就能从服务器端读取数据 上面是一个简单的创建XHR对象 并且发送get请求的例子 readyState属性 表示请求/ ...
分类:
编程语言 时间:
2016-06-10 19:10:07
阅读次数:
191
参考高性能javascript 理解浏览器UI线程 用于执行javascript和更新用户界面的进程通常被称为浏览器UI线程 UI线程的工作机制可以理解为一个简单的队列系统,队列中的任务按顺序执行 在上面的例子中当按钮被点击的时候,它触发UI线程创建的两个任务并且添加到队列中,更新被点击按钮的UI和 ...
分类:
编程语言 时间:
2016-06-10 16:16:31
阅读次数:
256