layer-esm v1.0.1 项目介绍 - 开始
延续 "layer" 熟悉的调用方式，将弹层能力带入现代 ESM 开发环境。通过 "msg"、"confirm"、"load" 等示例，展示安装、导入、常见 API 对照与迁移思路，帮助项目逐步从全局 "window.layer" 切换到模块化使用模式。
标签： JavaScript
[EN] Workbox v6 (CLI + "workbox-config.js") Practical Guide
Target audience: projects using Workbox v6.x with workbox-cli and a `workbox-config.js` build file. This guide avoids v7-only wording and focuses on v6-compatible usage and patterns.
[ZH] Workbox v6 (CLI + `workbox-config.js`) 实用指南
本文介绍 Workbox v6 在 CLI 环境中的使用方法，涵盖 generateSW 与 injectManifest 两种模式，说明缓存策略、运行时缓存与预缓存机制，以及 skipWaiting 和 clientsClaim 的更新行为，并提供配置示例与生产实践建议。
[EN] Using Multiple Configurations in webpack: Exporting an Array of Config Objects
webpack supports enabling multi-compiler mode by exporting an array of configuration objects, allowing multiple entries and bundles to be managed within a single process. This approach unifies build and watch workflows, reduces the complexity of multiple config files, and still supports targeted builds via name (config-name), balancing efficiency, maintainability, and flexibility.
[ZH] webpack 中使用多配置: 导出配置对象数组
通过导出配置对象数组，可在 webpack 中启用多编译器模式，实现多入口与多 bundle 的统一构建与监听。该方式简化流程、降低维护成本，并支持共享配置与按需执行 (config-name)，适用于复杂项目的高效管理与扩展。
记一次 iOS 环境 H5 页面突然白屏
在新版本 iOS 系统中，某页面出现白屏，原因是 Safari 浏览器新增的全局变量 browser 与旧项目中的同名变量冲突。通过临时修复和代码重构解决了此问题，并加强代码审查和监控机制，以防止类似情况再次发生。
使用脚本整合指定文件/文件夹，执行定制化 ESLint 命令
描述了如何通过自定义脚本简化 ESLint 命令的执行。该脚本支持指定文件或文件夹，指定 ESLint 配置文件，附带命令，以及前后置执行命令等功能，极大地提高了代码检查和格式化的效率。
快捷转换 Markdown 文档和 TypeScript/TypeDoc 注释
提供脚本工具将代码注释与 Markdown 文档互相转换，简化操作流程。分别对应不同版本的可执行文件，通过指定格式存放数据并运行脚本，可快速生成所需结果，提升效率。
前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译
D3 是一个模块化的 JavaScript 库，用于数据可视化，将数据映射为图形。通过绑定数据、比例尺、事件监听器和过渡动画等功能，D3 提供了灵活且强大的工具来创建动态视觉效果。模块化设计让开发者可以按需加载功能，同时丰富的资源和社区支持为学习与实践提供了便利。