从远程组件到极致性能:一次低代码架构的再思考
文章回顾了低代码平台中远程组件的实现,从基于 iframe 和浏览器编译的旧方案转向本地开发结合 Rsbuild 和 Monorepo 的新架构,探讨了 defineAsyncComponent 的动态加载、依赖管理优化以及构建性能提升,旨在平衡开发体验与生产环境性能。
共 12 篇文章
文章回顾了低代码平台中远程组件的实现,从基于 iframe 和浏览器编译的旧方案转向本地开发结合 Rsbuild 和 Monorepo 的新架构,探讨了 defineAsyncComponent 的动态加载、依赖管理优化以及构建性能提升,旨在平衡开发体验与生产环境性能。
文章探讨了在全球化项目中处理时区问题的技术挑战,解释了时区差异对定时任务的影响,并分析了 JavaScript 中 Date 对象的局限性。它介绍了使用 Intl.DateTimeFormat 获取客户端时区、通过 IP 地址推断位置以及提供用户手动选择等实践方法,旨在帮助开发者构建更健壮的国际化应用。
文章通过一个由 yarn.lock 文件缺失引发的实际 bug,深入探讨了 Node.js 包管理中 lock 文件的作用。它分析了 npm 从嵌套依赖到扁平化安装的演进,解释了依赖不确定性问题的根源,并对比了 yarn、npm 和 pnpm 的解决方案,包括软链接等优化策略。
探讨使用 Node.js 原生 http 模块和 Koa 框架进行 API 开发,涵盖中间件机制、统一响应格式设计、REST 风格接口和基于 glob 的自动路由导入实现。
文章探讨了在Web和小程序环境中实现文本高亮的技术方案。Web端通过正则表达式和replace API直接操作DOM样式,而小程序端则需将文本拆分为数组,利用条件渲染来区分高亮与普通文本。
文章探讨了使用 HTML5 Canvas 实现经典贪吃蛇游戏的技术细节,包括基于坐标系的游戏逻辑设计、Canvas 2D 上下文的绘制方法,以及通过定时器实现动画效果。重点分析了如何用数据结构管理蛇身和奖励品,并提供了完整的代码示例。
探讨如何利用 HTML5 History API 实现前端路由,通过 pushState 和 popstate 事件管理 URL 变化而不触发页面跳转,并提供了一个基于类的 Router 实现示例,涵盖路由注册、导航和事件监听。
本文探讨如何利用原生 JavaScript API 实现前端 hash 路由,通过监听 hashchange 和 load 事件构建路由类,并详细处理了后退功能中的重复执行和数组记录问题。
探讨了在Web开发中统一处理图片加载失败的几种技术方案,包括使用img标签的error事件、window.addEventListener的捕获阶段监听、以及针对动态渲染内容的兼容性处理,并考虑了重试机制以避免无限循环。
文章探讨了在构建跨环境 JavaScript 工具库时,如何可靠地获取全局对象,覆盖了浏览器、Node.js、Web Worker、Node VM、CSP 限制和微信小程序等场景,并逐步优化到使用 globalThis 提案。