gnip

概述 目前在前端领域最流行的包管理工具包含了 npm、yarn、pnpm，其中 pnpm 的优势越来越越明显，它通过软硬链接依赖的方式实现了快速安装，当下各种类库、组件库的最佳实践方案也基本都是 pn

概述 目前的工程化前端项目中，不可缺少需要配置环境相关信息，根据环境区分，使用什么变量内容等。 .env 文件在我们项目中非常常见，在 vue-cli 、 create-react-app 、vite

概述 在目前工程化项目中，项目上线必定经过代码编写---》打包---》部署的流程，如果没有一个自动化部署的方案，按照传统项目开发方式，我们只有每次项目开发完后，手动打包项目，然后登录服务器，将我们本地

概述 在工程化项目中，Vite 和 Webpack 作为当前最流行的两大构建工具，它们在打包输出目录结构的配置上各有特点，webpack和vite默认打包构建的输出目录结构可能不满足我们的需求，因此需

概述 用户在访问单页面网站时，如果生产环境已经发布了新的版本（有功能上的变化），由于单页面中路由特性或浏览器缓存的原因，并不会重新加载前端资源，此时用户浏览器所并非加载是最新的代码，从而可能遇到一些

概述 在前端应用中监听网络状态是一个常见的需求，可以用于优化离线体验、提示用户网络变化等。 场景 移动端项目，有大量的图片需要访问，在4g或者wifi的网络状态下做不同的优化 在后台系统访问，有时候会

前言 在现代Web应用开发中，多标签页协作变得越来越常见。用户可能会同时打开应用的多个标签页，而这些标签页之间往往需要进行数据同步或状态共享。本文将全面介绍浏览器环境下实现跨标签页通信的各种方案，分析

概述 在工程化项目当中，有时候我们可能需要在运行时态自动批量处理某个文件夹下的所有文件，比如有个如下功能要做： 在一个有不同模块的多语言文件分割的文件中，需要将moudle文件夹下的多语言模块合并到i

概述 公司网站登录过期时间都通常有长有短（token 过期时间），有的很短（几个小时），但又想让经常活跃的用户不再次登录，于是才有这样需求，避免了用户再次输入账号密码登录。 为什么要专门用一个 ref