用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
如何不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标？为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
前端开发的难点到底在什么地方?
以前的 DHTML 如今是不是也算前端？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
如何看待国内地图行业更新政策商用api每年需支付5w元？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？
为什么没有介绍谷歌JavaScript V8引擎的书？
浏览器解析Html一般是边下载边渲染么？如果是边下载边渲染的话，Html又使用GZIP格式传输，如何能够做到没有完全下载就可以渲染的呢？
有哪些短小却令人惊叹的 JavaScript 代码？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
display:flex在移动端兼容性怎么样？为什么现代前端框架放弃了HTML的常规用法?
使用yield可以做哪些很酷的事情？
setTimeout 真的有用吗？
用Vue开发前端，UI框架用elementui好还是bootstrap好呢？
所谓的几年编程经验，潜台词指的是什么？
Edge 浏览器当初为什么不是基于 Firefox 重构？
为什么维基百科的用户界面设计不够友好？
JavaScript 有必要缓存 for 循环中的 Array.length 吗？
Typescript 如何使一个传入的 Array 类型变为元组类型？
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？
js中一元表达式问题（++和--）？
为什么维基百科的用户界面设计不够友好？
有什么工具可以下载整个网站的内容吗？
Web 前后端分离的意义大吗？
web前端使用框架相对于直接用html+css+js有哪些优势？
如何保证用户登录时提交密码已经加密？
以前的 DHTML 如今是不是也算前端？
如果说 Rust/WASM 会逐渐蚕食 JavaScript 生态，那将以怎样的路径进行？
JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？
如何不使用loop循环，创建一个长度为100的数组，并且每个元素的值等于它的下标？
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
2022 年，学完 JS 高级后的学习路线怎样规划？
JavaScript里面有什么是不用刻意学的？
如何评价 Google 的新 Logo 及 VI ？
为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？
《阮一峰版快速排序完全是错的》一文是否存在事实错误？
后端开发第一次做项目，该如何实现前端页面？可以拿别人开源项目的页面过来直接用，自己写后端接口吗？
Vue 打包的 html 怎么样禁止打开 F12 开发者工具呢？
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？