用 Canvas 实现虚拟列表的难点在哪里？ 第1页
1
catchen 网友的相关建议:
排版，尤其是文字排版。现在每一个浏览器的文字排版都是自己实现的，没有统一的算法。一些很基本的排版，例如说在显示不超过两行文字的空间里面显示任意长度的文字，这就是个大问题：
- 如何知道文字是否超过一行？不同字体不同语言的字符宽度各不相同，中文字符大多数情况下是等宽的，英文和数字就不是了，标点符号宽度要看上下文。
- 超过一行的话具体在哪里换行？英文换行只能发生在单词之间，否则要加连字符；中文换行时，一部分标点符号不能出现在下一行行首，另外一部分标点符号不能出现在上一行行尾。其它语言还有别的要求。
- 超过两行的话在哪里加省略号？不同语言的省略号占用不同的宽度，省略号前应该是一个完整的英文单词或中文字符，理想情况下中文最好按词截取而不是按字截取。
当你明白到文字渲染当中一个看似简单的 CSS overflow 属性有多复杂时，你就会想把这些工作扔回给浏览器的布局引擎处理，而不是自己从零写一套。
1
相关话题
canvas可以替代html与css了吗？为什么都说富文本编辑器是天坑？
如何劝说后端开发不要拿变量命名 JSON 的key值？
为什么同样作为程序员，和BAT的差距就那么大呢？
es,js,ts三者有什么关系？
为什么很多技术都觉得前端很简单？
为什么前端老觉得后端简单？
JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
有什么工具可以下载整个网站的内容吗？
前一个讨论
代码全是调包的，怎么申请专利？
下一个讨论
鱼缸可以做到完全永久不换水吗？
相关的话题
前端能否限制用户截图？前端开发的难点到底在什么地方?
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
如何衡量一个人的 JavaScript 水平？
开发桌面软件时，如何使用 Mac 上那种扁平化极简风格的 UI？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
为什么前端不能一直做？难道要转行？？
a 标签为什么能够包含块级元素？
5G 的到来会造成编程语言大灭绝进而 JS 一统应用前端吗?
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
感觉自己学会了JavaScript所有基础知识，为什么老师留一个日历的作业我还是写不出来？
前端还有哪些待开垦的领域？
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
避免使用 eval、new Function 的方法可以降低 XSS 攻击的风险吗？为什么？
美国国会举行听证会讨论 「Web3.0」，目前技术发展状况如何？未来可能在哪些领域带来新发展？
假如女朋友（前端女）专门做了一个网页送给你作生日礼物，你会很感动吗很喜欢这份礼物吗？
大公司实习经历对下一份工作能带来多少帮助？
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
从设计人员输出的PSD图到最终转换为页面代码，整个过程要用到哪些知识，使用哪些工具，有哪些注意点？有这方面的书籍推荐吗？
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
【校招面试】关于Typescript和ES6的对比？
为什么JavaScript不能成为自己的标准，非得冒出ES6成为JavaScript的标准呢？
你为什么不使用 TypeScript？
从事前端真的没有后端工资高？
为什么知乎上大家都觉得前端自学比培训好？
为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前？
用JavaScript做其他语言擅长的事情“好”么？
如何衡量一个人的 JavaScript 水平？
2022 年，学完 JS 高级后的学习路线怎样规划？
已经 2022 年了，学习 JavaScript 继承方式的意义是什么？