Webpack 4 快速搭建

介绍了使用 Webpack 构建项目的完整流程,包括安装依赖、配置脚本与目录结构、集成 HtmlWebpackPlugin 和 CleanWebpackPlugin 插件、设置 Babel 和 Sass 支持,以及启用观察模式和调试模式,提供了详细的代码示例以帮助开发者快速上手。

理解 Serverless 无服务架构原理[转]

介绍了 serverless 的概念、架构组成 (BaaS 和 FaaS)、与传统架构的区别、优缺点及适用场景。serverless 通过事件驱动和第三方管理,降低了开发、运营和启动成本,适合构建轻量级、高弹性应用,但存在冷启动延迟、高并发限制及对服务商的依赖等问题,常用于通知发送、数据统计、定时任务和聊天机器人等场景。

浏览器与 Node.js 的事件循环 (Event Loop) 有何区别?[转]

概述了 JavaScript 的异步原理,比较了浏览器与 Node.js 中 Event Loop 的差异。介绍线程与进程的概念、多线程模型及浏览器内核的多线程机制,详细解析了浏览器和 Node.js 的事件循环流程,包括宏任务与微任务的执行顺序、`setTimeout` 与 `setImmediate` 的区别、`process.nextTick` 的优先级等,最后总结了两者在任务队列执行时机上的不同。

hasOwnProperty 会失效的场景

介绍了 hasOwnProperty 的作用及其与 in 操作符的区别,强调其仅检测对象自身属性。分析了两种失效场景:对象存在同名 hasOwnProperty 方法或通过 Object.create(null) 创建无原型链对象,并提供了解决方案,如使用 Object.prototype.hasOwnProperty.call 强制调用原生方法以确保准确性。

如何记录页面加载时间

通过三种方法记录页面加载时间:1. 纯前端时间戳,记录从脚本开始到页面加载完成的时间,但忽略网络延迟等;2. 配合后端记录连接建立到加载完成的时间,但增加后端负担且部分时间未覆盖;3. 使用 HTML5 的 PerformanceTiming.navigationStart 提供更全面的时间记录,但存在兼容性限制,仅支持 IE9+。

节流和去抖的简单实现

介绍了两种控制函数执行频率的方法:节流和去抖。节流通过设定间隔时间,限制高频函数的执行频率,避免过多压力;实现方式为记录上次执行时间,与当前时间比较,决定是否执行。去抖则在连续触发中仅执行一次,通过延时定时器实现,防止频繁 DOM 操作。两者通过不同策略优化性能。