用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
为什么某些人说 JavaScript 是不成熟的语言?JavaScript 关于 if…else if…else 的疑问？
当一个人说自己“精通JavaScript, CSS3, HTML5”时应该如何理解？
为什么尤大说react的性能不如vue？
慕课网收费的视频质量怎么样？
在asp.net mvc的视图文件（.cshtml）中引用外部文件？
用 Canvas 实现虚拟列表的难点在哪里？
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
如果工作一年经验的前端开发人员比工作两年的功能测试人员工资低，你还愿意待在那家公司吗？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
moment.js为何要设计成mutable的，有何优缺点？美国国会举行听证会讨论 「Web3.0」，目前技术发展状况如何？未来可能在哪些领域带来新发展？
有哪些效果拔群的 WebAssembly 应用？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
应对流量劫持，前端能做哪些工作？
学习编程照着别人的代码敲进去有效率吗？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
Web 前端密码加密是否有意义？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
如何看待知乎前后端关注度差距悬殊的现象？
Node.js 在双十一中有哪些应用，表现如何？
前端技术岗，阿里 P7、百度 T6、腾讯 T3.1 的要求是怎样的？
既然引用计数在做 GC 时有性能问题，为什么智能指针会广泛应用它？
前端因为像素还原设计稿而离职，这是个别现象吗？
大公司实习经历对下一份工作能带来多少帮助？
为什么能够提供BFC的inline-block元素却不能嵌套block元素？
前端框架Stimulus的使用体验如何？
能够用WordPress仿造apple、魅族官网吗？
为什么现代前端框架放弃了HTML的常规用法?
如何看待 Ant Design 圣诞节彩蛋事件？
JavaScript 是什么？
为何以下javascript代码在chrome88和firefox85中执行结果为false？
项目代码的公共部分该由谁去维护？
display:flex在移动端兼容性怎么样？
为什么没有介绍谷歌JavaScript V8引擎的书？
setTimeout 真的有用吗？
王垠的《谈谈Parser》是在回应 winter 吗？
做一个网页才几千，为什么程序员工资上万？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
请问有什么书，可以浅显趣味的把前端原理讲的相当透彻呢？