在平时自己由零搭建项目时，虽然基础配置都比较熟悉，比如配置 file-loader, url-loader, css-loader 等，配置不难，但究竟是怎么起作用的呢，今天就来说说如何编写一个 Webpack Loader。 1. L

背景 在现在的时代发展中，从以前的手写签名，逐渐衍生出了 电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。举个常用的例子，大家都用过 钉钉，钉钉上面就有电子签名，相信大

部署核心步骤1.准备打包好的前端代码（dist包）或者是一个html文件2.购买阿里云服务器,并且连接3.为阿里云服务器安装ngnix开启web服务4.使用xshell和sftp将自己的前端代码放到服务器上 1.准备前端代码这部分很简单，可

1. 媒体查询（Media Query）+ CSS Flex/Grid（适用于简单布局）利用 CSS 的 @media 进行响应式设计，使页面在不同设备上适配。例如： /* 默认 PC 端样式 */ .container { widt

什么是Vue I18n? Vue I18 n是Vue.js的国际化插件。它可以轻松地将一些本地化功能集成到Vue.js应用程序中。 官网： https://vue-i18n.intlify.dev/ 1. 安装npm add vue-i

1. 首屏性能指标 FP First Paint/首次绘制 FCP First Contentful Paint/首内容绘制 FMP First Meaningful&n

React 的代码分割与懒加载通过 React.lazy 和 Suspense 实现动态加载组件，可以有效减少初始加载时间，提高页面的首屏性能。代码分割的核心思想是将大文件拆分为多个小文件，按需加载，从而避免一次性加载过多内容。 示例场景

合理使用useEffect，避免不必要的副作用 在 React 中，useEffect 是一个常用的钩子，用于处理副作用（例如数据获取、订阅等）。但是，如果 依赖数组 配置不当，会导致以下问题： 副作用重复执行：依赖数组过大或配置错误时，

优化图片和资源加载：使用现代图片格式和懒加载提升图片和资源加载性能是前端优化的重要环节，尤其在页面中存在大量图片时。下面是优化的几种方法以及代码示例。 优化方式 现代图片格式： WebP、AVIF 是现代图片格式，具有更高的压缩率和更小的文

在优化 React 应用时，有许多具体的细节可以关注，以提升性能、可维护性和用户体验。以下是一些关键的优化细节 1. 使用React.memo对于纯组件（Pure Components），使用 React.memo 包装 防止不必要的重

场景1： 移动端项目，有大量的图片需要访问，在4g或者wifi的网络状态下做不同的优化场景2：在后台系统访问，有时候会遇到断网或者网络不好得时候，所以这里需求是在请求发送之前判断网络环境，如果断网给出提示，弱网超过一定时间提示请求超时在面