使用 Rollup 打包可按需加载的 npm 包
介绍了使用 Rollup 构建工具的基本配置和插件集成，包括 Babel 插件的安装与配置、设置 package.json 的入口文件，以及通过一键命令实现打包与发布，提供了简单的示例代码和实际案例链接。
分类： JavaScript
[转] JSON Parser with JavaScript
Write a function that takes in a string of valid JSON and converts it to an object (or whatever your chosen language uses, dicts, maps, etc).
webpack 4.x 快速搭建
介绍了使用 Webpack 构建项目的完整流程，包括安装依赖、配置脚本与目录结构、集成 HtmlWebpackPlugin 和 CleanWebpackPlugin 插件、设置 Babel 和 Sass 支持，以及启用观察模式和调试模式，提供了详细的代码示例以帮助开发者快速上手。
记一次前端加载体验优化
分析页面卡顿的原因，并从用户体验与性能优化两方面提出解决方案，包括骨架图、图片占位图、按需加载、图片压缩与格式转换、延迟上报、客户端缓存及离线包支持等方法。通过减少资源体积和优化加载流程，显著降低白屏与首屏时间，提高页面加载效率和用户体验。
[转] 理解 Serverless 无服务架构原理
介绍了 serverless 的概念、架构组成 (BaaS 和 FaaS)、与传统架构的区别、优缺点及适用场景。serverless 通过事件驱动和第三方管理，降低了开发、运营和启动成本，适合构建轻量级、高弹性应用，但存在冷启动延迟、高并发限制及对服务商的依赖等问题，常用于通知发送、数据统计、定时任务和聊天机器人等场景。
[转] 迄今为止把同步/异步/阻塞/非阻塞/BIO/NIO/AIO 讲的这么清楚的好文章 (快快珍藏)
深入解析了同步、异步、阻塞与非阻塞的概念及其组合关系，并详细探讨了 IO 的两大过程 (数据等待与拷贝)。通过区分阻塞 IO、非阻塞 IO、同步 IO 和异步 IO，阐明了各种技术的特点与适用场景，强调同步与非阻塞在 IO 中的互斥性，帮助读者清晰理解相关技术原理。
[转] 浏览器与 Node.js 的事件循环 (Event Loop) 有何区别?
概述了 JavaScript 的异步原理，比较了浏览器与 Node.js 中 Event Loop 的差异。介绍线程与进程的概念、多线程模型及浏览器内核的多线程机制，详细解析了浏览器和 Node.js 的事件循环流程，包括宏任务与微任务的执行顺序、`setTimeout` 与 `setImmediate` 的区别、`process.nextTick` 的优先级等，最后总结了两者在任务队列执行时机上的不同。
[转] 如何在 JavaScript 代码中消灭 for 循环
通过实际示例展示如何在 JavaScript 中用高阶函数 (如 map、filter、reduce) 和递归替代传统 for 循环，提升代码的可读性与维护性。涵盖数组去重、嵌套数组扁平化、条件分组、深层属性提取等应用场景，同时介绍 transduce 和 for ... of 的合理用法，强调在性能与可维护性之间的权衡。
hasOwnProperty 会失效的场景
介绍了 hasOwnProperty 的作用及其与 in 操作符的区别，强调其仅检测对象自身属性。分析了两种失效场景：对象存在同名 hasOwnProperty 方法或通过 Object.create(null) 创建无原型链对象，并提供了解决方案，如使用 Object.prototype.hasOwnProperty.call 强制调用原生方法以确保准确性。
如何记录页面加载时间
通过三种方法记录页面加载时间：1. 纯前端时间戳，记录从脚本开始到页面加载完成的时间，但忽略网络延迟等；2. 配合后端记录连接建立到加载完成的时间，但增加后端负担且部分时间未覆盖；3. 使用 HTML5 的 PerformanceTiming.navigationStart 提供更全面的时间记录，但存在兼容性限制，仅支持 IE9+。