微前端改造
0%
React Hook Form 使用——表单验证与状态管理方案
本文字数： 42k 阅读时长 ≈ 38 分钟
深入介绍 React-hook-form 表单库的使用方法，涵盖基础表单、复杂验证、自定义组件集成、性能优化等高级功能，提供完整的实践指南
React-hook-form 来处理表单，相比之前的 formik 和手写表单逻辑，使用体验相当棒！性能好、API 简洁、验证灵活，特别是 Controller 组件很好地解决了自定义组件集成的问题。
Nginx 前端部署——静态资源服务与反向代理配置
Nginx 是一款高性能的 HTTP 和反向代理服务器，广泛应用于前端应用的部署与优化。本文将详细介绍 Nginx 在前端部署中的各种配置技巧，包括 Vue 和 React 单页应用的路由处理、反向代理设置、负载均衡策略等，帮助前端开发者更好地利用 Nginx 提升应用性能和用户体验。
Moment.JS 使用示例——日期时间处理完整指南
本文字数： 26k 阅读时长 ≈ 23 分钟
深入介绍 moment.JS 日期处理库的使用方法和经典案例，涵盖日期格式化、计算、解析等常见场景，提供实用技巧和注意事项
虽然现在推荐使用 dayjs 替代 moment.JS，但工作中还是经常会遇到使用 moment.JS 的老项目。顺便整理了一下 moment.JS 的常用方法和一些经典案例，帮助大家快速上手和维护老项目中的日期处理代码。
LocalStorage 性能优化——存储策略与最佳实践
本文字数： 24k 阅读时长 ≈ 22 分钟
深入探讨前端本地持久化存储的各种技术方案，分析 IndexedDB、LocalStorage 等存储机制的性能差异，提供大数据存储的优化策略和最佳实践
做一个离线应用，需要存储大量的用户数据，浏览器存储限制和性能问题让大家头疼不已。对比各种存储方案，发现了很多有趣的技术细节。
Koa 与 Express 对比——Node.JS 框架选型分析
本文字数： 21k 阅读时长 ≈ 19 分钟
详细介绍 Koa 与 Express 的对比分析，包括核心差异、中间件机制、适用场景等，帮助选择合适的 Node.JS 框架
新年第一篇，就像 Koa 和 Express 的选择一样，都有各自的美好…
Knip 工具概述——检测未使用的代码与依赖项
knip 这个宝藏工具，简直是代码洁癖患者的福音！它能帮你找出项目里那些早就没人用却还在 package.Json 里的依赖包，还有各种死代码。用了几天下来，发现了不少已经被遗忘的代码，项目瞬间清爽了许多。
Javascript 响应式原理——数据绑定与依赖追踪机制
简单介绍一下 Javascript 中响应式的实现原理，从 Vue2/3 的响应式机制到 React Hooks 的响应式实现…
Husky + ESLint + Prettier——代码规范化完整配置
本文字数： 21k 阅读时长 ≈ 20 分钟
深入解析 husky、eslint、prettier、lint-staged 等代码规范工具的工作原理和最佳实践，构建完整的项目代码质量保障体系
代码规范统一，husky+eslint+prettier+lint-staged 的组合确实是前端项目的标准配置，能有效保证代码质量和团队协作效率。
前端埋点 Hook 实践——数据追踪与性能监控方案
本文字数： 28k 阅读时长 ≈ 25 分钟
深入探讨前端埋点设计原理与实践，使用 React Hooks 实现全局点击监听和页面访问埋点系统，涵盖数据采集、处理、上报等完整流程，兼容大部分应用场景
最近在公司内部开发了一套埋点系统，发现市面上的埋点方案要么太重，要么不够灵活。于是花了两周时间研究了一套基于 Hooks 的轻量级埋点方案，支持全局监听、自定义事件等特性。给有类似需求的同学参考。
