对前端开发知识的一些梳理,主要参考前端开发面试题及对它的补充，持续完善…
盒模型指定元素如何显示，页面上的每个元素都被看成一个矩形框，这个框由元素的内容、内边距、边框和外边距组成。
内边距出现在元素的周围，如果在元素上添加背景，那么背景就会被应用于内容和内边距组成区域。常常使用内边距在元素周围创建一个隔离带。外边距是透明的，一般使用它控制元素之间的间隔。
CSS3中新增了一种盒模型计算方式：box-sizing熟悉。盒模型默认的值是content-box, 新增的值是padding-box和border-box，几种盒模型计算元素宽高的区别如下：
性能优化系列笔记，提升用户体验
从Yahoo军规到现在各种各样的优化技术，不能一概而论，还是要根据用户需求，
制定适合自己的优化方案
载入优化，简单来说，就是重要的同步加载，不重要的异步加载。
以FaceBook的BigPipe方案为例，它大概有3步：
不过这种方案也有缺点:
对前端开发知识的一些梳理,主要参考前端开发面试题及对它的补充，持续完善…
浏览器内核
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
性能优化系列笔记，提升用户体验
导致大多数网站和应用程序出现性能滞缓的一个主要因素就是通过javascript低效访问HTML页面元素。因为所有浏览器的javascript引擎独立于其渲染引擎，操作了DOM对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint），这些行为是非常耗时的。
以Webkit为例：