Web前端发展——DOM 容器查询

95272021-11-19 14:24

  这里的容器是页面 DOM 容器,不是另一个完全不相干的 docker 容器)对容器查询的需求已经达到了狂热的程度。随着谷歌最终宣布他们的原型计划,2021 年可能是我们第一次看到。

Web前端发展——DOM 容器查询

  https://groups.google.com/a/chromium.org/g/blink-dev/c/u1AKdrXhPGI/m/wrJb-unhAgAJ?pli=1

  与此同时,越来越多地采用固有的网页设计:

  https://www.browserlondon.com/blog/2019/08/19/should-we-still-be-selling-responsive-web-design

  结合 CSS 的 min/max/clamp 和 JS 的 ResiveObserver 等 API,提供了更好的“伪装”方法。这类实现越来越多(甚至可能是危险的?)在过去的几个月里,很难想象这种趋势会在明年停止。

  译者注,ResiveObserver 是一个试验特性,类似 document.onresize,ResiveObserver 可以监听到 Element 的内容区域或 SVGElement 的边界框改变。避免了在自身回调中调整大小,从而触发无限回调和循环依赖。仅通过在后续帧中处理 DOM 中更深层次的元素来实现这一点。详见:

  https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver

  我希望我们能看到更聪明的方法来接近容器的第一个设计,如 Mathias 的 Raven 和 Heydon 的 Watched Box。

  以上就是小编为大家整理发布的“Web前端发展——DOM 容器查询”一文,更多相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营