源码解读
文章平均质量分 72
wsq_bsdn
这个作者很懒,什么都没留下…
展开
-
react16 初始渲染流程源码解读
从createElement开始 createElment(type, config, …children):生成虚拟DOM对象。babel转换react时调用该方法将jsx语法转换成js语法。 createElment主要完成以下功能: 处理config中的特殊属性:ref、key、__self、__source。 将config中的非特殊属性保存到props中。 将第3个参数开始以后的参数记录到一个数组中,并保存到props.children上。 为props中的属性赋默认值。 创建ReactElem原创 2021-06-15 17:15:49 · 189 阅读 · 0 评论 -
拉勾前端高薪就业课程笔记第六弹(模块3-2)
从这个模块正式开始解读Vue的源码,模块内容包括Vue2.x响应式原理分析、Vue2.x虚拟DOM原理、Vue2.x模板编译原理以及Vue2.x组件化过程。 组件源码的学习过程比较痛苦,需要在不同的方法之间来回跳转,往往一个方法看到一半就需要跳转到另一个方法里,上一个方法的功能还没有搞清就需要开始看下一个方法,然后回到上一个方法之后又忘了上一个方法是干啥的,还好可以看学习视频,来来回回翻看教学视频,直到看懂为止。同时做好笔记也很关键。 ...原创 2021-03-16 15:07:59 · 79 阅读 · 0 评论 -
Vue2.x源码解读-模板编译
模板编译入口原创 2021-03-16 14:54:35 · 147 阅读 · 0 评论 -
Vue2.x源码解读-组件化
组件的概念 Vue组件就是拥有预定义选项的Vue实例。 组件的注册方式 全局组件:通过Vue.component方法注册。 局部组件:在组件的选项参数的components中定义,只能在注册的组件中使用。原创 2021-03-16 14:53:29 · 78 阅读 · 0 评论 -
Vue2.x原码解析-虚拟DOM
虚拟DOM的概念 虚拟DOM(Virtual DOM)是使用js对象描述真实DOM。通过对比变化前后的虚拟DOM,可以精确定位到视图的变化,只修改变化部分的视图,提高复杂视图变化时的渲染效率。 Vue中的虚拟DOM Vue中的虚拟DOM借鉴了Snabbdom,其模块机制,钩子函数以及diff算法和Snabbdom几乎一致,但Snabbdom的基础上添加了Vue的特性,如指令和组件机制。 虚拟DOM的优缺点 优点 避免直接操作DOM,提交开发效率。 作为中间层可以实现跨平台。 复杂视图情况下可以提升渲染性能原创 2021-03-16 14:52:55 · 180 阅读 · 0 评论 -
Vue2.x源码解读-响应式原理剖析
准备工作 下载vue源码,可以先将vue项目fork到自己的github仓库,然后在clone自己仓库的vue,这样在解读源码的时候可以随时添加注释,并将注释提交到自己的仓库。 源码代码主要结构说明: dist:打包生成的文件 examples:实例代码目录 src:源码文件目录 compiler:编译器相关代码,把template模板转化成render函数 core:核心代码 components:定义vue自带的keep-alive组件 global-api:定义vue中的今天方法,包括m原创 2021-03-16 14:52:13 · 266 阅读 · 0 评论