Babel to Class之编译(1)

本文是《Babel to Class》系列的第一篇,深入解析 Babel 如何将 ES6 Class 语法编译为 ES5 代码,通过 Object.defineProperty 和自定义辅助函数实现实例属性、getter/setter 和静态方法的转换。

从Vue3看组件开发新写法

本文探讨了 Vue3 中 Composition API 如何通过逻辑复用重构组件开发,对比 Vue2 的局限,并以轮播图、网络请求和表格处理为例,展示自定义 hooks 的实践。同时分析了 Teleport、Suspense 等新组件,以及 template 与 JSX 的选择考量。

判断对象全等

针对 JavaScript 中对象全等判断的局限性,本文通过逐步实现一个 `equal` 函数,探讨了处理 NaN、+0/-0、数组、对象、Set、Map、Date、正则表达式和包装对象的深层比较逻辑,并解释了如何利用构造函数、迭代器和值比较来构建健壮的解决方案。

函数记忆

探讨函数记忆化(Memoization)的核心实现,从同步场景出发,通过重构缓存逻辑来分离计算与缓存职责,并扩展到异步场景,包括回调函数和 Promise 的并发处理与队列管理。

怎么用 Vue Composition 造轮子

文章基于 Vue Composition API,通过 watchEffect 和响应式系统,实践性地封装了多个自定义 Hook,包括 DOM 操作、请求封装、生命周期模拟和状态持久化,为构建可复用的前端逻辑提供了具体实现方案。

为 React 添加双向绑定 hooks

针对 React 开发中频繁手动调用 setState 更新数组和对象带来的繁琐问题,本文探讨了如何通过自定义 Hook 结合数据劫持技术(Object.defineProperty 和原型链重写)实现类似 Vue 的双向绑定机制,从而简化状态管理代码。

团队规范系列之命名规范

本文是团队规范系列的一部分,聚焦于命名规范的制定与实施。针对JavaScript代码和CSS样式,文章详细探讨了驼峰命名法、BEM方法论的具体应用,以及如何通过export规则和静态变量管理来提升代码的可读性与一致性。