项目规范化本文详解前端项目规范化方案,涵盖ESLint与StyleLint的代码检查配置、VSCode插件集成,以及Husky结合Lint-staged实现的Git提交前自动化校验。此外,还介绍了Commitizen定制中文提交信息规范,旨在通过工具链统一团队开发风格,提升代码质量与协作效率。构建工具· 2022年7月16日· 1022构
浏览器存储的封装本文对比了 Cookie、SessionStorage 和 LocalStorage 的特性差异,并提供了三者的封装代码。通过自定义工具函数,实现了数据的存取、删除及清空操作,其中 LocalStorage 封装支持设置过期时间,解决了原生 API 无法自动清理过期数据的问题,便于前端开发者统一管理和复用浏览器存储逻辑。JavaScript· 2022年6月30日· 477J
JavaScript 常用数组操作方法本文系统梳理了 JavaScript 中常用的数组操作方法,涵盖 concat、push、slice 等基础 API 的使用与特性,以及 ES6 引入的 find、fill、from 等新方法。通过代码示例清晰展示了各方法的参数、返回值及对原数组的影响,帮助开发者高效掌握数组处理技巧。JavaScript· 2022年5月24日· 805J
Flex 入门到精通教程本文系统讲解 CSS Flex 弹性布局,涵盖容器与项目的核心属性及用法。通过单项目对齐、网格分布、圣杯布局及固定底栏等实战案例,详解如何利用 Flex 实现响应式设计与复杂页面排版,帮助开发者快速掌握现代前端布局技巧。Css· 2022年5月23日· 765C
Pnpm安装与使用教程本文详解Pnpm安装与核心用法。作为快速且节省磁盘空间的包管理工具,Pnpm通过硬链接实现高效存储并支持Monorepo。文中涵盖全局安装、依赖添加与移除、版本升级、脚本运行及镜像源配置等常用命令,帮助开发者掌握这一严格且高效的Node.js包管理方案。开发环境· 2022年5月24日· 10269开
Webpack 中的 loader 与 plugin本文详解 Webpack 中 Loader 与 Plugin 的核心区别及实现原理。Loader 负责模块源码转换,强调链式处理;Plugin 基于钩子机制扩展构建能力。文中通过替换文本和注入内容的示例,演示了如何编写自定义 Loader 和 Plugin,帮助开发者深入理解 Webpack 的横向广度与纵向深度。构建工具· 2022年7月16日· 877构