上传图片之前修改图片名称的必要性
介绍了 IOS 系统拍摄上传图片时文件名重复导致覆盖的问题，并提出解决方案：在上传前通过项目标识、时间戳、随机字符串和原图片名称生成唯一文件名，有效避免文件冲突，确保图片在同一目录下安全存储。
分类： JavaScript
上传图片之前压缩图片
提出图片上传时因体积过大导致超时的问题，解决方案是在上传前使用 ImgZip 压缩图片。结合 React 和 Ant Design (Antd) 实现图片压缩与上传功能，通过设置压缩质量和宽度优化图片体积，确保上传过程顺畅。提供代码示例展示具体实现。
如何知道 window 的 load 事件已经触发
介绍了通过 document.readyState 属性判断页面加载状态，解决懒加载脚本嵌套导致的问题。提供了基于 Promise 的 windowLoaded 方法，在页面加载完成或超时后返回状态。方法适用于优化页面性能及脚本加载逻辑。附参考链接便于深入了解相关 API 和实现细节。
PWA 实践 / 应用 (Google Workbox)
桌面端 PWA 应用：
"PWA 实践 / 应用 (Google Workbox)"继续阅读
npm i 和 npm ci 区别
对比了 npm i 和 npm ci 的差异。npm i 安装或更新依赖，适用于开发环境；npm ci 删除 node_modules 后按 package-lock.json 精准安装，适合 CI/CD 场景。npm ci 确保版本一致，安装速度更快，但强依赖 package-lock.json 文件。
CDN 常用库
本文介绍了前端开发中常用的一些库的 CDN 资源，包括 jQuery、Bootstrap、Vue.js 等流行框架和库。我们将探讨这些库的功能、使用方法以及如何通过 CDN 进行快速引入。通过使用 CDN，可以显著提高网站的加载速度和性能，为开发者提供便利。
短链接生成原理
介绍了短链接的生成与访问流程。通过将长链接转换为 MD5 HASH 值，检查数据库是否存在对应记录，若无则存入数据库并返回自增 ID。ID 转换为 26 进制字符串作为短链接的 Key。访问短链接时，服务器解析 Key，重定向至长链接。提供了 Node.js 代码示例，展示了 SQL 结构及 10 进制到 26 进制的转换方法。
使用 webpack 插件 webpack-bundle-analyzer 优化代码体积
介绍了如何安装、配置和启动 Webpack Bundle Analyzer，用于分析 Webpack 打包后的文件结构。通过安装插件 (webpack-bundle-analyzer)，在 Webpack 配置中添加 BundleAnalyzerPlugin，并使用命令行启动分析工具。该工具可视化展示打包结果，帮助优化资源分配和减小文件体积。
[转]The `new Function` syntax
介绍了通过 `new Function` 创建函数的语法与特点，其允许动态生成函数代码，但其 `[[Environment]]` 引用的是全局作用域，无法访问外部变量。这种方法适用于从服务器获取代码或动态编译函数的场景，避免了与 minifier 冲突的问题，并建议通过参数显式传递变量以提高代码的安全性和可维护性。
webpack 多页面 & GitLab 增量构建部署模板
介绍了一个基于 Webpack 的多页面模板，支持 GitLab 增量构建和部署。每个页面需在 pages 目录下包含 index.html 和 index.js，构建后生成独立的页面结构。通过 GitLab CI/CD 检测修改的页面，利用阿里云 OSS CLI 自动上传到云端，实现高效的增量部署。