用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
为什么某些人说 JavaScript 是不成熟的语言?有哪些设计精美的网页？
如何评价知乎 2017 年 1 月 的改版？
jpeg图片在网页中引用时为什么只能写成jpg？
jpeg图片在网页中引用时为什么只能写成jpg？
算法老师劝学生放弃学习 JavaScript，我该怎么办？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
作为一名 App 开发者，你是如何看待字节跳动剥离 TikTok 美国业务一事的？
为什么JavaScript不能成为自己的标准，非得冒出ES6成为JavaScript的标准呢？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
es,js,ts三者有什么关系？程序员讨厌面试被问一些基础问题么？
Node.js 未来会超越 Java 吗？
IT 公司需要前后端都懂的人吗？
ES6 await为什么建议用try...catch捕获错误？
前端开发中，使用base64图片的弊端是什么？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
请问一下各位大佬，js的静态方法有啥作用呀，写工具类吗，小菜鸡想不出来静态方法有啥作用？
毕设答辩，老师说node不可能写后台怎么办?
如果说 Rust/WASM 会逐渐蚕食 JavaScript 生态，那将以怎样的路径进行？
前后端分离项目，接口返回 200 但是里面返回 500 合理吗？
前端还有哪些待开垦的领域？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
如何使 IE 的旧版本如 IE 6.0，7.0，8.0 退出市场？
为什么不能使用自闭合script标签引入jQuery?
如何评价 Typescript 的运行时类型检测工具io-ts？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
如何评价JavaScript这门语言？
JavaScript 是什么？
如何看待react被围攻？技术中立存在吗？
小程序会成为下一个 Flash 吗？
如何看待哔哩哔哩的 flv.js 作者月薪不到 5000 元？
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
用ASP.NET开发的网站是不是安全性很差?
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
关于下面这段代码的报错是怎么个过程？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
各个编程语言都有哪些「亮点」？
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？