用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
程序员们平时都喜欢逛什么论坛呢？2022 年，学完 JS 高级后的学习路线怎样规划？
代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
能够用WordPress仿造apple、魅族官网吗？
如何评价 Ant Design 这个项目（一个设计语言）？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
如何看待国内地图行业更新政策商用api每年需支付5w元？
做开发你遇到最无理的需求是什么？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
canvas可以替代html与css了吗？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
如何看待领导让测试把所有bug都指给前端？如何评价 Typescript 的运行时类型检测工具io-ts？
为什么都说富文本编辑器是天坑？
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
JavaScript 最失败的设计是 arguments 吗？
如何保证用户登录时提交密码已经加密？
Edge 浏览器当初为什么不是基于 Firefox 重构？
前端开发的难点到底在什么地方?
为什么有的高级程序员很讨厌甚至禁止使用 setTimeout？
如何让领导打消让UI写前端的念头？
canvas可以替代html与css了吗？
为什么前端不能一直做？难道要转行？？
现在整个 Web 前端是「屎山」吗？
前端的未来: 后端会越来越同质化， 只是一个数据库， 大部分功能都挪到前端吗?
用JavaScript做其他语言擅长的事情“好”么？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
jquery的几个小bug，大家帮忙分析下?
如何看待 WebAssembly 这门技术？
2018年一个合格的前端应该是什么样的？
有哪些新手程序员不知道的小技巧？
前端能否限制用户截图？
前端还有哪些待开垦的领域？
请问各位程序员，是我的思维方式有错误吗？
如何看待某托管在 GitHub 的前端开源项目关闭 Issue 栏目的行为？
Web 前后端分离的意义大吗？
你为什么不使用 TypeScript？
chrome41.0.2224.3版本的知乎顶部条为什么显示不正常?
用 Canvas 实现虚拟列表的难点在哪里？
为什么一些公司招前端不想要培训班出来的人？
Edge 浏览器当初为什么不是基于 Firefox 重构？