Nginx 是一款高性能的 HTTP 和反向代理服务器,广泛应用于前端应用的部署与优化。本文将详细介绍 Nginx 在前端部署中的各种配置技巧,包括 Vue 和 React 单页应用的路由处理、反向代理设置、负载均衡策略等,帮助前端开发者更好地利用 Nginx 提升应用性能和用户体验。
0%
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 的轻量级埋点方案,支持全局监听、自定义事件等特性。给有类似需求的同学参考。
Fetch 与 Axios 对比——现代 HTTP 请求库选型指南
今天突然停电…
Emotion Css-in-JS——React 样式解决方案深度解析
本文字数: 29k 阅读时长 ≈ 27 分钟
深入介绍@emotion/Css in JS 的使用方法,与 React 结合的最佳实践,包括动态样式注入、主题管理、性能优化等高级功能
重构项目的样式方案,从传统的 Css 文件切换到了 Emotion Css-in-JS 方案,使用体验很棒!样式组件化、主题管理、动态注入等功能让样式管理变得简单高效。
