weekly-summary-20220320

技术部分

  • 二分查找在模糊定位 axisPointer 中的应用
  • Promise.all 在全部动画完成后,进行碰撞检测处理
  • 用 Markdown 写程序方案,比直接写代码好得多
  • 通过画不可见的矩形,来响应事件交互,方便定位具体交互到哪个时间点了
  • 极坐标和直角坐标的转换

可视化编程中的 CPU 与 GPU

我们要做的应该是 CPU 功能,即逻辑和流程处理,这部分也是我们程序设计和编码的核心。

GPU 部分的功能,应该交给绘图引擎、框架去做。

30 行代码挑战

逛知乎看到一个人的文章,都是各种30 行代码实现某个功能。看到这里我灵光一现:我是不是也可以将自己的每个知识点搞一个 30 行代码的 Demo,作为梳理知识体系的一个方法?

我们的周会分享,也可以考虑让大家展示下自己的各种精美的”30 行代码 Demo”。

2 个关于开发效率的案例

分红旭日图

做好数据结构的设计、数据和渲染的分离,晚上一两个小时就搞定了。

动态折线图的数字插值

前面我直接在 Anchor 中写,结果搞了 1 个多小时没搞定,而且代码很烂

后来发现我想错了,这个应该是数据和绘制分离,不应该直接在 Anchor 中写的;还是应该在 Line 中计算好数据,然后扔给 Anchor 只负责绘制;我之前有个做得不错的地方,就是数据是作为参数传递给 anchor 的 update 方法的,这样解耦了数据计算和渲染。

然后只花了 10 分钟,就搞定了,而且程序也比之前的 Nice。

通过坐标系的转换营造更多玩法

将直角坐标系转为极坐标系。