这是我参与「第五届青训营」伴学笔记活动的第 2 天。

值得向外界寻求帮助的问题

• node-canvas npm包无法安装问题。原因好像是库没适配 M1 芯片。【node-canvas 是 JSDOM 的钦定 canvas 组件库】【字节内部应该有人使用 M1 芯片电脑进行开发？】。
• 一个函数库内的分工是怎么做的？都是先设计好方法签名和库结构之类的内容之后才开始开发吗？对于事前设计能力不一定够的我们，应该怎么做更方便小组开发进展？
• canvas 对 GIS 绘制技术带来的改变与加强很大吗？
• 人们对浏览器 DOM 想了许多避免直接操作、重排重绘的优化措施，canvas 基于帧渲染，常规上每次都会清除画布并重新渲染，但这样似乎很低效，有人对此做过一些优化吗？或者 canvas 是否不需要这种程度的优化？
• 桌面端微信【Windows、MacOS】的用户聊天界面对话框元素的绘制和浏览器中的 DOM + CSS 的绘制是一回事吗？
• 哪些情况我们可以考虑使用 canvas 而不是 html + css？
• 一款 web 端聊天网站，在其聊天界面的绘制选型上，选择canvas怎么样？canvas 和浏览器 DOM 元素绘制谁优谁劣，如何选择。
• canvas 基于帧绘制，每次都全帧内容渲染，会不会太低效了？SVG 或 WebGL是这样吗？
• 为了良好的展示，需要将图表宽高进行限定吗？让使用者按照我们的规则使用，而不是我们适应使用者的规则？因为我们比使用者更懂展示？
• 衡量网站中 canvas 元素的 canvas 对象数量给渲染性能带来的影响时，是否需要将网站中 canvas元素 中的对象数量叠加起来计算？
• Canvas 中相互独立的两个对象，能否不借助第三个对象实现两者的相互作用。例如，Sprite nail 游戏的的对象间碰撞检测需要对象处于同一上下文当中，如果没有这上下文。。？
• 开源库如 echarts 的图表大小是如何设计与规划的。
• Canvas 绘制的三个对象，他们之间如何关联起来构成一个系统，以便将一些规则应用于它们之上？比如碰撞检测。
• 在一个固定空间大小并存在障碍墙的空间内，多个小球随机运动的碰撞检测如何进行？
• 浏览器中 canvas 提供的绘图能力，和操作系统提供的 UI绘制能力，有什么关系和区别？
• SSR 的渲染逻辑是怎么样的？
• 浏览器中创建canvas 实例并渲染和服务端渲染出图片出来的区别是什么？
• 大项目评奖是单赛道计算还是三个赛道一起计算？
• 如何监控 canvas 在网页上的性能表现？
• canvas 的渲染在机器上体现的性能受哪些因素的影响?

new-2023-1-24

• Echarts 如此多的图表，即便是同属于一个大类的图表，它们的设计范式看起来也非常多，比如：工具按钮组的位置，标题的位置等等。在内部编程实现上，它们是由同一个图表类引擎，通过传入繁琐的配置生成的图表吗？