前端旧约

1. React 中虚拟 DOM是什么？ 虚拟DOM是对真实DOM的描述，虚拟DOM是JS对象，实际上就是 JSX 通过 babel 转换成 React.createElement()，然后这个函数执

JSX 是一种语法，并不是 React 中的内容，时下接入 JSX 语法的框架越来越多，但与之缘分最深的仍然是 React。本节来讲一下 React 是如何摇身一变成为 DOM 的。

首次访问时，index.js 1 MB，lodash.js 1 MB ， 需要加载的大小是 2 MB，而且此时可以进行并行加载，速度一般会比上面的快。 业务代码改变用户再次访问时，index.js 1 MB，由于 lodash.js 文件并没有发生变化，所以无需再次加载，因为浏…

影子在现实生活中可以是一个物体的副本，在 CSS 中也是这样的，相当于复制了那个元素（并不是真正的元素，对页面布局没有任何影响），可以从下面的代码中看出来。 这个时候实际上已经生成了一个宽度 100px，高度 100px 蓝色的正方体，现在我们通过给它加一些偏移量让其显示出来。…

1. Sequelize 简单介绍 Sequelize 是一种 ORM 框架，ORM(Object Relational Mapping)即对象关系映射，它是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说，它其实是创建了一个可在编程语言里使…

我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常见的FC有B…

现在有两个元素 div1 和 div2 上下紧挨着，中间没有其它元素，它们的外边距就会发生重叠。div1 在上，div2 在下，div1 的 margin-bottom 为 20px， div2 的 margin-top 为 30px，那两个元素应该距离多少呢？ 50px 吗？…

在 JS 中最常见的莫过于函数了，在函数(方法)中 this 的出现频率特别高，那么 this 到底是什么呢，今天就和大家一起学习总结一下 JS 中的 this。 1. 初探this this 在 JS 中是一个关键字，不是变量也不是属性名， JS 中不允许给this赋值。 它…