CSS Container Queries 与响应式组件驱动实践 使用 CSS 容器查询构建组件级响应式布局与交互,从容器维度驱动样式,替代媒体查询并提升组件复用性,验证在主流浏览器的兼容与性能收益。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
CSS Scroll Snap 连续滚动与卡片吸附体验实践 使用 CSS Scroll Snap 构建卡片吸附与分页滚动效果,替代复杂的 JS 计算并提升移动端交互稳定性与性能。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
CSS scrollbar-gutter 与滚动条占位布局稳定性实践 使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性,避免首次滚动引发的内容跳动并提升核心指标(LCP/Cumulative Layout Shift)。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
Declarative Shadow DOM 与可组合组件封装实践 基于 Declarative Shadow DOM 在服务端直出可封装组件结构,提升可组合性与可访问性,并与传统 Shadow DOM 与框架集成进行验证与对比。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
Responsive 策略(2025) 图片优化与 AVIF/WebP/Responsive 策略(2025)图片占据页面体积的主导地位,优化能显著改善体验。一、格式与转换格式选型:优先 AVIF/WebP,提供回退到 JPEG/PNG。批量转换:在构建或上传阶段自动转换与压缩。二、响应式与懒加载响应式:`srcset/sizes` 提供 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
React 19 稳定版:Actions/useOptimistic 与资源读取 use 概述 React 19 稳定版的核心更新,包括 Actions、useOptimistic 与资源读取 use API,并给出升级提示与典型使用场景。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
React 19 预渲染 API 实战与局限 引言预渲染 API 旨在在数据就绪时快速返回静态输出,提升首屏;结合 RSC/Actions 可形成“服务端渲染+服务端变更”的组合。能力与局限(已验证)静态 HTML 流与字符串转换:在数据完成后返回静态 HTML,支持字符串转换与响应流输出,适用于静态化与缓存。来源:React v19 稳定版说 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
Next.js 15 sitemap-robots 动态生成与 hreflang-canonical 治理实践 在 Next.js 15 中通过 Route Handlers 动态生成 sitemap 与 robots.txt,配合 hreflang 与 canonical 治理提高搜索与抓取质量,适用于多语言与动态内容站点。 前端框架 2026年02月13日 0 点赞 0 评论 11 浏览
CSS clamp/min/max:弹性尺寸与边界控制 使用 clamp/min/max 构建弹性尺寸与流式排版,保证边界与可读性,适配多设备与容器尺寸变化。 前端框架 2026年02月14日 0 点赞 0 评论 11 浏览
CSS containment:contain 与 size/layout/paint 的协作 "系统说明 CSS `contain` 的各维度(size/layout/paint/style)与作用,将组件渲染影响限制在边界内,提升性能与可维护性,并提供示例与验证。" 前端框架 2026年02月14日 0 点赞 0 评论 11 浏览