人圭立日

摘要： 盒模型由里向外由content,padding,border,margin组成。 盒模型有两种标准，一个是标准模型，一个是IE模型。 盒模型的标准模型的宽高只是内容（content）的宽高。 盒模型的IE模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。 cs 阅读全文

摘要： 浏览器通过优先级来判断哪一些属性值与一个元素最为相关，从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 从高到低的权重顺序： 1 !important 2 内联样式 3 ID选择器 4 class选择器；伪类选择器；属性选择器（这三个是一样的） 5 元素选择器；伪元素选择器（ 阅读全文

摘要： 从es6开始，在对象初始器中引入了一种更简短定义方法的语法，这是一种把方法名直接赋给函数的简写方式。 上面代码可被简写为： 该简写语法getter和setter语法类似。 生成器方法 生成器方法也可以用这种简写语法定义。 async方法 async方法也可以使用简写语法来定义。 async生成器方法 阅读全文

摘要： ES6中引入的 JavaScript 类（class）实质上是 JavaScript 现有的基于原型的继承的语法糖。类语法并不会为JavaScript引入新的面向对象的继承模型。 在es5中我们是使用构造函数实例化出来一个对象，那么构造函数与普通的函数有什么区别呢？其实没有区别，一般构造函数的函数名 阅读全文

摘要： Proxy在目标对象之前架设一层拦截，外部所有的访问都必须先通过这层拦截，因此提供了一种机制，可以对外部的访问进行过滤和修改。 ES6原生提供了Proxy构造函数，用来生成Proxy实例。下面代码中proxy代理target。 Proxy对象的所有用法，都是上面的这种形式。不同的只是handle参数 阅读全文

摘要： Reflect对象的方法与Proxy对象的方法一一对应，只要proxy对象上有的方法reflect也能找到。 ES6将Object对象的一些属于语言内部的方法放到Reflect对象上，从Reflect上能拿到语言内部的方法。如：Object.defineProperty。 Reflect一共有13个 阅读全文

摘要： 使用v-for更新已渲染的元素列表时，列表数据修改的时候，他会根据key值去判断某个值是否修改，如果修改则重新渲染这一项，否则复用之前的元素。我们在使用的使用经常会使用index(即数组的下标)来作为key，但其实这是不推荐的一种使用方法，有时也可能出现问题，原因如下： 在数组中插入一条数据： 此时 阅读全文

摘要： 当v-for和v-if在同一个元素标签上时，v-for优先级高于v-if，也就是说在v-for的每次循环运行中都会调用v-if的判断，所以会出现问题，vue官网推荐将v-if移到父元素。 例子： 以上代码输出了10变TESTOBJECT，10遍10，最后依次输出1.67 1.33 0.98 2.21 阅读全文

摘要： 我们经常遇见图片之间出现间距的问题，从这个问题入手，总结下原理。 任何不是块级元素的可见元素都是内联元素，其表现的特性是“行布局”形式。 《CSS权威指南》 图片文字等内联元素默认的对齐方式是和它的父级的 baseline 进行对齐的，撑开高度的却是元素整体的高度（bottom line） 解决方案 阅读全文

摘要： 扩展运算符（...），用于将数组转化为逗号分隔的参数序列。 ...实现数组的拷贝： 数组是一维数组时，扩展运算符可以深拷贝一个数组（对象同理）： 当数组为多维时，数组中的数组变成浅拷贝（对象同理）： 合并数组： Array.from() 用于将类数组对象、可遍历的对象转为真正的数组 Array.of 阅读全文