从远程组件到极致性能:一次低代码架构的再思考
深入探讨低代码平台中远程组件的架构设计。从基于 iframe 的方案痛点出发,提出开发阶段利用 Rsbuild 和 defineAsyncComponent 实现 HMR,生产阶段通过 Monorepo 和 Tree Shaking 追求极致性能的方案。
共 12 篇文章
深入探讨低代码平台中远程组件的架构设计。从基于 iframe 的方案痛点出发,提出开发阶段利用 Rsbuild 和 defineAsyncComponent 实现 HMR,生产阶段通过 Monorepo 和 Tree Shaking 追求极致性能的方案。
前端开发中处理时区问题的常见方案,包括使用 Intl.DateTimeFormat 获取客户端时区、getTimezoneOffset 计算偏移、IP 定位及用户手动选择等。
从一次yarn.lock丢失引发的bug入手,深入分析npm包管理依赖安装机制的演进:嵌套安装、扁平化带来的不确定性问题,以及lock文件和pnpm软链接方案如何解决。
探讨使用 Node.js 原生 HTTP 模块与 Koa 框架开发接口,涵盖中间件洋葱模型、统一响应格式、REST 风格设计及自动导入路由的实现思路,强调代码组织与可维护性。
探讨了在Web和小程序中实现文字高亮的不同技术方案:Web端通过正则表达式替换为带样式的HTML标签,小程序端通过字符串拆分为数组并循环绑定条件样式。
基于Canvas坐标系统的贪吃蛇游戏实现:通过二维数组管理蛇身与食物,利用定时器驱动动画循环,实现碰撞检测与移动逻辑。
探讨如何利用 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 提案。