秋水白

很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜...

今天，无数前端开发者在构建项目时遭遇了令人震惊的错误：著名的CSS预处理器库 stylus 突然从NPM注册表中消失了！错误信息如雪花般飞舞。...

Jest 是流行的前端单元测试框架，可以用它来写 Node 代码或者组件的单测。 Jest 用起来并不难，但很多人用了多年依然不知道它是怎么实现的。 今天我们就一起来写一个...

Eslint 是我们每天都在用的工具，我们会用它的 cli 或 api 来做代码错误检查和格式检查，有时候也会写一些 rule 来做自定义的检查和修复。 虽然每天都用，但我...

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！...

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。...

interface、type在索引签名上的不同表现。因interface可声明合并，声明的变量类型可新增属性，不是终态，所以在给有索引签名的类型赋值时，需增加索引签名限定新...

变量提升（Hoisting）被认为是， Javascript 中执行上下文 （特别是创建和执行阶段）工作方式的一种认识。具体表现就是所有通过 var 声明的变量会提升到当前...

ZoomUI 的 Table 组件相比 ElementUI 的 Table 组件在更新渲染方面性能提升了十倍，这是如何做到的呢？...

在 Vue.js 3.2 优化升级中，还有一个运行时的优化： 即针对普通元素类型 vnode 的创建，提升了约 200% 的性能。来看看是怎么做的吧~...

Vue.js 3.2 已经正式发布，其中关于响应式部分的性能优化，你知道是怎么做的吗？本文会从源码层面分析具体做了哪些优化，以及这些优化背后带来的技术层面的思考。...

defineComponent 本身的功能很简单，但是最主要的功能是为了 ts 下的类型推到。本文详细分析下其实现，怎么做到类型推导的...

可以将项目未使用的css选择器从编译后css文件中移除。 这个功能是PurgeCSS实现的。 链接TailwindCSS与PurgeCSS的，则是一个postCSS插件@f...

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的...

我们知道 Vue 实例都有着相同的生命周期，而且你会发现随着对 Vue 的深入使用，也总是离不开对生命周期的使用。 下面我们就一起来分析下 Vue 中生命周期都有哪些，有什...

组件基本上是现代 Web 开发的标配，在 Vue 中组件也是其最核心的基石之一。 Vue 在组件的这方面设计也是非常用心，开发者使用的成本可以说已经很低了，我们就一起来分析...

随着大家对于交互更高的要求，在很多场景下我们的交互设计是都会要求在页面中适当的加入一些动画来增强用户的感知， 在 Vue 中提供了transition组件，一起来分析研究下...

Vue 中有一个特别好用的组件 keep-alive 组件，我们在很多场景下，都是可以借助于这个组件来提升我们的产品体验，基本上0成本实现缓存效果。那这个背后是怎么实现的，...

熟悉 Vue 的同学都知道，从 Vue2 开始，在实际运行的时候，是将用户所写的 template 转换为 render 函数，最终得到 vnode 数据（虚拟 DOM），...