文件名称：flexbox-sort:使用 flexbox 对搜索结果列表进行排序（看妈妈，没有 DOM）
文件大小：274KB
文件格式：ZIP
更新时间：2024-07-14 03:25:52
HTML
弹性盒排序 在不更改 DOM 的情况下对节点列表进行排序（谢谢，flexbox）。 完美的用例：呈现过滤后的数据，例如客户端搜索结果，而无需根据排序顺序重新构建 DOM。 我们可以简单地使用一个 CSS 属性（flexbox 的order ）更改它们，而不是物理重新排列现有的 DOM 节点，或者破坏现有节点并重新渲染新节点。 警告 如果您将整个文档复制到剪贴板，您会注意到粘贴的文本按照文本在 DOM 中的表示顺序出现，而不是按照 flexbox 设置的视觉顺序。 您仍然可以选择每个 flexbox-ordered item 的文本内容 - 只是不能与另一个 flexbox-ordered item 重叠的文本。 如果打印文档，则保留 flexbox order 设置的视觉顺序。 但是你为什么要打印这个？ 为什么你仍然拥有一台打印机？ 浏览器支持 Chrome（任何） 火狐（任何）