前言 本章主要讲述如何加载脚本使得用户能有良好的用户体验,而核心内容就是JavaScript的异步加载。之前写过一篇不得不说的JavaScript异步加载,相似的内容就不多加描述,讲些不同的东西,主要讲下JavaScript文件加载器labjs的常用方法。流水账 脚本位置:推荐将所有的标签尽可能.....
分类:
编程语言 时间:
2015-07-28 20:58:23
阅读次数:
140
前言 最近在翻《高性能JavaScript》这本书(2010年版 丁琛译),感觉可能是因为浏览器引擎的改进或是其他原因,书中有些原本能提高性能的代码在最新的浏览器中已经失效。但是有些章节的有些内容还是相当不错的,譬如第八章编程实践,为了方便以后的查阅,对此做个总结。失效的代码也会在以后做更进一步的....
分类:
编程语言 时间:
2015-07-19 11:51:34
阅读次数:
143
高性能JavaScript 1.脚本 把script脚本放到body标签底部( ) 把多个script脚本合成一个 无阻塞加载脚本(延迟defer、动态创建script、XMLHttpRequest脚本注入) 2.变量 减少变量的搜索过程 尽量使用局部变量 ...
分类:
Web程序 时间:
2015-07-13 13:51:05
阅读次数:
141
原文:http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/作者:Addy Osmani译者按:本人第一次翻译外文,言语难免有些晦涩,但尽量表达了作者的原意,未经过多的润色,欢迎批...
分类:
编程语言 时间:
2015-07-06 21:42:04
阅读次数:
149
第一章加载与执行:1,js脚本会阻塞页面渲染,尽可能放到标签的底部2, 合并脚本,页面中的标签越少;HTTP请求带来的额外开销方面,减少页面外链脚本文件的数量将会改善性能3,css文件是并行下载,不会阻塞页面的其他进程无阻塞脚本:1,延迟脚本:使用的defer属性(仅适用于IE4+和Firefox3...
分类:
编程语言 时间:
2015-06-26 00:10:06
阅读次数:
132
避免双重求值有四个标准函数可以允许你传入代码的字符串,然后它才你动态执行。它们分别是:eval、Function、setTimeout、setInterval事实上当你在javascript代码中执行另外一段javascript代码时,都会导致双重求值的性能消耗,所以在大多数情况下,没必要使得eva...
分类:
编程语言 时间:
2015-06-23 23:08:36
阅读次数:
159
写在前面好的书,可能你第一遍并不能领会里面的精魂,当再次细细品评的时候,发现领悟的又是一层新的含义(这段时间,工作上也不会像从前一样做起来毫不费力,开始有了新的挑战,现在的老大让我既佩服又嫉妒,但真的是打心底里仰慕,希望自己有朝一日能过到他那个高度)既然现在还达不到那个层次,就好好堆砖吧,当砖堆到一...
分类:
编程语言 时间:
2015-06-22 13:42:48
阅读次数:
208
由伯乐在线-Delostik翻译,黄利民校稿。未经许可,禁止转载!英文出处:jonraasch.com。欢迎加入翻译小组。Nicholas Zakas是一位JS 大师,Yahoo!首页的前端主程。他是《高性能 Javascript》的作者,这本书值得每个程序员去阅读。当谈到 JS 性能的时候,Zak...
分类:
编程语言 时间:
2015-06-18 19:23:01
阅读次数:
210
高性能javascriptjavascript脚本执行过程中会中断页面加载,直到脚本执行完毕,此操作阻塞了页面加载,造成性能问题。脚本位置和加载顺序:如果将脚本放在head内,那么再脚本执行完毕之前,显示给用户的始终是一片空白,用户只能傻傻的看着屏幕等待脚本执行完毕。而且,如果页面引入多个脚本,那么...
分类:
编程语言 时间:
2015-06-17 14:54:23
阅读次数:
121
----------------------------------------------1.请求数据(request data)有5种常用技术用于向服务器请求数据:XMLHttpRequest,dynamic script tag insertion(动态脚本标签插入),iframes,come...
分类:
编程语言 时间:
2015-06-08 18:51:59
阅读次数:
113