Intersection Observer API 实战:高性能滚动触发动画与懒加载

Intersection Observer API 实战:高性能滚动触发动画与懒加载

用懒加载、滚动揭示动画、无限滚动三个实战,讲清 IntersectionObserver 的配置项与回调在主线程、防抖等关键注意事项。
2026-11-09100标签:javascript,css3,前端
PWA 离线应用实战:Service Worker 缓存策略与 manifest 配置

PWA 离线应用实战:Service Worker 缓存策略与 manifest 配置

从零搭建可安装可离线的 PWA:详解 manifest.json 配置与 Service Worker 生命周期及 precache、stale-while-revalidate 缓存策略。
2026-11-0990标签:javascript,html5,前端
Canvas 2D 绘图入门:从画矩形到 requestAnimationFrame 动画

Canvas 2D 绘图入门:从画矩形到 requestAnimationFrame 动画

从 getContext 到 requestAnimationFrame,手把手讲透 Canvas 2D 绘图、状态管理与逐帧动画入门。
2026-11-0970标签:javascript,html5,前端
Proxy 与 Reflect 元编程:从拦截器到 Vue3 响应式原理

Proxy 与 Reflect 元编程:从拦截器到 Vue3 响应式原理

一篇文章讲透 Proxy 的 13 个拦截陷阱与 Reflect 的正确转发姿势,并手撕迷你版 Vue3 响应式原理。
2026-11-0990标签:javascript,前端
Three.js 零基础入门:四要素手搓一个会转的 3D 立方体

Three.js 零基础入门:四要素手搓一个会转的 3D 立方体

用场景、相机、渲染器、几何体加材质四要素手搓一个会转的 3D 立方体,零基础入门 Three.js 的世界。
2026-11-0980标签:javascript,html5,前端
WebAssembly 入门:让前端也能跑接近原生的性能(instantiateStreaming 与线性内存)

WebAssembly 入门:让前端也能跑接近原生的性能(instantiateStreaming 与线性内存)

从原理到实战讲透 WebAssembly:用 C/Rust 编译的 .wasm 在浏览器跑接近原生性能,详解 instantiateStreaming 与 instantiate 加载方式、线性内存 Memory 与 JavaScript 的数据交换,以及图像、加密、物理等适用场景。
2026-11-09120标签:javascript,前端,开发语言
Web Components 实战:用原生 API 封装可复用自定义元素(Shadow DOM 与插槽全解析)

Web Components 实战:用原生 API 封装可复用自定义元素(Shadow DOM 与插槽全解析)

用原生 customElements 与 Shadow DOM、slot 从零封装可复用自定义元素,讲透样式隔离、内容分发与生命周期回调。
2026-11-09240标签:javascript,html5,前端