helloyarn

对浏览器的实现者来说，他们做的事情，就是把一个 URL 变成一个屏幕上显示的网页。这个过程是这样的： 6.合成之后，再绘制到界面上。 在开始详细介绍之前，要建立一个感性认识。从 HTTP 请求回来开始，这个过程并非一般想象中的一步做完再做下一步，而是一条流水线。从 HTTP 请…

@charset：用于提示 CSS 文件使用的字符编码方式，它如果被使用，必须出现在最前面。这个规则只在给出语法解析阶段前使用，并不影响页面上的展示效果。 @import 用于引入一个 CSS 文件，除了 @charset 规则不会被引入，@import 可以引入另一个文件的全…

语义类标签也十分适宜机器阅读。它的文字表现力丰富，更适合搜索引擎检索（SEO），也可以让搜索引擎爬虫更好地获取到更多有效信息，有效提升网页的搜索量，并且语义类还可以支持读屏软件，根据文章可以自动生成目录等等； 错误地使用语义标签，会给机器阅读造成混淆、增加嵌套，给 CSS 编写…

模块和脚本之间的区别仅仅在于是否包含 import 和 export。 现代浏览器可以支持用 script 标签引入模块或者脚本，如果要引入模块，必须给 script 标签添加 type=“module”。如果引入脚本，则不需要 type。 import x from "./a…

IdentifierName 标识符名称，典型案例是我们使用的变量名，注意这里关键字也包含在内了。 Punctuator 符号，我们使用的运算符和大括号等符号。 NumericLiteral 数字直接量，就是我们写的数字。S tringLiteral 字符串直接量，就是我们用单…

有了宏观任务和微观任务机制，就可以实现 JavaScript 引擎级和宿主级的任务了，例如：Promise 永远在队列尾部添加微观任务。setTimeout 等宿主 API，则会添加宏观任务。 Promise 是 JavaScript 语言提供的一种标准化的异步管理方式，它的总…

在浏览器环境中，我们都知道全局对象是 window，window 上又有很多属性，如 document。实际上，这个全局对象 window 上的属性，一部分来自 JavaScript 语言，一部分来自浏览器环境； 宿主对象也分为固有的和用户可创建的两种，比如 document.…

使用“类”的方式来描述对象，如 C++、Java 等。这个流派叫做基于类的编程语言； “基于类”的编程，总是先有类，再从类去实例化一个对象。类与类之间又可能会形成继承、组合等关系。类又往往与语言的类型系统整合，形成一定编译时的能力； “基于原型”的编程看起来更为提倡程序员去关注…

三只一模一样的鱼，其实是三个对象。 其中一只鱼发生状态改变（失去了尾巴），其他两只鱼不受影响。 因此，当我们在计算机中描述这三只鱼时，必须把相同的数据存三份。 任何一个对象都是唯一的，这与它本身的状态无关。 所以即使状态完全一样的两个对象，也并不相等。 我们用状态描述对象。 我…