PWA 应用: 最佳实践 (基于 Google Workbox)
PWA 通过 Web App Manifest、Service Worker 和 Web Push 提升网页应用的速度与稳定性，实现离线访问、缓存加速和添加到桌面等能力。多家平台已实践相关技术，常用方案包括使用 Workbox 或自研 Service Worker，并结合 manifest.json 和浏览器配置实现更完整的体验。
分类： JavaScript
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。
webpack 多页面 & GitLab 增量构建部署模板
介绍了一个基于 webpack 的多页面模板，支持 GitLab 增量构建和部署。每个页面需在 pages 目录下包含 index.html 和 index.js，构建后生成独立的页面结构。通过 GitLab CI/CD 检测修改的页面，利用阿里云 OSS CLI 自动上传到云端，实现高效的增量部署。
使用 GitLab CI/CD 和阿里云 CLI 自动部署前端项目
介绍了 CI/CD 的概念及其在 GitLab 中的实现，通过 .gitlab-ci.yml 配置文件定义镜像、阶段和执行条件，实现自动化构建、打包和部署。详细说明了 CLI 的用途及使用方法，包括配置 OSS 参数和执行发布命令，支持多环境发布并与 CI/CD 流程集成，提升开发和部署效率。
从零到一: 创建一个新的 TypeScript 项目
介绍了如何初始化 npm 项目并安装 TypeScript，通过 tsconfig.json 配置和 tsc 编译 .ts 文件。使用 webpack 和 ts-loader 实现打包，并通过 ESLint 配置代码规范检测与修复。详细说明了各步骤的依赖安装、配置文件创建及命令运行。