lastSeries

在 从观察者模式到响应式的设计原理 这篇文章中，阿宝哥介绍了 observer-util 这个库如何使用 Proxy 来实现响应式。而对于 vue-next 项目中的 @vue/reactivity 模块，也是利用 Proxy 来实现响应式。因此，如果你要学习 @vue/rea…

首先温馨提示一下：看源码一定要有耐心，心急吃不了热豆腐，需要一个个模块去深挖和理解，正因为它的不简单，除了会知道这么开发的原因，也更能提高自己的竞争力，当然也会更深入熟悉Typescript。 本文仅仅研究了 reactivity，后面模块逐渐会有输出。此模块也有学习顺序，直接…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

豆皮粉儿们，又见面了，今天这一期，由字节跳动数据平台的“winge(宝丁)”，带大家见识见识前端“轮子”之一Preact框架。 提到Preact，你肯定会先想到React吧。React的出现给我们带来了全新的Web开发体验，其中也带来了许多新的概念：JSX、virtual-do…

这里，最要调用了defineReactive方法，将$attrs和$listeners设置成可监听的。

最近写一个需求用到了优先队列和二叉堆的相关知识，借此机会梳理了一些二叉堆的相关知识分享给大家。 优先队列是数据结构中的基础概念，与队列先进先出（FIFO）的出队顺序不同的是 ，它的出队顺序与元素的优先级相关。 例如 React 的时间分片（React Fiber），它将渲染任务…

随着 Facebook 和 Twitter 最近的产品部署，我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。 在这篇文章中，我们将看到什么是Atomic CSS（原子 CSS），它如何与 Tailwind CSS 这种实用工具优先的样式库联系起来，目前很多大公…

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后，可以使用 AE 的扩展程序 Bodymovin 导出一份 JSON 格式的动画数据，然后开发同学可以通…