记一次 iOS 环境 H5 页面突然白屏
在新版本 iOS 系统中，某页面出现白屏，原因是 Safari 浏览器新增的全局变量 browser 与旧项目中的同名变量冲突。通过临时修复和代码重构解决了此问题，并加强代码审查和监控机制，以防止类似情况再次发生。
标签： JavaScript
使用脚本整合指定文件/文件夹，执行定制化 ESLint 命令
背景
最近面对一个庞大的项目，但是只需要修改某个模块，每次都手搓命令太麻烦了，于是就想着能不能写个脚本来辅助处理这些事情。
解决方案
定制化一键 ESLint，执行文件下载地址：
https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0
"使用脚本整合指定文件/文件夹，执行定制化 ESLint 命令"继续阅读
快捷转换/互转 Markdown 文档和 TypeScript/TypeDoc 注释
提供脚本工具将代码注释与 Markdown 文档互相转换，简化操作流程。分别对应不同版本的可执行文件，通过指定格式存放数据并运行脚本，可快速生成所需结果，提升效率。
前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译
D3 是一个模块化的 JavaScript 库，用于数据可视化，将数据映射为图形。通过绑定数据、比例尺、事件监听器和过渡动画等功能，D3 提供了灵活且强大的工具来创建动态视觉效果。模块化设计让开发者可以按需加载功能，同时丰富的资源和社区支持为学习与实践提供了便利。
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。
读书笔记:《深入理解TypeScript》 - [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译
总结了 TypeScript 的优势，包括类型安全、智能提示以及对 JavaScript 的兼容性。介绍了 null 和 undefined 的差异、将 JavaScript 迁移至 TypeScript 的方法、声明文件的使用以及支持导入非代码文件的方式。同时涵盖了泛型的设计理念及使用 Conventional-Changelog 自动生成变更日志的实践。
迭代器 (Iterator) 和生成器 (Generation)
讲解了如何使用生成器为对象定义迭代器，并展示了访问默认迭代器和迭代器与扩展运算符的结合，通过示例说明了迭代器在对象、数组和字符串中的应用，强调了生成器函数返回迭代器的特性。
简单实现双向绑定
讲解了通过 ECMAScript5 的 Object.defineProperty 和 ECMAScript6 的 Proxy 与 Reflect，实现对对象属性值修改的监听，分别展示了两种方法的代码示例，实时更新输入框与显示内容的同步效果。
ECMAScript6 解构赋值
介绍了对象解构和数组解构的基础用法、非初始化赋值、默认值设置及扩展运算符的应用，展示了变量值交换、深拷贝及混合解构解析复杂数据的技巧，并探讨了函数参数默认值的不同设置方式。