文章列表

你的网站或许不需要前端构建(二)

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

Flare 制作记录:应用前后端性能优化

, , , ,
基于导航页项目 flame 的性能问题,重新设计并实现了轻量级替代方案 flare。原版采用 React SPA 架构,存在脚本体积近 3MB、接口请求过多、SVG 图标渲染卡顿等问题。新方案彻底移除前端 JavaScript,采用纯 HT 阅读全文

使用以语言为中心的容器基础镜像 distroless

, ,
介绍了 Google 开源的 distroless 容器基础镜像方案,该方案通过移除包管理工具、SHELL 及冗余二进制文件,仅保留最小可运行系统与语言 Runtime,实现镜像极致瘦身。相比 Alpine 和 Debian 基础镜像,di 阅读全文

迁移 Docker 容器储存位置

,
Docker 默认将数据存储于系统盘的 /var/lib/docker 目录,随着镜像与容器增多易导致系统盘空间不足。迁移流程包括:使用 service docker stop 停止服务,通过 rsync -avz 将数据同步至新分区(如 阅读全文

你的网站或许不需要前端构建

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

简单策略让前端资源实现高可用

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

使用传统前端技术增强客户端缓存能力

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