严格模式的概念，是从ECMAScript5引入的，通过严格模式，可以在函数内部选择进行较为严格的全局或局部的错误条件检测。 使用严格模式的好处是可以提早知道代码中存在的错误，及时捕获一些可能导致编程错误的 ECMAScript 行为。 而不支持该模式的引擎就当遇到了一个未赋值的…

这两天刚好和朋友讨论到闭包，这个JavaScript中的“神兽”，很多同学会觉得闭包这玩意太闹心了，怎么着都理解不了...其实刚接触JavaScript的时候我也是这样的。 但是呢，闭包却非常重要！非常重要！非常重要！ 在《你不知道的JavaScript》中甚至这样写道“对于那…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

采用Flex布局的元素，称为Flex容器container。它的所有子元素自动成为容器成员，称为Flex项目item。 容器中默认存在两条轴，主轴(main axis) 和交叉轴(cross axis)。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交…

Flex容器默认有两根轴：主轴（main axis）和侧轴（cross axis）。在默认情况下主轴是水平分布的，侧轴是垂直分布的，但可以通过flex-direction来改变主侧轴的分布方向。所以并不能说，水平分布的是主轴，垂直分布的是侧轴。 默认的情况下，Flex容器中的子…

但是，盒模型有标准盒模型和IE的盒模型。 很简单，通过设置 box-sizing:content-box(W3C)/border-box(IE)就可以达到自由切换的效果。 这种方法只能获取使用内联样式的元素的宽和高。 这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方…

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。 可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。 盒模型分为IE盒…

首先需要知道对于数组和可迭代对象的遍历方法，我们需要从不同的维度进行对比，方法的功能性，方法的应用场景，方法的兼容性，方法的效率，方法的返回值以及是否改变原始数组。深层次的我们可以思考如何实现这些方法，并且考虑到低版本浏览器的兼容性。如果要分group的话，可以这么分：forE…

js里面遍历一个对象的属性有很多种方式，比如：Object.keys 、for...in、Object.getOwnPropertyNames等等，平时写业务代码的时候，大家随便用哪个。 上面代码，又给obj添加了一个c属性，此时c属性就是不可枚举的。关键就是enumerabl…