Tag: # JavaScript

在大环境普遍采用前端构建的背景下，分享一种免编译构建的轻量开发方案。该方案基于百度EFE团队出品的San框架及其生态，配合ESL模块加载器、San Router路由器和Santd组件库，仅需百十来行代码即可搭建MIS后台界面。 阅读全文

该文为"RSS Can"系列第二篇，阐述如何借助 V8 引擎为 Golang 应用注入动态化能力。针对编译型语言调整规则需重复编译的低效问题，提出将易变规则抽象为 JavaScript 配置单独维护的方案，相比 JSON 等静态格式，Jav 阅读全文

该系列文章的前两篇曾剖析 Thoughtworks 新版在线技术雷达的实现细节，并提出动态添加坐标与简化维护的方案。鉴于官方未开源且页面脚本体积近 5MB，决定从零构建更轻量的工具。核心设计包括：选用 ECharts 替代 D3，产物仅 3 阅读全文

政采云趣味题为一套前端编程闯关题目，解题过程优先采用代码方式完成关卡切换而非鼠标交互。第一关通过控制台读取硬编码地址进入；第二关针对"点不到的元素"机制，提供CSS定位修改、JS模拟点击、定时器覆盖三种破解方案；左门路线第三关执行脚本计算得 阅读全文

前端工程化工具如Webpack、Babel、ESLint的普及使项目复杂度持续攀升，脚手架配置成为开发流行框架项目的标配。该文指出，对于中小型项目、简单后台、流程配置或Demo场景，无需依赖复杂构建流程，通过直接引入CDN资源或本地静态文件 阅读全文

前端资源高可用并非仅靠 CDN 或后端切换即可解决，传统方案依赖 DNS 切换存在生效延迟、需用户刷新等痛点。文章提出在前端层面监听资源加载错误，通过 onerror 事件自动切换备用 CDN 地址，实现用户侧无感知故障转移。 阅读全文

基于 Service Worker 实现了一套轻量级无干预缓存方案，代码量控制在百行以内，适用于不愿大规模改造现有站点却希望提升性能的场景。方案采用能力探测方式注册 Service Worker，通过时间切片策略管理缓存存储：以十分钟为周期 阅读全文

针对Chrome小恐龙游戏高分挑战，存在三种技术方案：其一，通过JavaScript代码注入实现自动奔跑，依据障碍物距离与类型智能判断跳跃或下蹲，并确保获取生日帽彩蛋；其二，利用Object.defineProperty劫持distance 阅读全文

介绍Chrome浏览器插件开发中动态绑定弹出窗口内容的技术方案。针对browser_action和page_action两种互斥插件类型，通过manifest不预设popup、在background.js中监听tabs. 阅读全文