首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue.js 源码解读与原理分析
夜焱辰
创建于2021-06-01
订阅专栏
和大家一起看vue 2.x的源码
等 23 人订阅
共15篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue.js 源码 (15)—— 指令的奥秘1
这是我参与更文挑战的第16天,活动详情查看: 更文挑战。 前言 指令(directive)是 Vue.js 提供的带有 v- 前缀的特殊特性。指令属性的值预期是单个 JavaScript 表达式。指令
Vue.js 源码(14)—— 最佳实践
这是我参与更文挑战的第14天,活动详情查看: 更文挑战。 前言 本文,我们聊一聊日常工作中使用 Vue.js 开发项目时的最佳实践以及风格规范。 最佳实践 为列表渲染设置属性key key 这个特殊属
Vue.js 源码 (13)—— 你应该了解的 nextTick
这是我参与更文挑战的第13天,活动详情查看: 更文挑战。 前言 前面,我们已经大致梳理 Vue.js 里的整体流程和基本原理,接下来我们还会探究 Vue.js 实例或组件上的一些方法的原理和具体实现。
Vue.js 源码 (12)—— 代码生成器
这是我参与更文挑战的第12天,活动详情查看: 更文挑战。 前言 代码生成器是模板编译的最后一步,它的作用是将 AST 转换成渲染函数中的内容,这个内容可以称为代码字符串。 上面的模板,最终生成的代码字
Vue.js 源码(11)—— 优化器
前言 前面我们学习了模板编译中的解析器,这次我们将学习优化器。 优化器 什么是静态子树? 静态子树指的是那些在 AST 中永远都不会发生变化的
Vue.js 源码(10)——HTML解析器
这是我参与更文挑战的第10天,活动详情查看: 更文挑战。 前言 前面,我们简单学习了 HTML 解析器的基本原理。本文我们将一起学习具体实现。 截取开始标签 之前我们讲过,每一轮循环都是从模板的最前面
Vue.js 源码(9) —— 解析器
前言 通过前面的学习,我们了解了模板编译的三个模块。本文,我们将一起继续深入学习其中的编译器。 解析器的作用 我们只有将模板解析成 AST 后,
Vue.js 源码(8) —— 模板编译
前言 大多数同学在使用 Vue.js 开发时,基本都还是使用的模板。 但是 Vue.js 中创建 html 并不是只有模板这一种途径,我们可以使用 render(渲染函数)来创建 html
Vue.js 源码(7)—— patch
这是我参与更文挑战的第7天,活动详情查看: 更文挑战。 前言 虚拟 DOM 最核心部分是 patch,它可以将 vnode 渲染成真实的 DOM。 patch 本身有补丁、修补等意思,其实际作用是在现
Vue.js 源码(6)—— VNode
前言 之前,我们介绍了虚拟 DOM。本文,我们将一起学习什么是VNode, VNode 的作用, 以及不同类型的 VNode 之间有什么区别。 什么是 VNode 顾名思
Vue.js 源码(5)—— 虚拟 DOM
前言 虚拟 DOM 现在大部分同学都已经很熟悉了,所以本文只是作为笔记记录下。 什么是虚拟 DOM 刚学前端的时候,还不知道虚拟 DOM。虽说 React 在2013年就
Vue.js 源码(4)——变化侦测相关的API实现原理
前言 因为 Object 和 Array 的变化侦测有一些缺陷,所以 Vue.js 又提供了 $set 和 $delete 方法。本文,我们将深入学习具体实现...
Vue.js 源码(3)—— Array 的变化侦测
前言 之前我们学了 Object 的侦测变化,那为什么 Array 要单独来讲呢?我们用下面的例子来说明一下: Object 可以通过 getter/setter 来实现状态的侦测,而数组的 push
Vue.js 源码(2)—— Object 的变化侦测
前言 Vue.js 最独特的特性之一是看起来并不显眼的响应式系统。 从状态生成 DOM,再输出到用户界面显示的一整套流程叫做渲染,应用在进行时会不断地进行重新渲染。
Vue.js 源码 (1)——如何开始学习
前言 最近在看 vue.js 2.x 的源码,后面会陆续的写一些笔记和大家分享和学习。 前置条件 Flow Flow 是 facebook 出品的一个静态类型检查工具,它的语法和 Typescript