一周技术总结-20200823
Node 版本兼容性与 nvm
如何寻找技术方案
github
可以用 github，搜索关键词，找 star 多且近期活跃的项目。
比如可视化，就可以搜索 chart、visualization 等等关键词。
SYX 分享的文章：https://juejin.im/post/6862512943024570381
Google Trends
通过 Google Trends 查看你的备选技术的趋势，比如这样：
https://trends.google.com/trends/explore?q=highcharts,anychart,fusioncharts,amcharts,echarts
PS：Google Trends 也可以作为我们数据可视化的一个重要的数据来源，包括了解当前热点是什么、热点相关的对比趋势数据等等。
文章推荐
各种可视化工具的对比分析：
https://zhuanlan.zhihu.com/p/149398216
172.19 和 10.10 的区别
比如我们测试服务器的 IP，10.10.80.206，为什么本地连接的时候要改为 172.19.80.206？
统一登录服务的机制以及如何在本地和测试环境跳过权限验证
不同域名发起的请求，其 session 是分开存放的，因为 cookie 中保存了 sessionid，这个可以写个测试例子(服务端文件存储 session)演示下。
前端手动写入 cookie((最好是根据环境变量自动写入))：
document.cookie=”email=zhouchangju@myhexin.com“;document.cookie=”is_admin=true”;
环境变量
服务端：process.env.EGG_SERVER_ENV
可以在启动程序的时候指定：
1 | |
前端：.env 文件以及 process.env.VUE_APP_XX
WebGL 绘图库的性能测试
luma.gl
https://luma.gl/
可以测试下独显：
https://luma.gl/examples/performance/stress-test/
WebGL 上限高，显卡越好越牛逼？？？
只要不超出内存限制
clay.gl
http://examples.claygl.xyz/
百度上海的沈毅，可以直接写信咨询下
https://github.com/pissang
babylon
https://github.com/BabylonJS/Babylon.js
100W 个点的性能：
https://doc.babylonjs.com/examples/
| 名称 | 说明 | 10W 图形的帧数 | 100W 图形的帧数 | 内存上限图形数量 |
|---|---|---|---|---|
| Three.js | 20 | 内存不足 | 15W | |
| pixi.js | 内存不足 | |||
总结
制约作图数据的一大因素是内存
浏览器单页卡有 4G 的内存限制。
Text 是内存黑洞
5000 句话还可以，10000 句就内存溢出了
平移缩放的性能比旋转要好
感觉 WebGL 自带了一些优化，超出 viewport 的就没有渲染了。
先设置好性能监测工具和调试工具：工欲善其事，必先利其器
通过 stat.js 进行帧数展示。
通过dat.UI调试，不用每次都重新加载。
一些小技巧
缓存 git 的账号密码信息
git config credential.helper store
Chrome 浏览器的 network 的 filter 使用技巧
https://blog.csdn.net/tengdazhang770960436/article/details/90644523
-gngm
一点想法
象形图
这是最近联系数可视交流，以及昨天看了《图解力-跟顶级设计师学作信息图》这本书的一点感想，可以极大增强我们的柱状图的表现力。
可视化的经典组件我们已经做了很多了，基础功能都已支持，下一步应该往表现力、灵活性、代码质量上面发力了。
参见 120 页技巧 38.