Ollie Williams

RSS: https://olliewilliams.xyz/rss.xml
关于 Web 标准、现代 CSS、HTML 和 JavaScript 的博客。

Interop 2027 及以后

Ollie Williams 列出他个人为 Interop 2027 投票的 14 项 Web 平台特性优先级,包括 Sanitizer API、HTML 新 setter 与 streaming 方法、moveBefore、AVIF/JPEG XL 透明与渐进渲染、SVG 的 CSS Link Parameters、focusgroup、Masonry 布局等。 随后给出 10 项“pre-op”早期愿望清单,涵盖 CSS Forms 规格与 appearance:base、暗色模式偏好 API 落地问题、CSS image-animation、HTML 表单支持 PUT/PATCH/DELETE、DOM Templating API、锚点定位增强、Persistent Widgets、Open UI 新菜单元素、JS Signals(仍卡在 stage 1)、以及 date input 支持 Temporal。 整体是面向 Web 标准/前端开发者的一手个人视角清单,信息密集但讨论入口相对垂直,适合浏览器内核、CSS/HTML 标准化或前端框架方向读者;对非 Web 平台工程读者冲击有限。
评论点赞收藏5 天前

Speculation Rules API:在用户点击前预加载下一页,让导航更快

浏览器 Speculation Rules API 可在用户点击链接前自动预取或预渲染目标页面,从而显著减少导航等待时间。适合对首屏性能敏感的站点,如电商落地页、单页应用路由跳转等场景。 主流浏览器已开始支持,建议结合 link rel 属性或 JS 调用方式集成。
评论点赞收藏20 天前

用 CSS 控制 SVG 颜色:link-parameters 属性详解

CSS 新属性 link-parameters 允许通过 env 函数从外部控制 SVG 图片的颜色和样式,目前仅在 Firefox Nightly 可用,Chrome/Edge 正在实现。 支持三种写法:CSS 属性、URL fragment directive、CSS url 函数,可传多个参数,也支持 light-dark 配合系统主题切换,以及非颜色值如 stroke-width。
评论点赞收藏22 天前

我们还需要构建工具吗?

深入探讨2026年前端开发是否仍需构建工具。文章从CSS前缀、语法降级、JS打包、依赖管理及类型检查等维度,对比了传统构建流程与现代浏览器原生能力的差距。 指出虽然HTTP/2/3和原生ESM减少了部分需求,但在依赖解析、压缩效率和复杂项目维护上,构建工具仍具不可替代的工程价值。
评论点赞收藏77 天前

使用 Fetch API 流式传输 HTML 到页面

介绍 Chrome 即将推出的流式 HTML API,包括 textStream 和一系列 streamHTML 方法。 详细对比了新旧 DOM 更新方法,解释了安全与非安全版本的区别及脚本执行选项。
评论点赞收藏111 天前

登录芦苇

登录后关注作者、收藏内容和参与讨论。