上传图片之前修改图片名称的必要性
介绍了 IOS 系统拍摄上传图片时文件名重复导致覆盖的问题，并提出解决方案：在上传前通过项目标识、时间戳、随机字符串和原图片名称生成唯一文件名，有效避免文件冲突，确保图片在同一目录下安全存储。
分类： JavaScript
上传图片之前压缩图片
提出图片上传时因体积过大导致超时的问题，解决方案是在上传前使用 ImgZip 压缩图片。结合 React 和 Ant Design (Antd) 实现图片压缩与上传功能，通过设置压缩质量和宽度优化图片体积，确保上传过程顺畅。提供代码示例展示具体实现。
如何知道 window 的 load 事件已经触发
介绍了通过 document.readyState 属性判断页面加载状态，解决懒加载脚本嵌套导致的问题。提供了基于 Promise 的 windowLoaded 方法，在页面加载完成或超时后返回状态。方法适用于优化页面性能及脚本加载逻辑。附参考链接便于深入了解相关 API 和实现细节。
PWA 应用: 最佳实践 (基于 Google Workbox)
PWA 通过 Web App Manifest、Service Worker 和 Web Push 提升网页应用的速度与稳定性，实现离线访问、缓存加速和添加到桌面等能力。多家平台已实践相关技术，常用方案包括使用 Workbox 或自研 Service Worker，并结合 manifest.json 和浏览器配置实现更完整的体验。
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-bundle-analyzer 分析与优化构建体积
使用 webpack-bundle-analyzer 可可视化分析构建产物并生成 stats.json，帮助定位体积来源。结合 ESBuild 或 SWC 加速转译、优化 Terser 参数、配置 Tree Shaking 与 sideEffects、压缩图片、替换大型依赖，可有效缩小最终 bundle 并提升构建性能。
[转]The `new Function` syntax
介绍了通过 `new Function` 创建函数的语法与特点，其允许动态生成函数代码，但其 `[[Environment]]` 引用的是全局作用域，无法访问外部变量。这种方法适用于从服务器获取代码或动态编译函数的场景，避免了与 minifier 冲突的问题，并建议通过参数显式传递变量以提高代码的安全性和可维护性。
使用 Babel 编译 TypeScript
使用 ts-loader 在构建打包生产代码时面对重重问题，比如 Polyfill 的自动注入等，于是转变为用 Babel 来编译 TypeScript。