前端页面性能监控接入文档
介绍了如何通过 JS-SDK 部署前端性能监控，包括项目创建、代码部署和数据查看流程。提供了性能埋点指标及其计算方法，并列出了 Performance API 的关键字段和含义，帮助开发者全面了解网页性能数据的采集与分析。
标签： JavaScript
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。
上传图片之前修改图片名称的必要性
介绍了 IOS 系统拍摄上传图片时文件名重复导致覆盖的问题，并提出解决方案：在上传前通过项目标识、时间戳、随机字符串和原图片名称生成唯一文件名，有效避免文件冲突，确保图片在同一目录下安全存储。
[转] The `new Function` syntax
介绍了通过 `new Function` 创建函数的语法与特点，其允许动态生成函数代码，但其 `[[Environment]]` 引用的是全局作用域，无法访问外部变量。这种方法适用于从服务器获取代码或动态编译函数的场景，避免了与 minifier 冲突的问题，并建议通过参数显式传递变量以提高代码的安全性和可维护性。
读书笔记:《深入理解TypeScript》 - [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译
总结了 TypeScript 的优势，包括类型安全、智能提示以及对 JavaScript 的兼容性。介绍了 null 和 undefined 的差异、将 JavaScript 迁移至 TypeScript 的方法、声明文件的使用以及支持导入非代码文件的方式。同时涵盖了泛型的设计理念及使用 Conventional-Changelog 自动生成变更日志的实践。
迭代器 (Iterator) 和生成器 (Generation)
讲解了如何使用生成器为对象定义迭代器，并展示了访问默认迭代器和迭代器与扩展运算符的结合，通过示例说明了迭代器在对象、数组和字符串中的应用，强调了生成器函数返回迭代器的特性。
简单实现双向绑定
讲解了通过 ECMAScript5 的 Object.defineProperty 和 ECMAScript6 的 Proxy 与 Reflect，实现对对象属性值修改的监听，分别展示了两种方法的代码示例，实时更新输入框与显示内容的同步效果。
ECMAScript6 解构赋值
介绍了对象解构和数组解构的基础用法、非初始化赋值、默认值设置及扩展运算符的应用，展示了变量值交换、深拷贝及混合解构解析复杂数据的技巧，并探讨了函数参数默认值的不同设置方式。
通过 eslint stylelint htmllint 规范前端项目代码
概述了如何使用 husky、lint-staged、prettier、eslint、stylelint 和 htmllint 等工具规范 JavaScript、CSS 和 HTML 代码，提供详细的配置示例，涵盖代码格式、语法规则以及最佳实践，帮助开发者构建一致且高质量的代码风格。
读书笔记:《JavaScript高级程序设计》 - [美]Nicholas C·Zakas 著 / 李松峰 曹力 译
介绍了 JavaScript 中变量、作用域、内存管理、对象创建与继承模式、事件处理、DOM 操作、JSON 序列化、Ajax 安全性等核心概念，涵盖 HTML5 新特性、离线存储、最佳实践及新兴 API，提供了代码示例与优化建议以增强开发效率和性能。