TOPIC
JavaScript开发
原生 JS 与 DOM 交互，给静态页面注入真正的生命力。
JavaScript
TOPIC / 03
原生 JS 才是建站的基本功
框架会过时，原生 JS 不会。建站场景里大量交互其实不需要重型框架——一个 IntersectionObserver 解决懒加载、一个事件委托搞定万级列表、一段 fetch 封装统一接口。这一分类沉淀我们在真实建站项目里反复用到的原生 JS 实战经验。
- DOM 交互
- 性能优化
- 接口封装
- 动画与缓存
ARTICLES
JavaScript开发文章
覆盖事件、动画、接口、缓存等建站常踩的 JS 坑。
原生 JS 事件委托在列表页的性能优化实践
万级列表如何用一个监听器替代 N 个 bind，附完整可运行的封装与基准对比。
2026-07-28阅读全文 →
IntersectionObserver 实现图片懒加载与滚动入场动画
替代 scroll 监听的现代方案，附带 rootMargin 与阈值选择，含完整 polyfill 兼容处理。
2026-07-21阅读全文 →
fetch 封装：统一处理 token、错误与重试的封装思路
企业建站后台接口的标准封装，覆盖鉴权、错误码、超时重试与统一异常提示。
2026-07-14阅读全文 →
防抖与节流：滚动监听场景下的选择与实现
search 输入用防抖、滚动定位用节流——两种思路的差异、实现与时间常数选择。
2026-07-07阅读全文 →
Web Storage 本地缓存策略：何时该用 localStorage
localStorage、sessionStorage、IndexedDB 的适用场景，以及缓存失效与版本切换策略。
2026-06-30阅读全文 →
跨域与 CORS：建站中常见的接口联调问题
简单请求与预检请求的区别，服务端 CORS 头如何配置，以及 cookie 携带的 credentials 写法。
2026-06-23阅读全文 →
原生 JS 实现 Tab 切换与手风琴的极简写法
不依赖任何框架，30 行 JS 搞定企业官网常驻的 Tab、手风琴、回到顶部等小交互。
2026-06-16阅读全文 →
requestAnimationFrame：让动画不再掉帧的底层原理
为什么 setTimeout 做动画会卡、rAF 不会——浏览器渲染管线、合成层与帧预算一次讲清。
2026-06-09阅读全文 →
RELATED
相关博文分类
JavaScript 学完后，下一步可以延伸到这些方向。
