首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue_.X
FE杂志社
创建于2022-03-23
订阅专栏
Vue2.X和Vue3.X相关技术总结与进阶技巧汇总
等 2 人订阅
共15篇文章
创建于2022-03-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3 → 深入理解Vue3调度器与调度系统
调度器执行任务时将任务分为三个阶段 前置刷新阶段 刷新阶段 后置刷新阶段 每个阶段两种状态 正在等待刷新 正在刷新 每次刷新时,通过Promise.resolve启动一个微任务,调用
Vue3 → 渲染器与编译器浅析
组件的实现需要依赖于渲染器,模板的编译需要依赖于编译器,而且编译后的代码是根据渲染器和虚拟DOM的设计决定的,因此Vue中各个模块之间是相互关联、相互制约的;
Vue3 → vNode更新与引入Diff算法
vue中的更新粒度是`组件级别`的(最终还是在DOM标签级别上进行更新的),组件的数据变化只会影响`当前组件`的更新,但是在组件更新的过程中,也会对子组件做一定的`检查`,判断子组件是否也需要更新。。
Vue3 → 实现provide/inject
可以在全局父组件里通过`provide`将所有需要对外提供的`全局属性方法`进行跨组件透传,无论嵌套多深的子组件都可以进行`inject`注入使用,包括不限于计算属性、方法等
Vue3 → 插槽slot原理与实现
slot实现 原理解析 template中的内容最终会被compile成render函数,render函数内部会调用h函数转换成vnode 实现组件的默认插槽 功能点包括 在组件的render函数中通
Vue3 → 内部属性解析 - 事件注册、Emit注册
事件注册 原理解析 格式规范 onEvent事件必须在props中定义的 事件的格式必须是on+Event的格式 事件缓存 Vue3通过检验props中的数据是否满足/^on[A-Z]/i这个正则格式
Vue3 → 初始化Component与element
初始化 Component 流程解析 外部引用方式 创建 App 组件 直接使用 render 函数返回虚拟节点来渲染 通过 h 函数进行将真实DOM转换为虚拟DOM setup返回当前组件的数据 实
Vue3 → 设计思路浅析
声明式描述UI Vue是一个声明式的框架、声明式的好处在于直接描述结果,用户不需要关注过程 描述UI的方式 模板式 在Vue中,所有与前端页面元素相关联的属性标签等都会有与之对应的描述方式 动态的属性
Vue3 → computed计算属性的实现
computed 计算属性 接受一个 getter 函数,返回一个只读的响应式 ref对象。该 ref 通过 .value 暴露 getter 函数的返回值。它也可以接受一个带有 get 和 set
Vue3 → 响应式 ref 拓展 - isRef、unRef、toRef和proxyRefs等API原理
ref -> 响应式数据创建 功能概述 需要具备的响应式功能 和reactive类似 只不过在进行依赖收集或触发时只通过单一的.value的方式(reactive收集依赖是需要根据key收集很多的..
Vue3 → 响应式 effect 拓展 - runner、scheduler、stop/onStop、readonly/isReadonly/...
拓展响应式 effect 的内部实现,包括runner、scheduler、stop/onStop、readonly/isReadonly/shallowReadonly相关拓展等
Vue3 → 响应式 reactive、ref、effect 、proxy等拓展的实现与浅析
Vue3 响应式流程解析 常规数据变化引起其他关联数据变化的方式 通过在每次依赖数据变化时,单独调用赋值操作实现 通过将赋值过程封装到函数中,在每次依赖数据变化时,都调用一遍该函数即可
Vue.js 进阶技巧 - 插槽/内容分发/具名插槽
插槽 Slots简介 可以将插槽理解为js中的函数进行编译 最好的封装方式是将共性抽取到组件中,将不同点暴露为插槽 - 抽取共性,保留不同 父组件模板的所有东西都会在父组件作用域中编译,子组件模板的所
Vue.js 进阶技巧 - 组件挂载($mount)/继承(extend)与组件渲染函数(render)
Vue 组价挂载的常用方式 常规挂载的弊端 组件的模板是通过调用接口从服务度获取的,组件需要动态渲染; 组建挂载的位置在入口组件外,如body层,此时就得用其他挂载方式了;
Vue.js 进阶技巧 - 组件封装相关
vue中的props校验和validator类型拓展、Vue组件封装的技巧与原则和Vue高级通信相关