用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
前端的未来: 后端会越来越同质化， 只是一个数据库， 大部分功能都挪到前端吗?为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？
Node.js 在双十一中有哪些应用，表现如何？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
开发者和用户之间的世界观距离有多大？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
框架用比不用的真正优势？
如何劝说后端开发不要拿变量命名 JSON 的key值？
大一新生如何自学JavaScript?
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
有哪些新手程序员不知道的小技巧？为什么 CSS 这么难学？
web前端使用框架相对于直接用html+css+js有哪些优势？
老师要求我只能使用C++、C或者Java写算法，如何看这种做法？
如何看待程序员不写注释？
前端拿到后端的数据，不能直接用，还要再处理，这样合理吗?
为什么Vue在国际上越来越没影响力？
开发者和用户之间的世界观距离有多大？
如何劝说后端开发不要拿变量命名 JSON 的key值？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?
《阮一峰版快速排序完全是错的》一文是否存在事实错误？
smarty 应该由谁来写？
如何看待ry的项目deno的issue被中文刷屏的事件？
现在整个 Web 前端是「屎山」吗？
大型公司里外包员工和正式员工有什么区别？
前端还有哪些待开垦的领域？
前端现在怎么这么多人？
现在大多数中国Web前端开发工程师是否会考虑无障碍性(Accessibility)？
如何劝说后端开发不要拿变量命名 JSON 的key值？
大一新生如何自学JavaScript?
已经 2022 年了，学习 JavaScript 继承方式的意义是什么？
为什么没有介绍谷歌JavaScript V8引擎的书？
为什么没有介绍谷歌JavaScript V8引擎的书？
React.js有哪些设计缺陷？
如何评价浙江大学三名教授及一名研究生申请利用 defineProperty 做数据双向绑定的专利？
JavaScript一个疑问，[ ] （空数组）== true ，具体如下，请问这是为何？
为什么7年工作经验的前端竟然回答不出数组的flat方法?
JavaScript能否能实现所有函数调用时的钩子函数？
前端现在怎么这么多人？