摘要：
http://kangax.github.io/es5-compat-table/ 阅读全文
摘要：
Microsoft Internet Explorder8团队就Alexa排名前100名的网站页面的时间消耗做了一次性数据分享：布局：43.16%渲染：27.25%HTML：2.81%调度：7.34%DOM：5.05%格式化：8.66%JScript：3.23%其它：2.5%Ajax应用：一个email进程的打开过程时间消耗：布局：9.41%渲染：9.21%HTML：1.57%调度：7.85%DOM：12.47%格式化：38.97%JScript：14.43%其它：3.72% 阅读全文
摘要：
Google网站访问速度每慢400ms就导致用户搜索请求下降0.59%；Amazon每增加100ms网站延迟将导致收入下降1%；雅虎如果有400ms延迟会导致流量下降5-9%。 Steve研究表明前端问题可能消耗整体时间的80%只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80~90%时间花在了下载页面的所有组件上浏览器是否足够快的定义，下面引述Jakob Nielsen：基于Web应用的响应时间准则和所有其它应用一样。37年来准则毫无变化，所以也不太可能因新技术的出现而发生改变。0.1秒：用户直接操作UI中对象的感觉极限。例如，从用户选择表格中的一列到该列高亮或向用户反 阅读全文
摘要：
大多数浏览器是并行下载组件的，但下载外部脚本时，在脚本的下载、解析并执行完毕之前，不会开始下载任何其他内容。下面几种方式既可以使用外部脚本又能避免因阻塞导致的减速影响：（1）XHR Eval（2）XHR Injection（3）Script in Iframe（4）Script DOM Element（5）Script Defer（6）document.write Script Tag代码如下：1varScript={2createXHR:function(){3varxhr;4try{5xhr=newXMLHttpRequest();6}catch(e){7varprogid=['M 阅读全文
摘要：
MIME类型（MIME type）是HTTP为每种通过Web传输对象标识的数据格式标签。MIME类型是一种文本标记，标识一种主要的对象类型和一个特定的子类型，中间用一条斜杆来分隔。常见的主MIME类型有：（1）application：应用程序特有的内容格式（2）audio：音频格式（3）chemical：化学数据集（4）image：图片格式（5）message：报文格式（6）model：三维模型格式（7）multipart：多部分对象集合（8）text：文本格式（9）video：视频电影格式例如：text/html:表示HTML文本text/plain：表示普通ASCII文本 阅读全文
摘要：
渲染树：表示DOM节点如何显示。在DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点。该节点又叫盒子或帧，符合CSS模型的规定，为一个具有padding、margin、border和position的盒子。一旦DOM和渲染树构建完成，浏览器就开始显示页面。 当DOM的变化影响了元素的几何属性（宽、高、增加行数），浏览器需要重新计算元素的几何属性，同样其它元素的几何属性和位置也因此受到影响。浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树（重排--reflow）。完成重排后，浏览器会重新绘制受到影响的部分到屏幕中（重绘--repaint）。重排（reflow）：（1）添加或删 阅读全文
摘要：
当我们在head中的JavaScript脚本依赖于document.body时，就会出现document.body.null的情况!解决办法：将脚本放在body元素的最下方！ 阅读全文
摘要：
学习是个探索的过程，在前行的路上已经有先行者为我们填平了一些坑坑洼洼。要不断的提高自己，我们需要站在巨人的肩膀上。1、深入理解JavaScript之执行上下文 当javascript代码文件被浏览器载入后，默认最先进入的是一个全局的执行上下文。当在全局上下文中调用执行一个函数时，程序流就进入该被调用函数内，此时引擎就会为该函数创建一个新的执行上下文，并且将其压入到执行上下文堆栈的顶部。浏览器总是执行当前在堆栈顶部的上下文，一旦执行完毕，该上下文就会从堆栈顶部被弹出，然后，进入其下的上下文执行代码。这样，堆栈中的上下文就会被依次执行并且弹出堆栈，直到回到全局的上下文。上述第一个阶段的具体过程如. 阅读全文
摘要：
豆瓣Javascript代码风格规范Douban Javascript Core Style Guideline1. Javascript代码应符合Douban-JSLint检验标准1-1. 语句必须都有分号结尾，除了for, function, if, switch, try, while1-2. 只有长语句可以考虑断行，如： TEMPL_SONGLIST.replace('{TABLE}', da['results']) .replace('{PREV_NUM}', prev) ... 阅读全文
摘要：
（1）作为函数在ECMAScript3和ECMAScript5中，调用上下文（this）是全局对象。在严格模式中，调用上下文是undefined（2）作为方法此时方法的上下文为该函数对象（3）作为构造函数构造函数初始化新创建的对象，并将这个对象作为其调用上下文，并用this引用这个新创建的对象。new o.m()中的this指向的是新创建的对象，而不是m。构造函数中的return语句没有返回值或者返回一个原始值，则忽略这个返回值，同时使用新对象作为调用结果var Create = function(book){ this.book = book; //return ; 还是返回新创建的对象.. 阅读全文