Ajax 性能的优化 【2015-02-14】Ajax 是高性能 JavaScript 的基础,它可以通过延迟下载体积较大的资源文件来使页面加载更快,它通过异步的方式在客户端和服务器之间传递数据,从而避免页面资源一窝蜂的下载。它甚至可以只用一个 HTTP 请求就获得整个页面的资源。选择合适的传输方式和最有效的数据格式,可以显著改善用户和网站的交互体验 ...
高性能 JavaScript - 快速响应的用户界面 【2015-02-12】有一句话很有道理:“如果 JavaScript运行了整整几秒钟,那么很有可能是你做错了什么......”,如果界面在 100 毫秒内响应用户输入,用户会认为自己在“直接操作界面中的对象”。超过 100 毫秒意味着用户感觉自己与界面失去了联系。JavaScript 和用户界面更新在同一个进程中运行,因此一次只能处理一件事情。这意味着当 JavaScript 代码在运行时,用户界面不能响应输入,反之亦然。高效地管理UI线程就是要确保 JavaScript 不能运行太长时间,以免影响用户体验。管理好 JavaScript 的运行时间对 Web 应用的性能非常重要 ...
JavaScript 的算法和流程控制性能优化 【2015-02-07】如同其他编程语言,代码的写法和算法会影响 JavaScript 的运行时间,与其他语言的不同的是,JavaScript 的可用资源有限,因此优化技术更为重要,这个学习笔记主要是从 JavaScript 的循环、条件语句、递归这三个方面的一些奇淫技巧来优化 JavaScript 的性能 ...
JavaScript 的 DOM 编程性能优化 【2015-02-06】DOM 是 Document Object Model 的缩写,中文叫做文档对象模型,是一个与语言无关的,用户操作 XML 和 HTML 文档的应用程序接口。在浏览器中,主要与HTML文档打交道,在 Web 应用中也经常需要检索XML文档,DOM API用于访问文档中的数据。John Hevatin有一次演讲说过一个贴切的比喻,把 DOM 和 JavaScript 各自想象成一个岛屿,它们直接用收费桥梁连接,ECMAScript 每次访问DOM,都要经过这个桥,并交纳“过桥费”,过的桥越多交的费用也越多,因此要想减少费用就得少过桥,我们这里就来学习如何来优化这个问题 ...
JavaScript 的数据访问性能优化 【2015-02-05】JavaScript 中有四种基本的数据存取位置:直接量、变量、数组元素和对象成员。和其他语言一样,数据的存储位置会很大的影响其读取速度 ...
Vue、Angular、Avalon 框架比较 【2015-02-04】前端开发已经不是前几年的那种前端开发了,已经有农业时代进入工业时代了,这几年出现了很多优秀的 JavaScript 方面的 MVVM 框架,今天我来比较下 Vue,Angular,Avalon 这些框架优缺点 ...
JavaScript 的加载和执行性能优化 【2015-02-03】管理浏览器中的JavaScript代码是一个棘手的问题,因为代码在执行过程中会阻塞浏览器的其他进程,比如用户界面的绘制。每次遇到 script 标签,页面都必须停下来等待代码下载(如果是外链文件)并执行,然后继续处理其他部分。尽管如此,还是有一些方法减少 JavaScript 对性能的影响 ...