Intersection Observer API 实战:高性能滚动触发动画与懒加载用懒加载、滚动揭示动画、无限滚动三个实战,讲清 IntersectionObserver 的配置项与回调在主线程、防抖等关键注意事项。
1q5ojbryoo发布于2026-11-0910 阅读0 点赞0 评论0 收藏
前端无障碍(Accessibility)指南:ARIA、键盘导航与对比度那些事前端无障碍以语义化 HTML 为地基,配合 ARIA、键盘导航、对比度与屏幕阅读器测试,让残障及各类受限情境下的用户都能顺畅使用网页。
oxpskeff0u发布于2026-11-0910 阅读0 点赞0 评论0 收藏
PWA 离线应用实战:Service Worker 缓存策略与 manifest 配置从零搭建可安装可离线的 PWA:详解 manifest.json 配置与 Service Worker 生命周期及 precache、stale-while-revalidate 缓存策略。
fyp37cpoj3发布于2026-11-0910 阅读0 点赞0 评论0 收藏
Canvas 2D 绘图入门:从画矩形到 requestAnimationFrame 动画从 getContext 到 requestAnimationFrame,手把手讲透 Canvas 2D 绘图、状态管理与逐帧动画入门。
6m0adrmkfe发布于2026-11-098 阅读0 点赞0 评论0 收藏
Proxy 与 Reflect 元编程:从拦截器到 Vue3 响应式原理一篇文章讲透 Proxy 的 13 个拦截陷阱与 Reflect 的正确转发姿势,并手撕迷你版 Vue3 响应式原理。
6nks41duxd发布于2026-11-099 阅读0 点赞0 评论0 收藏
CSS 变量(Custom Properties)实战:一行 var() 搞定全局主题切换CSS 变量(Custom Properties)用 :root 定义、var() 取值,支持级联覆盖与 calc() 联动,配合 [data-theme] 一行切换即可实现全局主题与暗黑模式,比预处理器变量更动态。
sl7exh3pve发布于2026-11-099 阅读0 点赞0 评论0 收藏
CSS Grid 网格布局完全指南:从网格线到 auto-fit 响应式CSS Grid 是二维网格布局系统,通过 grid-template 定义行列轨道、用网格线编号与 grid-area 命名区域定位,fr 分配剩余空间,repeat()+auto-fit+minmax() 实现零媒体查询的响应式自适应列。
a1xuqws0hz发布于2026-11-098 阅读0 点赞0 评论0 收藏
Three.js 零基础入门:四要素手搓一个会转的 3D 立方体用场景、相机、渲染器、几何体加材质四要素手搓一个会转的 3D 立方体,零基础入门 Three.js 的世界。
i12s6wy0zb发布于2026-11-098 阅读0 点赞0 评论0 收藏
WebAssembly 入门:让前端也能跑接近原生的性能(instantiateStreaming 与线性内存)从原理到实战讲透 WebAssembly:用 C/Rust 编译的 .wasm 在浏览器跑接近原生性能,详解 instantiateStreaming 与 instantiate 加载方式、线性内存 Memory 与 JavaScript 的数据交换,以及图像、加密、物理等适用场景。
4ooane8yih发布于2026-11-0913 阅读0 点赞0 评论0 收藏
Web Components 实战:用原生 API 封装可复用自定义元素(Shadow DOM 与插槽全解析)用原生 customElements 与 Shadow DOM、slot 从零封装可复用自定义元素,讲透样式隔离、内容分发与生命周期回调。
vxjvmm0syt发布于2026-11-0926 阅读0 点赞0 评论0 收藏
