用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
大公司实习经历对下一份工作能带来多少帮助？王垠的《谈谈Parser》是在回应 winter 吗？
为什么7年工作经验的前端竟然回答不出数组的flat方法?
开发桌面软件时，如何使用 Mac 上那种扁平化极简风格的 UI？
如何评价百度在成都女司机投票上面明目张胆的造假的行为？
计算机专业的学生如何系统的学习前端技术？
《阮一峰版快速排序完全是错的》一文是否存在事实错误？
为什么没有介绍谷歌JavaScript V8引擎的书？
独立开发先写前端还是先写后端？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
十五言这样赤裸裸地抄袭 Medium，能被人们接受么？你见过哪些奇趣的代码注释？
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
如何保证用户登录时提交密码已经加密？
为何以下javascript代码在chrome88和firefox85中执行结果为false？
如何保证用户登录时提交密码已经加密？
为什么后端喜欢把「男女」等枚举类型的数据转成 01？
所谓的几年编程经验，潜台词指的是什么？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
公司规定所有接口都用 post 请求，这是为什么？
为什么操作系统没有前端和后端，而计算机很多其他领域却分前后端?
为什么网页都可以查看源代码？
如何看待程序员不写注释？
jQuery为什么还在发布新版本？
使用yield可以做哪些很酷的事情？
XML在数据传输哪些方面会比JSON有优势，在哪些领域更加适合？
只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？
JavaScript(V8，Node) 的开发效率比 Java(JVM，Vert.x) 高在哪里？
忽然发现自己敲键盘的指法很不标准，我觉得已经对 coding 效率产生影响，怎么办？
JavaScript处理一个100M的超大xml，跑不出来以至于IE未响应怎么办？
当人们说一个前端框架太“厚重”时，他们在说什么？
前端嫌我接口分的太多，我该怎么回答？
为什么知乎前端圈普遍认为H5游戏和H5展示的JSer（负责前端界面工作的程序员）不属于前端工程师呢？
怎样学习才能拥有所谓“高并发”的经验？
框架用比不用的真正优势？
所谓的几年编程经验，潜台词指的是什么？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
使用yield可以做哪些很酷的事情？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
一码通崩溃的技术原因是什么？