谷歌的“Web UI 新内容”演讲:更少的自定义组件 JavaScript,更多的 Web 标准

主要观点:Una Kravets 在 Chrome 团队支持的演讲中介绍了 Web UI 的最新发展,一些常用需大量 JavaScript 的 UI 模式即将以 HTML 和 CSS 的新特性以声明式方式实现,减少自定义 JavaScript 且增强内置可访问性。
关键信息:聚焦于可定制选择菜单、轮播图、悬停卡片这三个棘手 UI 模式,浏览器供应商将相关模式纳入浏览器自身,开发者未来工作减少;可定制选择菜单的构建块为 Popover API 和 Anchor Positioning,Popover API 已达到基线状态,Anchor Positioning 是 Interop 2025 的一部分;改进后的select元素解剖结构有按钮和与之锚定的弹出框及相应选择器用于样式设置等。
重要细节:开发者对浏览器内置表单控件自定义困难,调查显示这是重写控件的主要原因;Popover API 处理选项浮动列表等,Command invokers 提供连接按钮点击到动作的声明式 HTML 解决方案;Anchor Positioning 是 CSS API 可简化复杂布局需求;给出了可定制选择菜单的自定义样式示例等,鼓励查看完整演讲获取更多技术细节等。

阅读 327
0 条评论