值得一看的文章--面试可能用得到

js系列

1. js面试题 ： 本文全面考察了： 变量名提升、this作用域链、运算符优先级、全局变量名污染已经对象属性和原型属性等。
2. 理解js中的new：js中的new干了三件事情： 1. 生成一个空对象var aa={}； 2. 对象的proto属性指向构造函数的prototype； 3. 构造函数执行f.call(aa)。
3. js内存泄露的几种情况：有以下几种情况会造成js的内存泄露：1. IE下，在元素被移除时，元素绑定的事件没有手动删除； 2. IE下，循环引用的是DOM对象或者ActiveX对象； 3. delete的不够彻底。 当计数为0或者对象的唯一引用是循环的，那么就会执行垃圾回收。

浏览器

1. DOMContentLoaded和onload: 文章梳理了两种事件的差别，同时结合现有的框架对DOMContentLoaded的实现原理进行了探讨：

   • 差别： 前者是dom加载完成时触发，后者在图片、样式等资源加载完后触发（浏览器实现有差异..）
   • DOMContentLoaded的实现：
     1. 高版本：直接监听DOMContentLoaded事件
     2. 轮询document.readyState事件，当状态为loaded或者complete时触发
     3. IE：(1). 通过defer属性的script的加载完成，表示DOMContentLoaded事件触发 (2). 轮询元素的doScroll, 当方法可以调用成功，就表示DOMContentLoaded事件触发（DOM的某些方法要在DOM解析完成后才能调用） (3).轮询document.onreadystatechange事件，当状态为complete时触发

2. 浏览器渲染: 熟悉两个重要的概念：repaint(重绘)和reflow(重染)。

1. 不改变dom结构，如改变颜色属性时，会触发repaint；改变dom的宽度border、读取某些属性值(offsetLeft等)、窗台resize等等时，会触发reflow；需要指出的是reflow时一定会触发repaint。
2. javascript性能优化-repaint和reflow罗列了基于reflow和repaint的优化：尽可能少的修改元素style上的属性、尽量通过修改className来修改样式、DocumentFragment、缓存Layout属性值等。
   3). 使用 Chrome Timeline 来优化页面性能: 熟悉chrome的调试工具是前端开发的基本要求；文章结合实战例子，通过减少DOM操作、优化运算、requestAnimationFrame替换setInterval和css3硬件加速实现了对原始程序的优化。源码

3. onhashchange事件：

• 高版本浏览器直接监听hashchange事件
• 低版本浏览器通过轮询比较hash是否改变，同时通过iframe记录历史hash值

4. HTTP 协议入门 ：http协议有0.9、1.0、1.1和2这四个版本，现在使用的是1.1这个版本。

• 0.9：只有一个GET命令
• 1.0：加入了POST和HEAD，增加了头信息(User-Agent)、状态码(200,304)、内容编码(gzip)、MIME type(image/svg+xml)等；但是其每个请求都要建立一次tcp链接，不能实现复用。
• 1.1：持久化tcp链接(Connection: keep-alive)、管道机制(一个tcp链接里，可以发送多个http请求，依据Content-Length区分)、分块传输(Transfer-Encoding: chunked)；但是一个tcp链接的请求只能按照顺序先后到到，如果前面请求慢，那么后面的请求会一直处于等待状态
• 1.2：头和数据都采用二进制、多工(解决长等待问题)、数据流(通过标记区分数据包归属哪个请求，中途取消)、头信息压缩(gzip，索引)、服务器推送(向客户端主动发送)

CSS