用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？如何将C语言的一段代码转换为javascript形式？
为什么知乎上大家都觉得前端自学比培训好？
如何看待B站 (bilibili) 开源 HTML5 播放器内核 flv.js?
鸿蒙 OS 的多端自动适配功能，是不是夸张了？
接私活结果最后钱要不回来该怎么办？
怎么理解元编程？
有哪些新手程序员不知道的小技巧？
用 Canvas 实现虚拟列表的难点在哪里？
web前端是不是没有前景了？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
es,js,ts三者有什么关系？JavaScript 关于 if…else if…else 的疑问？
为什么后端按月份查询数据的时候，不直接让前端传一个年月就好？
如何看待千锋教育在全网开源自己的全学科教学视频？
如何看待前端面试不知道 lodash 被嘲讽不可思议？
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
如何保证用户登录时提交密码已经加密？
为什么那么多公司做前后端分离项目后端响应的 HTTP 状态一律 200？
慕课网收费的视频质量怎么样？
为什么前端不能一直做？难道要转行？？
为什么前端老觉得后端简单？
有什么办法可以用纯 CSS 在现代浏览器下实现单屏内容时 footer 贴底，多屏内容时 footer 随内容向下？
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
JavaScript能否能实现所有函数调用时的钩子函数？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
前端拿到后端的数据，不能直接用，还要再处理，这样合理吗?
本人后台开发，前端说改个东西要两天，但我感觉撑死2小时，怎么破？
ES6 await为什么建议用try...catch捕获错误？
JS和Scheme对闭包变量的绑定能力差异，哪种更合理？
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
如何看待 Ant Design 圣诞节彩蛋事件？
Edge 浏览器当初为什么不是基于 Firefox 重构？
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？
为什么java返回json时用code=0表示成功, 而我观察的php和nodejs都是用1表示成功?
个人开发web应用，从需求设计，界面设计，数据库设计，API设计等，好的开发流程是怎么样的？
如何保证用户登录时提交密码已经加密？
前端当前是否处在一个糟糕的时代？
为什么说js中的array不是真array，class不是真class？
网上都说操作真实 DOM 慢，但测试结果却比 React 更快，为什么？
Stack Overflow 2016 年度报告中有哪些有趣的事实？