从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规则和静态变量管理来提升代码的可读性与一致性。

Webpack 插件入门

文章从实际构建部署需求出发,探讨了如何基于 Webpack 的 Tapable 钩子系统开发一个自定义插件,该插件在编译完成后通过 SSH 自动清理服务器旧文件并上传新资源,详细解析了插件架构、钩子订阅和异步任务处理。