摘要：
浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 属性 transform (2D) 36.04.0 -webkit- 10.09.0 -ms- 16.03.5 -moz- 9.03.2 阅读全文
摘要：
什么是闭包？闭包就是一个函数，能够访问其他函数内部变量的函数 闭包示例代码 function outer() { var a = '变量1' var inner = function () { console.info(a) } return inner // inner 就是一个闭包函数，因为他能 阅读全文
摘要：
1、概念 闭包函数：声明在一个函数中的函数，叫做闭包函数。 闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。 2、特点 让外部访问函数内部变量成为可能； 局部变量会常驻在内存中； 可以避免使用全局变量，防止全局变量污染； 会造成内存泄漏（有一块 阅读全文
摘要：
1. 权重概念： 权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。 权重系数，是表示某一指标项在指标项系统中的重要程度，它表示在其它指标项不变的情况下，这一指标项的变化，对结果的影响。 2.css权重的理解： 每一个css的选择器都有一个相对的重要程度 阅读全文
摘要：
1，首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢。 2，减少css嵌套，最好不要套三层以上。 3，不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能。 4，建立公共样式类，把相同样式提取出来作为公共 阅读全文
摘要：
1. 重复的HTTP请求数量应尽量减少 （1）减少调用其他页面、文件的数量。 （2）在使用css格式时，常会采用background载入图形文件，而每个background的图像都会产生1次HTTP 请求，为了让页面生动活泼大量使用background来加载背景图，可以采用css的1个有用的back 阅读全文
摘要：
对于大部分前端开发者而言，new一个构造函数或类得到对应实例，是非常普遍的操作了。下面的例子中分别通过构造函数与class类实现了一个简单的创建实例的过程。 // ES5构造函数 let Parent = function (name, age) { this.name = name; this.a 阅读全文
摘要：
响应式布局等于流动网格布局，而自适应布局等于使用固定分割点来进行布局。 自适应布局给了你更多设计的空间，因为你只用考虑几种不同的状态。而在响应式布局中你却得考虑上百种不同的状态。虽然绝大部分状态差异较小，但仍然也算做差异。它使得把握设计最终效果变得更难，同样让响应式布局更加的难以测试和预测。但同时说 阅读全文
摘要：
浏览器的渲染过程 本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，可以跳到后面。（这个渲染过程来自MDN） 从上面这个图上，我们可以看到，浏览器渲染过程如下： 解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树 阅读全文
摘要：
在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示 CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。 ◆position:static 无定位 元素框正常生成。块级元素生成一个矩形框，作为文档 阅读全文