另外一只袜子

Smart Ticker 是一个适用于 React/Vue/Svelte 的高性能文本差异替换动画组件。基于编辑距离算法，只滚动变化的字符，支持所有字符集，适用于各种状态展...

结构思考力 三层次模型，五大步骤。描述问题定方向；基于目标定主题；纵向结构分层次；横向结构选顺序；结构思维形象化...

传统的 ASMR 视频是需要准备一个高质量的人头麦克风（估计要几千块吧），从而达到更好的效果，但现在随着 AI 的发展，这种视频的制作成本直接拉到了最低。...

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现...

两年时间，一个从程序员到AI产品负责人的故事，一个选择大于努力的故事： 回到2022年，作为一个8年的前端程序员的我，在一家行业头部的企业中勤勤恳恳，兢兢业业。每天与代码为...

在 JavaScript 中，宏任务和微任务的概念是建立在事件循环机制之上的一种抽象描述，用于帮助理解异步任务的执行顺序和优先级。实际上，JavaScript 中并没有宏任...

Vue3.5提出了两个重要概念：version计数和双向链表，作为在内存和计算方面性能提升的最大功臣。既然都重要，那就单挑version计数来介绍介绍，它在依赖追踪过程中，...

Vue3源码阅读： 1. ref 的实现。 2. effect的实现（可以不用太关注，因为没用）。 3. ReactiveEffect的实现，这个是依赖类，非常重要。 4....

继 Angular 和 React 之后，尤大在 2016 年发布了如今“前端三剑客”之一的 Vue 2.0，并凭借其简单易用、轻量高效的特点受到了广泛的欢迎，特别...

前面几篇文章里，介绍几个API的时候，我们发现里面常出现effect、track和trigger，虽然简单说了下track用于依赖收集，trigger来触发更新。...

响应式其实是在强调一种自动更新，事物之间保持同步的思想。例如，我们在代码中声明一个对象 target, 当target 更改时， 响应式系统可以自动的做一些什么，比如上传更...

在上一篇文章《响应式原理与 reactive》中由于篇幅限制笔者留下了两个小悬念 track 依赖收集处理器与 trigger 派发更新处理器没有细致讲解，而在本篇文章中笔...

今天这篇文章是笔者会带着大家一起深入剖析 Vue3 的响应式原理实现，以及在响应式基础 API 中的 reactive 是如何实现的。对于 Vue 框架来说，其非侵入的响应...

Proxy Vue3 的响应式原理依赖了 Proxy 这个核心 API，通过 Proxy 可以劫持对象的某些操作。...

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截...

在很久很久以前，我亲爱的同事们在对接二维码扫描业务的时候，都是使用的微信官方自带的扫一扫，比如这样，所以我扫码就一定得依赖微信，在普通的浏览器中打开就GG，并且还要绑定公众...

前言 其实了解react的源码，并不是一件高成本的事，它的内部架构没有大家想象中的那么难，而阅读源码的收获，却是远远大过了成本，能够学习到其中优秀的设计模式和数据架构，并对...