
用懒加载、滚动揭示动画、无限滚动三个实战,讲清 IntersectionObserver 的配置项与回调在主线程、防抖等关键注意事项。

前端无障碍以语义化 HTML 为地基,配合 ARIA、键盘导航、对比度与屏幕阅读器测试,让残障及各类受限情境下的用户都能顺畅使用网页。

从零搭建可安装可离线的 PWA:详解 manifest.json 配置与 Service Worker 生命周期及 precache、stale-while-revalidate 缓存策略。

从 getContext 到 requestAnimationFrame,手把手讲透 Canvas 2D 绘图、状态管理与逐帧动画入门。

一篇文章讲透 Proxy 的 13 个拦截陷阱与 Reflect 的正确转发姿势,并手撕迷你版 Vue3 响应式原理。

CSS 变量(Custom Properties)用 :root 定义、var() 取值,支持级联覆盖与 calc() 联动,配合 [data-theme] 一行切换即可实现全局主题与暗黑模式,比预处理器变量更动态。

CSS Grid 是二维网格布局系统,通过 grid-template 定义行列轨道、用网格线编号与 grid-area 命名区域定位,fr 分配剩余空间,repeat()+auto-fit+minmax() 实现零媒体查询的响应式自适应列。

用场景、相机、渲染器、几何体加材质四要素手搓一个会转的 3D 立方体,零基础入门 Three.js 的世界。

Web Components 实战:用原生 API 封装可复用自定义元素(Shadow DOM 与插槽全解析)
用原生 customElements 与 Shadow DOM、slot 从零封装可复用自定义元素,讲透样式隔离、内容分发与生命周期回调。

WebAssembly 入门:让前端也能跑接近原生的性能(instantiateStreaming 与线性内存)
从原理到实战讲透 WebAssembly:用 C/Rust 编译的 .wasm 在浏览器跑接近原生性能,详解 instantiateStreaming 与 instantiate 加载方式、线性内存 Memory 与 JavaScript 的数据交换,以及图像、加密、物理等适用场景。

PWA 离线应用实战:Service Worker 缓存策略与 manifest 配置
从零搭建可安装可离线的 PWA:详解 manifest.json 配置与 Service Worker 生命周期及 precache、stale-while-revalidate 缓存策略。

Intersection Observer API 实战:高性能滚动触发动画与懒加载
用懒加载、滚动揭示动画、无限滚动三个实战,讲清 IntersectionObserver 的配置项与回调在主线程、防抖等关键注意事项。

前端无障碍(Accessibility)指南:ARIA、键盘导航与对比度那些事
前端无障碍以语义化 HTML 为地基,配合 ARIA、键盘导航、对比度与屏幕阅读器测试,让残障及各类受限情境下的用户都能顺畅使用网页。

Three.js 零基础入门:四要素手搓一个会转的 3D 立方体
用场景、相机、渲染器、几何体加材质四要素手搓一个会转的 3D 立方体,零基础入门 Three.js 的世界。

Proxy 与 Reflect 元编程:从拦截器到 Vue3 响应式原理
一篇文章讲透 Proxy 的 13 个拦截陷阱与 Reflect 的正确转发姿势,并手撕迷你版 Vue3 响应式原理。

CSS Grid 网格布局完全指南:从网格线到 auto-fit 响应式
CSS Grid 是二维网格布局系统,通过 grid-template 定义行列轨道、用网格线编号与 grid-area 命名区域定位,fr 分配剩余空间,repeat()+auto-fit+minmax() 实现零媒体查询的响应式自适应列。

CSS 变量(Custom Properties)实战:一行 var() 搞定全局主题切换
CSS 变量(Custom Properties)用 :root 定义、var() 取值,支持级联覆盖与 calc() 联动,配合 [data-theme] 一行切换即可实现全局主题与暗黑模式,比预处理器变量更动态。

Canvas 2D 绘图入门:从画矩形到 requestAnimationFrame 动画
从 getContext 到 requestAnimationFrame,手把手讲透 Canvas 2D 绘图、状态管理与逐帧动画入门。
友情链接
- 1Web Components 实战:用原生 API 封装可复用自定义元素(Shadow DOM 与插槽全解析)23
- 2WebAssembly 入门:让前端也能跑接近原生的性能(instantiateStreaming 与线性内存)11
- 3PWA 离线应用实战:Service Worker 缓存策略与 manifest 配置8
- 4Intersection Observer API 实战:高性能滚动触发动画与懒加载8
- 5前端无障碍(Accessibility)指南:ARIA、键盘导航与对比度那些事8
- 6Three.js 零基础入门:四要素手搓一个会转的 3D 立方体7
- 7Proxy 与 Reflect 元编程:从拦截器到 Vue3 响应式原理7
- 8CSS Grid 网格布局完全指南:从网格线到 auto-fit 响应式6
- 9CSS 变量(Custom Properties)实战:一行 var() 搞定全局主题切换6
- 10Canvas 2D 绘图入门:从画矩形到 requestAnimationFrame 动画5
