重学前端

相对于零基础的想去了解前端的，不建议去读一些深奥性的书籍，我比较偏向于比较诙谐幽默的视频，多了解一下html和css，从中培养一下自己的兴趣爱好。 我最近在学习winter老师的重学前端专栏，‘仅仅是一个 Proxy 特性的引入，就支持了 VueJS 从2.0到3.0的内核原理…

前端架构图 一、JavaScript 二、HTML+css 三、浏览器的实现原理和API 四、前端工程实践 五、知识点发布顺序

语义类标签则是纯文字的补充，比如标题、自然段、章节、列表，这些内容都是纯文字无法表达的，我们需要依靠语义标签代为表达。 语义是我们说话表达的意思，多数的语义实际上都是由文字来承载的。语义类标签则是纯文字的补充，比如标题、自然段、章节、列表，这些内容都是纯文字无法表达的，我们需要…

JavaScript 语言的每一个值都属于某一种数据类型。JavaScript 语言规定了 7 种语言类型。语言类型广泛用于变量、函数参数、表达式、函数返回值等场合。根据最新的语言标准，这 7 种语言类型是： Object。 Undefined 类型表示未定义，它的类型只有一个…

对象是一切事物的总称，它不是计算机领域凭空制造出来的概念，它是顺着人类的思维模式产生的一种抽象，所以面向对象编程也被认为是更接近人类思维模式的一种编程方式。 可以指导思考或行动（进行想象或施加动作）的东西。 在不同的编程语言中，设计者利用不同的语言特性抽象的描述对象，最终成功的…

用原型来描述对象，一像二，一就是原型，二是对象。 另一个是切实地复制对象，从此两个对象再无关联。 读一个属性，如果对象本身没有，则会继续访问对象的原型，直到原型为空或者找到为止。 Object.setPrototypeOf 设置一个对象的原型。 最早之前，语言使用者唯一可以访问…

宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。 内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。 固有对象（Intrinsic Objects ）：由标准规定，随着 Ja…

CSS 的顶层样式表由两种规则组成的规则列表构成，一种被称为 at-rule，也就是 at 规则，另一种是 qualified rule，也就是普通规则。 at-rule 由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束。这些 at-rule 在开发中使用机会…

元信息：描述自身的信息，元信息类标签，就是 HTML 用于描述文档自身的一类标签，它们通常出现在 head 标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）。 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其…

用于表示一个异步操作的最终状态(完成或失败),以及该异步操作的结果值。 微观任务： JavaScript引擎发起的任务（Promise）。 一秒钟之后执行c1,再执行c2,最后执行宏观任务setTimeout，打印d。 *关于vue框架中的axios，因为Axios 是一个基于…

词法规定了语言的最小语义单元：token，可以翻译成“标记”或者“词”。 从字符到词的整个过程是没有结构的，只要符合词的规则，就构成词。

直观表述：所有可计算的问题都可用来描述的，这样的语言就是具备图灵完备性。

Number.isNaN()---确定传递的值是否是 NaN。 Number.isFinite()---确定传递的值类型及本身是否是有限数。 Number.isInteger()确定传递的值类型是“number”，且是整数。 Number.isSafeInteger()确定传递…

==两边类型不同全转换为Number再进行比较，所以推荐使用===。 function、function*、async function、async function*、var作用范围function body，没有先后关系，当做第一行处理。 在代码执行之前javascript…

合成之后，再绘制到界面上。 HTTP 协议是基于 TCP 协议出现的，对 TCP 协议来说，TCP 协议是一条双向的通讯通道，HTTP 在 TCP 的基础上，规定了 Request-Response 的模式。这个模式决定了通讯必定是由浏览器端首先发起的。 大部分情况下，浏览器的…

HTML 的结构不算太复杂，日常开发需要的 90% 的“词”（指编译原理的术语 token，表示最小的有意义的单元），种类大约只有标签开始、属性、标签结束、注释、CDATA 节点几种。 在接受第一个字符之前，我们完全无法判断这是哪一个词（token），不过，随着我们接受的字符越…

构建 DOM 的过程中，会依次拿到上一步构造好的元素，去检查它匹配到了哪些规则，再根据规则的优先级，做覆盖和调整。所以，从这个角度看，所谓的选择器，应该被理解成“匹配器”才更合适。 空格: 后代，选中它的子节点和所有子节点的后代节点。 +：直接后继选择器，选中它的下一个相邻节点…

包含了顺次排布和折行等规则，跟平时书写文字的方式一致，所以我们把它叫做正常流。 在正常流的基础上，浏览器还支持两类元素：绝对定位元素和浮动元素。 浏览器又可以支持元素和文字的混排，元素被定义为占据长方形的区域，还允许边框、边距和留白，这个就是所谓的盒模型。 绝对定位元素把自身从…

盒的背景、边框、SVG 元素、阴影等特性，都是需要绘制的图形类。像实现 HTTP 协议必须要基于 TCP 库一样，这一部分需要一个底层库来支持。 一般的操作系统会提供一个底层库，比如在 Android 中，有大名鼎鼎的 Skia，而 Windows 平台则有 GDI，一般的浏览…

URLHTTP请求，解析HTTP回应，把URL里面包含的的HTML取出来HTML对文本的HTML进行parse，文本分析，把HTML变成DOM树DOM只有HTML本身包含的信息DOMwitCSS进行C