在正式开始之前我们先看一下他们的定义

伪元素（Pseudo-elements）

Pseudo-elements create abstractions about the document tree beyond those specified by the document language. For instance, document languages do not offer mechanisms to access the first letter or first line of an element’s content. Pseudo-elements allow authors to refer to this otherwise inaccessible information. Pseudo-elements may also provide authors a way to refer to content that does not exist in the source document.

核心就是需要创建通常不存在于文档中的元素

伪类(pseudo-classes)

The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the other simple selectors.

核心就是用来选择那些不能够被普通选择器选择的文档之外的元素。比如:hover

所以，伪类和伪元素都是用来表示文档树以外的“元素”

二者的区别关键在于：若没有伪元素（或伪类），是否需要添加元素才能达到目的。若是则是伪元素，反之则是伪类

MVVM 由以下三部分组成

• View：界面
• Model：数据模型
• ViewModel：作为桥梁负责沟通View和Model

本文介绍了 CSS 中的选择器

编写稍大的程序时一般都会将代码模块化。在NodeJS中，一般将代码合理拆分到不同的JS文件中，每一个文件就是一个模块，而文件路径就是模块名。

词法作用域

LHS和RHS

若查找的目的是对变量进行赋值则引擎会使用LHS查询

若目的是获取变量的值则使用LHS查询

如题，LHS查询的目的是对变量赋值，则可以理解为寻找变量的容器本身

而RHS查询则应理解为retrieve his source value（取其源值）

这东西各位有没有觉得有点眼熟？不错，正是深浅拷贝时候用到的知识。

而本章我们则着手于介绍一下浅拷贝Object.assign的实现原理，然后带你手动实现一个浅拷贝。

Vue2.0中虚拟DOM的概念想必大家都有所耳闻。这东西对diff算法的理解有着至关重要的作用，所以咱们先了解一下virtual DOM

当页面元素较多时浏览器的渲染自然也成了一个大问题，而如果处理得当我们可以帮助用户省下很多流量，减少白屏时间、内存占用，优化用户体验。

Service workers 本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。他们还允许访问推送通知和后台同步API。

目前该技术通常用来做缓存文件，提高首屏速度。

​ 作为一门设计初衷为了处理浏览器网页交互（DOM操作、UI动画等）的语言，JavaScript只能被设计为单线程（否则多个线程同时处理DOM那将会造成混乱）。

可是写过JavaScript代码的人都用过定时器、ajax、事件绑定等异步处理函数。那么单线程的 JS 是怎样将等待异步请求返回过程中闲置的 CPU 利用起来的呢？我们一起来了解一下。