修竹

vue中的编译过程将字符串转换成了ast树，这正是神奇的地方。本文将以图文结合的方式探索`vue`底层是如何用解析器将`字符串`转换成`ast树`的。...

在平时开发中，我们都会写template，在vue底层，会将template编译成render函数。vue的编译原理相对复杂，本文的主要目标是找到编译主入口。...

本文将以发布订阅者的视角来探索ref、computed、watch和render之间的底层关系。重点关注Dep-发布者核心类和ReactiveEffect-订阅者核心类。...

侦听器的底层原理：发布订阅者模式，RefImpl类的实例是一个发布者，watch对应的逻辑是一个订阅者。...

响应式就是当数据变化时会自动执行某些操作。但是，computed的响应式和ref和reactive有所不同，ref和reactive是发布订阅者模式中的发布者，而compu...

reactive是一个特别常用的API，在Vue3中，reactive函数是用来创建一个响应式对象。底层用到了哪些技术呢？我们一起来探索......

响应式的定义：当数据发生变化时，视图会跟着变化。 响应式的底层原理：发布订阅者模式，RefImpl的实例是一个发布者，ReactiveEffect的实例可以是一个订阅者。...

vue3写v-for时，必须要写key嘛? 答：如果无需对列表增删改，列表不会再变化，可以不写。否则，为了列表修改时的复用，需要写，且推荐用渲染数据的唯一标识作为key。如...

一个项目足够复杂的话，所有代码如果都在一个页面中，那么，就会出现一个文件上万行代码的可能。vue 通过组件化的方式，将页面按照模块或功能进行拆分，方便团队合作和后期维护。...

vue3框架的使用极大提高了项目开发效率，我们不断的使用着耳熟能详的vue api去完成业务功能，却往往忽略其背后复杂而又精妙的实现原理。本文就将以debugger的方式对...

唯有读书和赚钱，才是一个人最好的修行，前者使人不惑，后者使人不屈！ 世界上任何一种能力，只要你迫切想学，真心想学，无论身边有没有人教你，你都可以想办法找人，找资源，学会自我...

私活虽香，但门道它深啊......在阅读之前，不要抱有作者能给你推荐私活/途径的幻想，本文仅仅分享自己如何接触这个赛道，以及这个赛道的一些经验...

团队代价=深入成本 Tailwindcss很容易火，因为从看到它的的第一眼就会觉得超级直观、超级简单、超级方便，所以无论是写文章 出视频 都很容易吸引一波流量。 但是真要用...

这里介绍了ref、computed、watch和render之间的关系，它们可以简单的归为发布者或订阅者，关系是收集和被收集，信息或数据流向是指向收集和通知的方向，响应式体...

侦听器指的是，数据发生变化时，会触发被监听的事件（比如：更改 Dom，修改另一些数据等）。以下是watch相关的实现原理：...

计算属性指的是，数据是由其他数据的复杂计算所得。以下是computed相关的依赖收集和派发更新的实现原理：...

响应式指的是，当数据发生变化时，视图会跟着变化。以下是以reactive 为例介绍响应式入口、依赖收集和派发更新的实现原理：...

使用vue3的过程中，会有很多经典而又好用的功能。 每一个功能也许我们都能运用得炉火纯青。 甚至某个知识点的原理我们也能娓娓道来。 那么，我们可否能将所有的功能的底层逻辑绘...