用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
2022 年，学完 JS 高级后的学习路线怎样规划？Edge 浏览器当初为什么不是基于 Firefox 重构？
JavaScript能否能实现所有函数调用时的钩子函数？
如何看待程序员不写注释？
2022 年，学完 JS 高级后的学习路线怎样规划？
为什么一些公司招前端不想要培训班出来的人？
60岁学前端开发，还有就业前景吗？
所谓的几年编程经验，潜台词指的是什么？
前端的未来: 后端会越来越同质化， 只是一个数据库， 大部分功能都挪到前端吗?
如何用通俗易懂的语言解释脚本（script）是什么？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
如何看待 node-ipc 包以反战为名进行供应链投毒？前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
jQuery为什么还在发布新版本？
如何评价知乎 2017 年 1 月 的改版？
JavaScript 关于 if…else if…else 的疑问？
JavaScript 最失败的设计是 arguments 吗？
怎么理解元编程？
如何看待前端的响应式编程，后台有类似的实现吗？
如何评价阿当的文章《当我说前端基础时，我在说什么》？
如何看待react被围攻？技术中立存在吗？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
现在整个 Web 前端是「屎山」吗？
只会nodejs，但公司强制要求上php，是让他们招个phper，还是自己去学？
为何浏览器控制台的JavaScript引擎性能这么差？
setTimeout 真的有用吗？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
为什么说js中的array不是真array，class不是真class？
moment.js为何要设计成mutable的，有何优缺点？
如何评价 minggeJS ？
Node.js 在双十一中有哪些应用，表现如何？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
有哪些好的免费服务器平台推荐？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
JavaScript凭什么不是面向对象的语言？
开发web前端为什么用后端node(npm安装模块和webpack打包方式)?
2022 年，学完 JS 高级后的学习路线怎样规划？
有哪些效果拔群的 WebAssembly 应用？
C、C++、Java、JavaScript、PHP、Python、Ruby 这些语言分别主要用来开发什么？
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
前端当前是否处在一个糟糕的时代？