我想在ports-readmes fork中为每个OpenBSD port/package添加一个文件名列表,类似于ports-readme-dancer的方式。
但是,我注意到ports-readme-dancer页面在我的Mozilla SeaMonkey中滚动有点慢。来源表明每个文件名都是无序列表的一部分,其中包含list-style: none;
和font-family: courier;
。
我最好是如上所述为每个文件名使用li
,还是将它们全部收集到一个pre
中?
每个人li
与pre
中的一行文字相比有多慢?例如,www/apache-httpd-openbsd必须列出 500 文件名,在Mozilla SeaMonkey中滚动似乎很慢,每个都是单独的li
。
答案 0 :(得分:1)
列表使用列表元素li
。
问题无效。 li
元素本身不能很慢,缺少性能上下文。因此li
与pre
一样快,速度慢。
每个标记都是需要渲染的DOM节点。使用CSS选择器选择DOM节点对于大量DOM节点来说非常快。根据DOM节点数量,Javascript选择器将受到更大的影响。
对于滚动,你不会得到任何明显的性能差异。