会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
柏成
博客园
首页
联系
订阅
管理
2024年1月19日
Vue3 Diff算法之最长递增子序列,学不会来砍我!
摘要:
Vue3 对 diff 过程进行了大升级,利用 最长递增子序列算法 去计算最少移动dom,尽可能少的做移动节点位置操作!
阅读全文
posted @ 2024-01-19 09:45 柏成
阅读(719)
评论(1)
推荐(2)
编辑
2024年1月17日
【源码系列#06】Vue3 Diff算法
摘要:
信我!7张图带你读懂 vue3 中的 diff算法,包括前序比对、后序比对、同序列比对以及乱序比对,学不会你来打我!
阅读全文
posted @ 2024-01-17 09:41 柏成
阅读(277)
评论(0)
推荐(2)
编辑
2024年1月4日
【源码系列#05】Vue3响应式原理(Ref)
摘要:
proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换
阅读全文
posted @ 2024-01-04 14:15 柏成
阅读(360)
评论(1)
推荐(1)
编辑
2023年12月26日
【源码系列#04】Vue3侦听器原理(Watch)
摘要:
本章目标:侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的?回调时机immediate是如何实现的?关于onCleanup,一个用于注册副作用清理的回调函数是如何实现的?
阅读全文
posted @ 2023-12-26 14:25 柏成
阅读(433)
评论(0)
推荐(1)
编辑
2023年12月7日
【源码系列#03】Vue3计算属性原理(Computed)
摘要:
让我们一起看下vue3中计算属性是如何实现的?重点分析一下其缓存原理(_dirty)和嵌套effect模型
阅读全文
posted @ 2023-12-07 10:13 柏成
阅读(418)
评论(6)
推荐(1)
编辑
2023年11月28日
【源码系列#02】Vue3响应式原理(Effect)
摘要:
effect 作为 reactive 的核心,主要负责收集依赖,更新依赖。在学习 effect之前,我们再来看下这张图
阅读全文
posted @ 2023-11-28 09:43 柏成
阅读(693)
评论(0)
推荐(3)
编辑
2023年11月20日
【源码系列#01】Vue3响应式原理(Proxy)
摘要:
Vue3中响应数据核心是 reactive , reactive 中的实现是由 proxy 加 effect 组合,我们先来看一下 reactive 方法的定义
阅读全文
posted @ 2023-11-20 09:50 柏成
阅读(455)
评论(0)
推荐(1)
编辑
2023年11月6日
【Vue3响应式原理#02】Proxy and Reflect
摘要:
本篇文章将解决上一篇文章 结尾遗留的问题:如何让代码自动实现响应性? 换句话说就是,如何让我们的 effect 自动保存 & 自动重新运行?又如何拦截对象属性的访问和赋值操作?
阅读全文
posted @ 2023-11-06 09:10 柏成
阅读(557)
评论(0)
推荐(1)
编辑
2023年10月19日
【Vue3响应式原理#01】Reactivity
摘要:
接下来,我们将会用 Vue3 建造响应式的方法,从头开始制造一个响应式引擎,让我们一步一步的来解决这个问题!
阅读全文
posted @ 2023-10-19 09:18 柏成
阅读(408)
评论(0)
推荐(1)
编辑
2023年9月8日
vue + canvas 实现九宮格手势解锁器
摘要:
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁。
阅读全文
posted @ 2023-09-08 09:31 柏成
阅读(724)
评论(0)
推荐(2)
编辑
下一页
公告