BokFang

水平垂直的轴也是同理。 元素动态缩小使用flex-shrink属性控制。当你内部元素总宽度大于外部元素宽度，又不适用wrap让其换行，则可以使用flex-shrink控制内部元素缩放。

XSS，即 Cross Site Script，也叫跨站脚本攻击；其原本缩写是 CSS，但为了和层叠样式表(Cascading Style Sheet)有所区分，因而在安全领域叫做 XSS。 XSS攻击通过js代码劫持客户端跟服务器之间的会话。 XSS攻击可分为三类，分别为储存…

BFC全称是Block Formatting Context，即块格式化上下文。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。通俗一点来讲，触发BFC就是将触发的区域当作一个容器，，这个容器管理着里面的块级元素。BFC…

JavaScript 中的类型判断方式有很多种，接下来就让我们来盘点一下。 2、JS 里有许多内置的构造函数, 因此对象又可以分为许多类型: array function date regexp 等等, 但是 typeof 只能显示出 "function" 这一种类型的对象, …

渲染页面的过程包括构建DOM树和CSSOM树，同时具有DOM和CSSOM才能合并构建渲染树(Render Tree)。接着浏览器会根据渲染树来计算节点位置, 绘制节点。 当我们通过浏览器使用网页时，往往有可能会对元素节点的样式进行动态修改，比如改变颜色、宽高等。在执行这些动态修…

1、处理 HTML 标记并构建 DOM 树。 2、处理 CSS 标记并构建 CSSOM 树。 3、将 DOM 与 CSSOM 合并成一个渲染树。 4、根据渲染树来布局，计算每个节点的几何信息。 5、将各个节点绘制到屏幕上。 1、这五个步骤并不一定是按顺序一次性完成，当DOM 或…

在ES6出现前，生成实例对象的传统方法是通过构造函数。 而ES6提供了更接近传统语言的写法，引入了Class这个概念，作为对象的模板。通过class关键字，可以定义类。 可以看到class里面有一个constructor方法，这就是构造方法，this指向实例对象。 如果想要挂载…

原型是 ECMAScript 实现继承的过程中产生的一个概念。 在继承这个概念中，JavaScript只有一种结构——对象。每个实例对象（ object ）都有一个私有属性（称之为 __proto__）指向它的构造函数的原型对象（ prototype ）。 像上面的number…

为了加强对变量生命周期的控制，Es6 引入了块级作用域。 let命令新增了块级作用域，外层作用域无法获取到内层作用域，非常安全明了。即使外层和内层都使用相同变量名，也都互不干扰。 也就是说当用const声明一个变量时，称之为binding（绑定）。如果要使用const循环，可以…