用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
为什么都说富文本编辑器是天坑？为什么同样作为程序员，和BAT的差距就那么大呢？
阿里的 UI 设计和 Google Microsoft Apple 的设计是否有差距？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
JavaScript(V8，Node) 的开发效率比 Java(JVM，Vert.x) 高在哪里？
有哪些新手程序员不知道的小技巧？
如何看待 WebAssembly 这门技术？
什么是函数式编程，它解决什么问题？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
接私活结果最后钱要不回来该怎么办？一码通崩溃的技术原因是什么？
有哪些效果拔群的 WebAssembly 应用？
如何看待前端的响应式编程，后台有类似的实现吗？
如何评价 Ant Design 这个项目（一个设计语言）？
中国大学里有和前端设计相关的专业吗？
为什么说js中的array不是真array，class不是真class？
现在整个 Web 前端是「屎山」吗？
用 Canvas 实现虚拟列表的难点在哪里？
&&-||能完全代替所有可以使用if-else的情况吗？
jQuery为什么还在发布新版本？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
学习编程照着别人的代码敲进去有效率吗？
有什么适合碎片时间看的计算机基础书籍推荐？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
JavaScript 如果拥有多线程能力会怎样？
微信朋友圈能分享有颜色文字算是bug吗?
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
如何评价 Ant Design 这个项目（一个设计语言）？
web前端使用框架相对于直接用html+css+js有哪些优势？
有什么工具可以下载整个网站的内容吗？
美国国会举行听证会讨论 「Web3.0」，目前技术发展状况如何？未来可能在哪些领域带来新发展？
如何优雅地将程序设计语言的名字翻译成汉语？
TypeScript 不适合在 vue 业务开发中使用吗？
为什么程序都要用英文写，中文不行吗？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？
做开发你遇到最无理的需求是什么？
作为前端开发者，不了解flash，可耻吗？
为什么后端按月份查询数据的时候，不直接让前端传一个年月就好？