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

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

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

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

如何记录页面加载时间

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

读书笔记:《Vue.js实战》 - 梁灏 著

总结了 Vue.js 的核心功能与特性,包括 beforeDestroy 生命周期解绑事件、v-pre 跳过编译、插值过滤器、计算属性缓存机制、.number 修饰符转换类型、父子组件实例访问、webpack-dev-server 热更新、箭头函数 this 指向规则,以及 Vuex 中 getters 和模块化的状态管理方法。

读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校

总结了 JavaScript 的加载执行、数据存取、DOM 操作、算法优化、正则表达式、用户界面响应、Ajax 性能以及编程实践中的关键点。强调了作用域链、闭包、重排与重绘优化、循环效率、位操作等性能影响因素,同时提供了优化建议,如减少全局变量访问、避免使用 with 语句、优化 DOM 操作及正则表达式匹配顺序等,为提升代码性能和用户体验提供了实用指导。

基于 Vue.js 的前端开发规范

提供了 Vue 组件命名、Prop 定义、指令使用及样式规范,强调 v-for 和 v-if 的高效用法。JavaScript 部分建议使用 let/const、箭头函数、模块化及 Map 等优化代码。HTML/CSS 强调语义化命名、简化选择器、属性缩写及避免使用 table 布局,统一采用 HTML5 标准,注重代码可读性与性能优化。

ES2017 Async 函数基本用法

介绍了 async 函数的基本概念和语法,强调其返回 Promise 对象的特性,并结合 await 命令的使用说明了异步操作的执行流程。通过示例展示了 async 和 await 的实际应用,说明其能够有效控制异步任务的执行顺序。

H5 localStorage入门

讲解了 localStorage 的定义、属性及常用方法,包括 setItem、getItem、removeItem 和 clear 的使用方式。介绍了如何存储和读取复杂数据类型,并通过监听 storage 事件实现浏览器标签间通信。强调 localStorage 的使用限制,如同域名限制、低版本浏览器兼容性及移动端潜在问题,并提供跨域通信的解决方案。