用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
moment.js为何要设计成mutable的，有何优缺点？react让我怀疑自己没有当程序员的天分怎么破？
国内三大巨头 BAT 为何不开发一个浏览器内核？
有哪些效果拔群的 WebAssembly 应用？
前端框架Stimulus的使用体验如何？
大四程序员选择去大公司还是小公司？
如何看待faker.js 开源作者删除了所有的代码？
为什么很多技术都觉得前端很简单？
前端技术岗，阿里 P7、百度 T6、腾讯 T3.1 的要求是怎样的？
如何评价 Vue 在 Github 上的 star 数即将超越 React ?
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
JavaScript中对 function 的参数进行重新赋值的影响?前端还有哪些待开垦的领域？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
为什么操作系统没有前端和后端，而计算机很多其他领域却分前后端?
有什么工具可以下载整个网站的内容吗？
为什么知乎上大家都觉得前端自学比培训好？
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?
“云原生”（Cloud Native）和前端开发的技术结合点在哪里？
为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？
为什么7年工作经验的前端竟然回答不出数组的flat方法?
纯CSS3有什么实现垂直居中的新方法吗？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
如何评价阿当的文章《当我说前端基础时，我在说什么》？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
调试一段代码两个小时都没搞定，继续死磕还是寻找其他方式，你一般会怎么做？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
为什么知乎上大家都觉得前端自学比培训好？
JavaScript(V8，Node) 的开发效率比 Java(JVM，Vert.x) 高在哪里？
既然引用计数在做 GC 时有性能问题，为什么智能指针会广泛应用它？
【校招面试】关于Typescript和ES6的对比？
web前端使用框架相对于直接用html+css+js有哪些优势？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
前端短时间内发送两个http请求，如何确保获取后发请求的响应？
为什么 Java 和 JS 等语言需要 VM，不能直接操作内存堆栈空间？
如何优雅地将程序设计语言的名字翻译成汉语？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
Facebook 内部如何看待此次 React 专利事件？
react让我怀疑自己没有当程序员的天分怎么破？