可视化组件的状态管理
这里的交互指的并不一定是常规的鼠标交互行为,其代表的是我们将一种事物变更为另一种状态的行为,例如一个列表中文本的搜索、筛选高亮,交互则指的是搜索和筛选的这两种用户行为。
这里的交互指的并不一定是常规的鼠标交互行为,其代表的是我们将一种事物变更为另一种状态的行为,例如一个列表中文本的搜索、筛选高亮,交互则指的是搜索和筛选的这两种用户行为。
写代码也更倾向于函数式编程,减少了状态的随意传递,后续维护性会更好一些。
参考自这个文章。
之所以问这2个问题,是因为就我观察到,公司目前大部分前端开发人员,都是在做体力活,陷入了无尽的业务开发中。这些低效的工作浪费了大家大量的时间。
最近给海外组做图解财报的3D组件,陆陆续续耗费了我不少时间,但是最终回头来看,这个需求实际上可能只需要1天就能搞出来。究其原因,在于我的技术方案选型上,误入歧途了。
WebGL只关心两件事:裁剪空间中的坐标值和颜色值。使用WebGL只需要给它提供这两个东西。 你需要提供两个着色器来做这两件事:
最近做了一个集群目标策略的3D可视化项目,前面花了2周时间出了个Demo来进行演示,性能极差,在我的i7-12700H+RTX2050的笔记本上,也会出现卡顿。后面这个还要迁移到移动端,性能问题就更严重了,因此借助解决这个需求的性能问题,把Three.js的性能优化方面的内容整理下,方便今后参考。
https://www.zhihu.com/question/399445153/answer/1311717764
https://sketchfab.com/3d-models/sci-fi-girl-v02-walkcycle-test-07ac452d75cc47969234b224422ea85d
最近在给业务方开发动态折线图,期间遇到N多问题,这里做个记录,就当是技术复盘了,避免下次重复踩坑。