ddv

我带团队Review一个新项目的启动代码时，有一个文件我一定会仔细看，那就是CSS Reset。 它虽然不起眼，但却像我们整个CSS架构的地基。地基打不好，上面的楼盖得再漂...

最近Code Review的时候，我看到我们组一个很聪明的年轻同事，用观察者模式，写了一个极其复杂的全局状态订阅系统，就为了在一个组件里，响应另一个不相关的组件的点击事件。...

我们最近刚把一个后台系统从 element-plus 切成了完全自研组件，CSS 层统一用 Tailwind。全员同意设计稿一致性提升了，但代码里怨言开始冒出来。 这篇文章...

虚拟列表技术详解：通过仅渲染可视区域内容，解决海量数据渲染性能瓶颈，实现流畅滚动体验，大幅降低内存占用和加载时间。...

将两张相同的图片 position:absolute 定位在一起，通过 clip-path:polygon()这个 css 属性将元素裁剪。第一张图片保留上半部分，第二张图...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

这个液态玻璃有人觉得好看也有人觉得难看，毕竟一百个读者就有哈姆雷特嘛！我们公司的产品经理觉得好看，它就想让我们也学苹果搞个这样的主题……...

今天中午去饭堂吃饭的路上，我照例刷着技术圈的新闻，手指划着划着突然就停住了。一条消息炸了出来：“Wasm 3.0 标准发布”。 发布日期：2025年9月17日。 我心里默念...

最近不忙，我下定决心花半天时间彻底搞懂 GSAP。我打开官方文档，耐着性子读完了核心概念。结果令我大吃一惊——如此简单！曾经让我望而生畏的那些复杂动画，其底层逻辑，无非是建...

前言 你是否曾对 Vue 的响应式系统感到过困惑？当我们在代码中修改一个变量时，界面上的内容就会自动更新。这个方便快捷的背后机制到底是什么？ 了解这个底层逻辑，就是我这次想...

前言 Vue 3 的源码由多个模块构成，除了我们常用的核心功能外，还包含了响应式、工具函数等多个独立模块。为了模拟 Vue 官方的开发环境，管理这些分散的模块，我们会采用 ...

在正式开始实现我们自己的响应式 API 之前，我们先创建一个简单的测试环境，来观察 Vue 官方 ref 和 effect 的实际情况。 先在 packages/react...

我们的代码虽然已经可以运作，但 RefImpl 这个类同时处理了数据存储和链表管理，不易于扩展，所以需要调整代码结构。尽管前几章的代码已经能正常工作，但它存在一个很大的问题...

昨天，我们了解了链表的核心概念，现在要把这些概念结合起来。 首先让我们从一个常见的场景开始：当一个响应式数据 (ref) 同时被多个 effect 依赖时，会发生什么？ 我...

前言 昨天我们的目标是让一段简单的 ref 和 effect 代码能够自动响应。 进入页面输出 count.value ==> 0 一秒后自动输出 count.value ...

在昨天，我们建立了响应式的基本运作模式。在继续深入之前，要先了解 Vue 内部用来优化性能的一个核心概念：数据结构。Vue 3 的响应式系统之所以效率高，其内部对数据结构的...

在2025年的今天，我想说一句可能会被很多同行喷的话🤯： 我个人认为，以styled-components和Emotion为代表的、在运行时注入样式的CSS-in-JS技...

TypeScript的enum会导致打包体积暴增！推荐使用const对象 + as const或联合类型来替代，打包立减20%。本文通过实际案例对比，展示如何用更简洁的代码...

在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘...