详解JavaScript 提高性能的几个知识点总结：前段时间花时间看了大半的《High Performance JavaScript》这本书啊，然后就开始忙项目了，庆幸最忙的一周已经熬过去了。由于空不出时间，这个月写的学习笔记也不多，忙完最苦X的一周，这两天晚上也算是挑灯夜读了…终于是在残血之际将这本书shut down了…既然读完了，总归是要学到些什么的。说说对这本书的看法先吧，整体的来说，内容还是不错的，就是感觉有点老了（作为前端小白，也可...
注意作用域避免全局查找一个例子：function updateUI(){var imgs = document.getElementByTagName("img");for(var i=0, len=imgs.length; i<len; i++){imgs[i].title = document.title + " image " + i;}var msg = document.getElementById("msg");msg.innnerHTML = "Update complete."; }该函数可能看上去完全正常，但是它包含了三个对于全局document对象的引用。如果在页面上有多个图片，那么for循环中的document引用就会被执行多...
性能Js在性能方面有多要注意的地方：避免全局查找Js性能优化最重要的就是注意全局查找，因为作用域的查找是先找局部作用域在没有找到之后在去上一级作用域查找直到全局作用域，所以全局作用域查找的性能消耗肯定要比本函数局部作用域的消耗大。举个例子：function setInnerHtml(){ var pDom=doucument.getElementsByTagName(“p”); for(var i=0,len=pDom.lemgth;i<len;i++){pDom.innerHTML=doucument.getElementByid(“dom”).i...
在 Web 开发中，随着需求的增加与代码库的扩张，我们最终发布的 Web 页面也逐渐膨胀。不过这种膨胀远不止意味着占据更多的传输带宽，其还意味着用户浏览网页时可能更差劲的性能体验。浏览器在下载完某个页面依赖的脚本之后，其还需要经过语法分析、解释与运行这些步骤。而本文则会深入分析浏览器对于 JavaScript 的这些处理流程，挖掘出那些影响你应用启动时间的罪魁祸首，并且根据我个人的经验提出相对应的解决方案。回顾过去，我...
虽说事件处理程序可以为现代 Web 页面添加很强的交互能力，但是不分青红皂白就添加大量的事件处理程序绝对是一种愚蠢的行为。我们来分析一下：事件处理程序本质上是一种函数，是一种对象，存放在内存中，设置大量的事件处理程序会使内存中的对象变多，Web 程序的性能会变得越来越差，用户体验很不好。为了更好地利用好事件处理程序，便出现了事件委托，用来提升性能。事件委托事件委托（event delegation）：把若干个子节点上的相同...
条件语句和循环一样，条件语句同样会改变运行流 JavaScript的条件语句分为两种if-elseswitchif-else是我们最常用的了 不过if-else语句与switch语句很多情况都能够互相替换 比如说下面的代码等价if(foo){ ...}else{ ...}switch(foo){case true: ...default: ...}条件少的时候大家更倾向于使用if-else 但是条件多的化switch看起来更容易理解if(foo === 1){ ...}else if(foo === 2){ ...}else if(foo ===...
学习JavaScript已经很长时间了 今天打算回忆一下作用域的知识 作用域这个知识很基础并且非常重要 下面我就总结一下JavaScript中的作用域以及作用域链的相关知识作用域作用域是什么？ 作用域是变量能够引用、函数能够生效的区域 它限制了你对内存空间上值的获取和修改 所有的语言都存在作用域 我们可以理解作用域为js引擎根据名称查找变量的一套规则 理解了作用域，我们才能去理解闭包等等一系列问题[[Scope]]大家都知道，函数是特殊...
正常来说，执行期上下文的作用域链是不会改变的 JavaScript中的词法作用域并不是一成不变的 （词法作用域/静态作用域: 作用域由书写代码时函数声明位置决定） 有几种机制是可以欺骗词法的 它们是with()、eval()还有try-catch语句的catch子句 其中with和eval我们不应该去使用（会产生很多问题） 欺骗词法的意思就是欺骗词法作用域 也就是说，它们在运行时改变了作用域链 下面我就来谈谈这些可以欺骗词法的机制evaleval()函数接受一个...
在大部分编程语言中, 循环语句消耗了大部分时间 而循环语句又是十分重要的编程模式在我们JavaScript中, 有四种循环类型for循环while循环do-while循环for-in循环其中前三种循环在其他语言也很常见 for-in循环对于在学校学过C/C++的同学来说也许很新鲜 它每次迭代的同时会搜索实例和原型属性, 所以它每次迭代便会产生更多的开销 for-in循环最终只有其他三种类型速度的1/7 所以, 除非我们明确需要迭代一个属性数量未知的对象, 否则我们...
对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。 1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 SyntaxHighlighter 是一款完全基于JavaScript的代码...
No setTimeout, No setInterval如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实现动画时使用更高效的方式。什么是高效页面是每一帧变化都是系统绘制出来的(GPU或者CPU)。但这种绘制又和PC游戏的绘制不同，它的最高绘制频率受限于显示器的刷新频率(而非显卡)，所以大多数情况下最高的绘制...
很多JavaScript引擎，如Google的V8引擎（被Chrome和Node所用），是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者，并且关心内存使用情况与页面性能，你应该了解用户浏览器中的JavaScript引擎是如何运作的。无论是V8，SpiderMonkey的（Firefox）的Carakan（Opera），Chakra（IE）或其他引擎，这样做可以帮助你更好地优化你的应用程序。这并不是说应该专门为某一浏览器或引擎做优化，千万别这么做。 但是，...
JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点，绝对是干货。前言一直在学习javascript，也有看过《犀利开发Jquery内核详解与实践》，对这本书的评价只有两个字犀利，可能是对javascript理解的还不够透彻异或是自己太笨，更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解。鉴于想让自己有一个提升，...
加载与运行延期脚本 <scripttype="text/javascript" src="file1.js"defer></script> js文件要在dom加载完成时才会被下载动态脚本元素 var script= document.createElement ("script");script.type= "text/javascript";script.src= "file1.js"; document.getElementsByTagName_r("head")[0].appendChild(script)无论在何处启动下载，文件的下载和运行都不会阻塞其他页面的处理过程XHR 脚本注入 var xhr = newXMLHttpRequest();xh...
本文的初衷是想介绍如何利用些简单的代码小技巧就能促进JavaScript编译器的优化进程从而提升代码运行效率。特别是在游戏这种对于垃圾回收速度要求较高，你性能稍微差点用户就能见到白屏的地方。Monomorphism:单态性JavaScript中允许函数调用时候传入动态参数，不过就以简单的2参数函数为例，当你的参数类型、参数数目与返回类型动态调用时才能决定，编译器需要更多的时间来解析。编译器自然地希望能够处理那些单态可预测的数据结构...