React 中的列表渲染为什么要加 key
常用写法是用 Arrary.prototype.map 方法，将数组形式的数据映射为 JSX.Element 数组，并嵌入到组件要返回的 JSX.Element 中，如下：
Vue3响应式源码分析 - ref + ReactiveEffect篇
在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。在 ref 和 reactive 中还有一个重要的工作就是收集、触发依赖
mac前端开发工具集
上一次总结工具集还是在四年前，这一次和2018版相比改变挺大。我感觉每年更新一版，应该挺有价值的，毕竟工欲善与其，必先利器；磨刀不误砍柴工。
Vue3，用组合编写更好的代码：Async Without Await 模式
如果能让异步代码正确工作，它可以大大简化我们代码。但是，处理这种额外的复杂性，特别是与可合一起，可能会令人困惑。这篇文章介绍了无等待的异步模式。这是一种在组合中编写异步代码的方法
十个关于JavaScript Spread Syntax (...)的强大用途
扩展语法—Spread Syntax(…) 是 ES6 中引入的一个新特性，它允许我们从可迭代对象中快速提取元素。使用这种语法，我们可以避免使用大量复杂的 API，编写更简洁的代码。看完这篇文章，相信你会喜欢这个功能的。
React技巧之中断map循环
Array.slice 方法不会修改原数组，相反，它会创建一个新数组（原始数组的浅拷贝）。我们为 slice() 方法传递以下两个参数：我们指定了起始索引0，以及终止索引2。
TypeScript let与var的区别
用var声明的变量，只有函数作用域和全局作用域，没有块级作用域。而let可以实现块级作用域，只能在代码块{}内有效，在{}之外不能访问，如下代码所示：
聊聊 Vue 的双端 diff 算法
Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。当再次渲染时，会产生新的 vdom，渲染器会对比两棵 vdom 树，对有差异的部分通过增删改的 api 更新到 dom。
新朝旧将 vite和webpack煮酒论英雄
我们见证了 webpack、Rollup 和 Parcel 等工具的变迁，它们极大地改善了前端开发者的开发体验。但当我们开始构建越来越大型的应用时，通常需要很长时间才能启动开发服务器