用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
现在整个 Web 前端是「屎山」吗？为什么有些前端一直用 div 当按钮，而不是用 button？
为什么都说富文本编辑器是天坑？
如何评价 Webkit 推出的并发 JavaScript 提案？
Node.js 在双十一中有哪些应用，表现如何？
如何看待鸿蒙应用开发框架采用JavaScript作为开发语言？
Flutter 革命性的地方在哪里？
你见过哪些奇趣的代码注释？
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?
Flutter 革命性的地方在哪里？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
前端因为像素还原设计稿而离职，这是个别现象吗？HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
感觉自己学会了JavaScript所有基础知识，为什么老师留一个日历的作业我还是写不出来？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
vue等前端框架最直接的作用是什么？有大佬发表高见吗？
用 Git 一定要用命令行吗？用命令行一定高贵吗？
es,js,ts三者有什么关系？
如何让领导打消让UI写前端的念头？
JavaScript 最失败的设计是 arguments 吗？
为什么 TypeScript 有泛型而 PHP 却没有？
用JavaScript做其他语言擅长的事情“好”么？
22岁，师范大学妹子，学的物理专业，现在转行学习前端，大家有什么好的或者不好的建议吗？
有哪些新手程序员不知道的小技巧？
王垠的《谈谈Parser》是在回应 winter 吗？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
JavaScript里面有什么是不用刻意学的？
为何浏览器控制台的JavaScript引擎性能这么差？
现在整个 Web 前端是「屎山」吗？
怎么看待一个阿里工作四年出来的，但却连children()这样的方法都不知道是什么意思的前端？
如何看待国内地图行业更新政策商用api每年需支付5w元？
【校招面试】关于Typescript和ES6的对比？
使用yield可以做哪些很酷的事情？
已经 2022 年了，学习 JavaScript 继承方式的意义是什么？
为什么前端不能一直做？难道要转行？？
setTimeout 真的有用吗？
如何优雅地将程序设计语言的名字翻译成汉语？
为什么一些公司招前端不想要培训班出来的人？
为什么 TypeScript 有泛型而 PHP 却没有？