XMX303

HTML5的目标 HTML5的目标是能够创建更简单的Web程序，书写出更简洁的HTML代码。为此提供了很多API；在HTML标签上开发出了新的属性、新的元素等等。 HTML...

生成 AST 和执行上下文 生成字节码。字节码是介于 AST 和机器码之间的一种代码，但是与特定类型的机器码无关，字节码需要通过解释器将其转换为机器码后才能执行 使用解释器...

内存储存机制 数据类型 JavaScript 中的主要数据类型有 Boolean、Number、String、Symbol、Null、Undefined 和 Object ...

变量提升 JavaScript 代码执行过程中，JavaScript 引擎把变量的声明部分和函数的声明部分提升到代码开头的“行为”。变量被提升后，会给变量设置默认值 und...

假设有这么一段代码 你能分析一下这两次调用打印出来的值是什么吗？ 我们来分析下它完整的执行流程： 编译阶段，会先将函数声明提升，第一个 showName 函数声明被提升后，...

流程概览 整个过程需要各个继承之间的配合，所以在流程开始之前，我们快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 浏览器进程主要负责用户交互、子进程管理和文件储存等功...

简述浏览器中 IP 地址与 TCP 协议、UDP 协议的实践 我们通过浏览器打开某个网站的网页，需要向对应主机的对应端口请求对应的数据，这里就涉及到 IP 地址、端口号、T...

快速浏览 watch 函数 支持多种数据源： ref 对象 reactive 对象 getter 函数 数组形式的多个数据源 主要选项： immediate: 是否立即执行...

快速浏览 Vue 的调度器（Scheduler）主要负责管理和执行异步任务队列。 核心数据结构： 主要方法： nextTick： queueJob： queueJobFlu...

核心实现分析 基础变量: nextTick 函数签名: 工作原理 Promise 选择 函数首先选择使用 currentFlushPromise 或 resolvedPro...

核心方法和实现 1.ref()函数 创建一个响应式引用 内部通过 RefImpl 类实现 可以保障任意类型的值 RefImpl类的核心实现： setter 函数 参数和初始...

核心类和接口定义 ComputedRef 接口：只读计算属性的类型定义 WritableComputedRef 接口：可写计算属性的类型定义 ComputedRefImpl...

核心实现 watch 函数实现 实现了 Vue 中的 watch API 支持监听多种数据源: ref 对象 reactive 对象 getter 函数 数组形式的多个数据...

响应式对象与只读对象 Vue3 响应式系统的关键 API 与 rective相关的有以下四个： reactive(): 创建深度响应式对象 readonly(): 创建只读...

Vue SFC 文件经由 vue-loader 拆分成 template、script、css，script 由 Babel-loader等处理完以 script 形式嵌入...

组件的渲染流程由三个步骤组成： 创建 VNode 渲染 VNode 生成 DOM 其中渲染 VNode 的过程主要就是在挂载组件，而挂载组件又分为三个步骤： 创建组件实例（...

Vue3 的 diff 流程 新旧 VNode 对比的开始 触发更新机制：在 Vue 3 中，当组件的响应式数据发生变化时，会重新执行组件的渲染函数来创建新的虚拟节点（VN...

从 VNode 到 DOM vnode 本质上是用来描述 DOM的 JavaScript 对象，它在 Vue 中可以描述不同类型的节点，比如普通元素节点、组件节点等。 HT...

前言 文章有点长，如果你是以学习的态度来看这篇文章，建议收藏起来慢慢看。 前端自动化部署一直以来概念很清楚知道怎么回事，但是其中怎么操作没怎么研究过，虽然之前环境都搭起来了...

文章内容 传统发布和现在发布的对比和区别 项目案例-手动上传服务器，使用jenkins上传服务器 配置不同的发布环境 配置域名 配置https 配置钉钉机器人通知 服务器购...