前端咸菜

你可曾想过，你在日常开发中用到的Babel工具，它的原理是什么？编译器在日常工作中是如何被使用的？你是否需要一个个性化的编译器呢？在这篇文章中，相信你能找到答案。

Webpack是一款模块打包工具。它为不同的依赖创建模块，将其整体打包成可管理的输出文件。这一点对于单页面应用（如今Web应用的事实标准）来说特别有用。

在前面的文章中，我们已经能够对简单的vnode进行渲染。但前面我们实习的渲染是一次性的，实际开发中，我们需要重新渲染复杂节点的能力

JavaScript中，任何操作的底层实现都基于基本语义方法，for...in, delete等也不例外。如何拦截这些操作实现响应式呢？

前面我们聊到计算属性，它可以自动计算并缓存响应式数据的值。而如果我们仅需要在响应式数据变化时，执行一些预设的操作，就可以使用watch

渲染器是什么？ 通俗点理解，渲染就是画画，渲染器就是一个会画画的机器。对于一台会画画的机器来说，它掌握的是

有了reactive为什么还需要ref？ 学习JavaScript，最先接触到的知识就是数据类型。从广义上

还是先来看看Vue官方的描述，再来逐步实现reactive。 为 JavaScript 对象创建响应式状态，可以使用 reactive 方法

计算属性 Vue3的官方文档中，对于计算属性有这样的描述： 对于任何包含响应式数据的复杂逻辑，你都应该使用计算属性。 计算属性只会在相关响应式依赖

初生：HTTP/0.9 HTTP(Hyper Text Transfer Protocol)协议，全称超文本传输协议。之所以称为超文本传输协议，是

在《【拆解Vue3】响应式对象是如何实现的？（上篇）》中，我们已经从功能上实现了一个响应式对象。如果仅仅满足于功能实现，我们就可以止步于此了。但在上篇

为了方便说明，先来看一个简单的例子。 这段代码中，如果obj是一个响应式数据，会产生什么效果呢？当obj.text中的内容改变时

用模板描述界面 Vue区别于其它框架的一个显著特征是，开发者可以使用Vue提供的模板语法来描述界面。利用这种类似HTML的模板语法，提供了一种符合

说说Vue3的生命周期？ beforeCreate：空的Vue实例创建完成； created：Vue实例初始化完成，响应式绑定完成；

HTTP http常见的状态码都有哪些？ 1xx：服务器收到请求 2xx：请求成功 200：成功 3xx：重定向 301：永久重定向 302：临时重定向 304：资源未更改 4xx：客户端错误 403

变量和运算 typeof运算符可以识别哪些类型？ 值类型； 函数（function）； 引用类型（object）； 注意：typeof null === 'object' 手写一下JavaScript

什么是DOM(Document Object Model, 文档对象模型)？ 渲染引擎无法直接理解HTML这种文本信息，需要将文本信息转换为渲染引擎能够理解的结构化信息，这种结构化的信息就是DOM，即

HTML 如何理解HTML语义化？ HTML的作用是表达页面的内容与结构，在使用HTML时，能否清晰的表达出一个页面的内容与结构至关重要。清晰表达的关键就是遵循语义（元素、属性和属性值）编写HTML。

页面中的任务都运行在渲染进程的主线程上。当我们需要进行一项比较耗时的任务时（例如，从网络下载资源文件时），为了避免主线程被长时间占用产生卡顿，我们会采用异步回调的方式。将耗时任务放到其它的进程中执行，

JavaScript如何在单线程上处理任务？ JavaScript引擎是运行在渲染进程的主线程上的，即JavaScript是单线程执行的。但JavaScript在执行中，需要处理各种任务，例如对DOM