zhiyuanzmj

随着 vue3.6.0 alpha 的发布，vapor mode 进入正式版本只是时间上的问题，可以预见的是各个组件库都将积极适配 vapor，这篇文章主要侧重 vue 中...

最近开发接到一个需求，前端展示付款的验证码，验证码时效 10 分钟，到期过期，同时在二维码的外侧有一个倒计时条。如何使用 css 和 svg创建二维码的倒计时组件（附 Re...

React 团队最近搞了个大新闻，他们居然要对 `useEffect` 动刀子了！而且，这次的改动，用他们的话说，简直是——“违背祖训”！...

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其...

magic-string是一个用于处理字符串的JavaScript库。它可以让你在字符串中进行插入、删除、替换等操作，并且能够生成准确的sourcemap。 这个库特别适用...

Vue Scan 是一个专为 Vue.js 开发者设计的工具，旨在通过实时可视化识别组件更新，帮助进行性能调试。它通过在用户交互期间高亮显示重新渲染的组件，使得潜在的性能瓶...

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优...

模块化之争的在 ESM 标准出来的时候已成为定局，这两年前端界也在进行 ESM 大迁移。关于 ESM 个人感觉可以聊的并不多，最近讨论最多的可能还是到底该不该用 defau...

TS Macro 是一个基于Volar.js的VSCode插件提供修改TS的能力。 最开始做这个项目的想法是两个月前我与智子面基的时候他提出来的，直到前段时间我做defin...

你是否曾经幻想过，React 和 Vue 在一起，可以组合出怎样的工具？是奇葩？是高效？这里有一份答案：完美。...

而今，只要是工程化的项目，大多离不开 sourcemap 的身影，一言蔽之：构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理。...

Reactive VSCode 将 Vue 响应式引入了 VSCode 拓展开发，显著提升了 VSCode 拓展的开发效率和可维护性。...

从基础的createElement函数开始，逐步构建了一个简单的虚拟DOM系统。通过实际代码示例和图解，我们展示了如何将虚拟DOM转化为真实DOM，并实现了Diff算法来优...