Tag: # code

前端构建工具的迭代与重构实践记录，涵盖三个版本演进历程。初始版本解决多项目构建配置分散、中心服务依赖过重等问题，实现构建工具抽离、动态入口获取、CDN自动切换等功能；后因团队合并与发布规则变更，经历全量发布适配、Nginx服务废弃、CI/C 阅读全文

介绍一种基于 Drone 的私有 CI 构建方案，用于解决 GitHub 仓库的自动化构建与部署问题。针对 GitLab 资源占用高、多仓库维护繁琐、海外机器部署国内线路延迟等痛点，采用外网机器反向代理、内网高配置机器运行 Drone 服务 阅读全文

持续集成与持续交付（CI/CD）并非改造研发流程本身，而是对工程流水线进行标准化改造。文章对比了无自动化、部分脚本自动化、完整CI/CD基础设施三种团队的研发流程差异，指出前两种模式存在工程师大量消耗于构建部署等机械操作、定制化脚本缺乏标准 阅读全文

回顾CI/CD实践历程，从早期公司内部基于Jenkins的虚拟机部署起步，经历配置繁琐、环境不一致等痛点；后迁移至云端统一构建服务，逐步引入自动化测试与代码质量工具。15年接触Travis CI后，开始探索基于Docker与docker-c 阅读全文

网站架构从动态程序转向静态站点生成器，核心变化包括：移除WordPress+HHVM+MySQL技术栈，消除安全与性能隐患，降低资源需求；实现数据与应用分离，容器保持无状态，基础镜像仅需首次同步，后续通过多远程源更新数据，避免跨机房传输大量 阅读全文

多数网页直接打印效果不佳，存在屏幕与纸张比例差异、冗余元素干扰及脚本执行异常等问题。优化方案优先采用CSS @media规则适配打印设备，次选JS根据设备特征渲染，同时精简HTML结构保留核心内容。具体实践包括：通过@media print 阅读全文

针对从APNIC获取地址列表构建策略路由的常见脚本方案，在低性能路由器设备上存在可优化的执行效率问题。通过调整grep过滤条件的先后顺序，将区域筛选前置，并扩展包含港澳地址减少误判，实测在约47000条数据的场景下可将处理耗时从0. 阅读全文

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

Chrome 插件初始化阶段因运行时垃圾回收机制不稳定，概率性出现 webRequest、tabs 等 API 绑定事件时返回 undefined 的 TypeError，导致功能阻塞。该问题在插件安装、页面重载或 runtime 重载时均 阅读全文