Focus-Fe

前言： 本来按照自己的计划是推出的是 常用性能分析工具介绍和使用帮助内存泄露相关js内核介绍优化分析js解析执行机制分段和延迟加载。。。。。。。---------------任务是艰巨的，道路是漫长的，一步一步，认认真真地走下去。切勿浮躁正文：      好了，言归正传，以前记得一个同学说过理解Javascript，就必须弄明白执行环...

本文来自《JavaScript高级程序设计》阅读笔记  优化DOM交互  -------- DOM操作与交互要消耗大量时间，因为它们往往需要重新渲染整个页面或者某一个部分。  最小化现场更新现场更新：因为需要立即（现场）对页面对用户的显示进行更新。现场更新越多，代码完成执行所花的时间久越长 举例： 给列表添加10个项目。...

本篇主要整理于《JavaScript高级程序设计》的第三版 672页 最小化语句数   ------- js代码中的语句数量也影响所执行的操作的速度。完成多个操作的单个语句要比完成单个操作的多个语句要快，所以找出可以组合在一起的语句，以减少脚本整体的执行时间。  多个变量声明 变量声明只用一个var语句，之间由逗号隔开。     2.  插入迭代值...

本文大部分来源于： http://www.douban.com/note/153864670/   kejun的子资源原理笔记 个人做学习用，了解页面中script和css文件的合理顺序！  当html代码块（chunk）一旦有效，html parser开始处理它，将标签解析成token形式。 如  <b>hello</b>...

本文主要来自于kejun's Blog里面的js和css的顺序，个人做一些整理学习测试。 场景如下： 1、js和css都是外部资源：  //script在前<script src="xxx.js"></script><link href="xxx.css" rel="stylesheet" type="text/css"/&

前面有一篇记录了重绘和重排（http://zhangyaochun.iteye.com/blog/1681641） 改变样式方面：     多次修改样式的时候应该合并所有的改变最后一次处理，这样只修改DOM一次    1、使用cssText。  var el = document.getElementById("test");el.style.cssText...

浏览器下载完页面中的所有组件----HTML标记，Js，CSS，图片等之后会解析并生成两个内部数据结构：  DOM树  -------- 表示页面结构渲染树   -------- 表示DOM节点如何显示      DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点（隐藏的DOM元素在渲染树中没有对应的节点）。      渲染树中的节点被称为...

    从IE7（严格模式下）任何元素都可以使用:hover这个css伪选择器，然而大量的元素使用了:hover，会降低响应速度，特别在IE8中更为明显。

    整理几种自执行函数： 在最前最后加括号：(function(){ alert('zhangyaochun test');}());    2.  ()包裹function (function(){ alert('zhangyaochun test');})();      3.  运算符方式： ...

前言：   1、文章尾部带有原文的链接和来自zhangxinxu的翻译文章。  2、本文只是节选了部分更直接性的言论，去除了一些“无关的”言论。  3、只是个人学习+练习英语的topic  4、为了方便大家学习，加上了尾部部分单词的意思  正文：  书写可维护的代码 (Writing Maintainable Code)         可维护的...

目前对于各大前端框架来言，都支持访问一个ajax对象，它屏蔽了浏览器之间的差异，给使用者一个统一的接口，使得使用者专注于项目本身而不是XHR的兼容问题。但是：各个前端库在封装统一的接口的时候，XMLHttpRequest本身的一些功能被隐藏了。 multipart XHR 中使用了流功能。通过监听readyState为3的状态，我们可以在一个较大的响应还没有完全接受之前把它进行分段处理。这...

很多的人可能会不屑这个问题，请听我慢慢说道。 需求设计是这样的，我现在需要编写一个url相关的api比如queryToJson这样的 常见举例 “http://www.****?name=zhangyaochun&age=24”,这样的常见的url地址中提取?后面的name=zhangyaochun&age=24这样的转换成{name:zhangyaochun,ag...

以前可能自己写的时候也有这个习惯，但是理论性的没有认真去中总结过。 简单记录，加深理解。 我们一定有场景去会创建对象或者数组，也有各种方法去实现。但是最快最好的是什么？-----------使用直接量或者有的说的对象和数组字面量  1. 对象字面量    -------创建新对象值的表示法。一个对象字面量就是包围在一对花括号中零或者多个“名...

   探究一下严格模式，也是我个人一直推崇的，简单记录一下。     在ECMAScript5引入了strict mode     -----------   方便更快地调试出错误 如何使用："use strict";  兼容性： http://caniuse.com/#feat=use-strict   去除with   ...