zhiyuanzmj

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

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

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

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

在前面的文章【个人赴港办理香港银行开户分享：汇丰+中银+众安成功下户】一文中, 记录了笔者因OCBC华侨银行在使用过程中手续费比较高的问题, 于是在今年4月底亲赴香港办理银行卡的经历, 最终顺利办下了

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

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

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法，这…

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