用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
如何评价知乎 2017 年 1 月 的改版？各个编程语言都有哪些「亮点」？
慕课网收费的视频质量怎么样？
大四程序员选择去大公司还是小公司？
前端拿到后端的数据，不能直接用，还要再处理，这样合理吗?
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
前端现在怎么这么多人？
当人们说一个前端框架太“厚重”时，他们在说什么？
为什么维基百科的用户界面设计不够友好？
为什么知乎上大家都觉得前端自学比培训好？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
已经 2022 年了，学习 JavaScript 继承方式的意义是什么？为什么都说富文本编辑器是天坑？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
JavaScript 关于 if…else if…else 的疑问？
前端开发的难点到底在什么地方?
做软件开发但是现在公司学不到技术性东西想跳，自己又技不如人怎么办？
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
IT 公司需要前后端都懂的人吗？
JavaScript处理一个100M的超大xml，跑不出来以至于IE未响应怎么办？
Promise 不能被取消，真的算是它的缺点吗？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
在国内前端领域里优秀的人很多，为什么没人做出 angularjs 、jQuery 之类优秀的框架？
如何评价知乎 2017 年 1 月 的改版？
为什么在 macOS 下 Chrome 的流畅度比 Safari 差很多？
有哪些短小却令人惊叹的 JavaScript 代码？
如何看待程序员不写注释？
什么是函数式编程，它解决什么问题？
为什么前端代码会被设计成允许用户在浏览器中看到，而客户端代码却不能？
fetch 的优势在哪里? 为什么有人会在前端项目中用 fetch?
中国大学里有和前端设计相关的专业吗？
以前的 DHTML 如今是不是也算前端？
应对流量劫持，前端能做哪些工作？
老师要求我只能使用C++、C或者Java写算法，如何看这种做法？
有哪些效果拔群的 WebAssembly 应用？
有哪些短小却令人惊叹的 JavaScript 代码？
为什么后端按月份查询数据的时候，不直接让前端传一个年月就好？
如何看待 Reaktor Hello World 卫星将搭载 node.js 程序?
关于下面这段代码的报错是怎么个过程？
以前的 DHTML 如今是不是也算前端？
Web 前后端分离的意义大吗？