在 vue3 中优雅的使用 jsx/tsx本文详解 Vue3 中使用 JSX/TSX 的核心技巧。涵盖插件配置、插值、样式绑定、条件与列表渲染、事件处理及 v-model 用法,并深入讲解插槽的定义与调用方式,帮助开发者在 Vue3 项目中更灵活地构建组件。Vue3· 2023年4月19日· 1475V
浏览器存储的封装本文对比了 Cookie、SessionStorage 和 LocalStorage 的特性差异,并提供了三者的封装代码。通过自定义工具函数,实现了数据的存取、删除及清空操作,其中 LocalStorage 封装支持设置过期时间,解决了原生 API 无法自动清理过期数据的问题,便于前端开发者统一管理和复用浏览器存储逻辑。JavaScript· 2022年6月30日· 488J
项目性能优化本文系统梳理了前端性能优化的关键实践,涵盖DNS预解析、静态资源CDN加速及多级缓存策略。通过HTTP/2多路复用、Gzip压缩、路由与组件懒加载降低首屏耗时。此外,结合第三方库按需引入、图片懒加载及防抖节流等手段,全方位提升页面加载速度与运行效率。开发环境· 2022年9月1日· 782开
项目规范化本文详解前端项目规范化方案,涵盖ESLint与StyleLint的代码检查配置、VSCode插件集成,以及Husky结合Lint-staged实现的Git提交前自动化校验。此外,还介绍了Commitizen定制中文提交信息规范,旨在通过工具链统一团队开发风格,提升代码质量与协作效率。构建工具· 2022年7月16日· 1035构
JavaScript 常用数组操作方法本文系统梳理了 JavaScript 中常用的数组操作方法,涵盖 concat、push、slice 等基础 API 的使用与特性,以及 ES6 引入的 find、fill、from 等新方法。通过代码示例清晰展示了各方法的参数、返回值及对原数组的影响,帮助开发者高效掌握数组处理技巧。JavaScript· 2022年5月24日· 814J