用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
为什么 Vue 的更新记录没有中文，中文文档也一直滞后？为什么某些人说 JavaScript 是不成熟的语言?
Typescript 如何使一个传入的 Array 类型变为元组类型？
开发者和用户之间的世界观距离有多大？
为什么前端不能一直做？难道要转行？？
为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？
为什么说js中的array不是真array，class不是真class？
Golang、Kotlin、C#、JS、Python等都有协程，市面上的协程有什么本质上的区别？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
如何评价应届生前端人员月薪要3.3k到13k后，该公司CEO的评价？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
有哪些短小却令人惊叹的 JavaScript 代码？学习编程照着别人的代码敲进去有效率吗？
如何看待react被围攻？技术中立存在吗？
如何评价 Ant Design 这个项目（一个设计语言）？
vue等前端框架最直接的作用是什么？有大佬发表高见吗？
如何看待react被围攻？技术中立存在吗？
怎么评价淘宝 Web 前端工程师对微软 WP 系统 Web 不兼容的回应？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
大一新生如何自学JavaScript?
做软件开发但是现在公司学不到技术性东西想跳，自己又技不如人怎么办？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
Stack Overflow 2016 年度报告中有哪些有趣的事实？
TypeScript 不适合在 vue 业务开发中使用吗？
如何看待千锋教育在全网开源自己的全学科教学视频？
C#相对路径 连接Access数据库怎么写??
前端现在怎么这么多人？
有哪些效果拔群的 WebAssembly 应用？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
如何评价 Google 的新 Logo 及 VI ？
Typescript 如何使一个传入的 Array 类型变为元组类型？
公司拖欠后端工资逼急了可以删库跑路，逼急了前端该如何何去何从？
如何劝说后端开发不要拿变量命名 JSON 的key值？
为什么现在又流行服务端渲染html？
第一次看HTML教程是怎样一种体验？
用 Canvas 实现虚拟列表的难点在哪里？
为什么后端喜欢把「男女」等枚举类型的数据转成 01？
为什么 JS 不能绕过后端代码直接调数据库，有哪些后端处理的逻辑，JS 不能写？
程序员讨厌面试被问一些基础问题么？
Edge 浏览器当初为什么不是基于 Firefox 重构？
随着 JavaScript 越来越完善，还有必要学习 TypeScript 吗？