Master a new project1、Consult colleagues about ‘5W1H’ of this project. 2、Read the documents. 3、Draw class-relationship diagrams and flow diagrams about the project. If you were to design the project,

这是开发过程中记录的笔记，很乱，后面等开发完需要重新整理下。 走过的弯路没理解数据结构比如Group，之前都忽略了，直接导致方案设计有误，试图控制每一个LegendItem去实现动画。 没有理清楚类的继承关系和调用流程在代码中绕来绕去，花了很久。最后自己画了一个关系图，瞬间就清晰了好多。 调试手段低效一开始没有采用debugger，直接在代码里面埋点，效率太低了。 而且因为JS的弱类型语言特性，很

选择喜欢的行业，还是有前景的行业？我是先找到一个喜欢的行业，再去做；还是先找一个有发展前景的行业，在做的过程中去喜欢？ 在思考这个问题之前，我先思考另外一个问题：兴趣到底能不能培养？ 兴趣能不能培养？兴趣应该不是绑定在某个行业的，而是和正向反馈绑定在一起的。因为我学习英语、玩游戏、做数据可视化、看小说、旅游等等，都能收获正向反馈，连背书这么枯燥的事情，当收获正向反馈时，也会变得有动力。因此答案就很

构建项目现在一般是使用webpack+vue的组合，如果使用的是vue-cli2.x版本，可以参考这个文章。注意该文章对现在的vue-cli3.x已经不适用了。 注意：vue-cli似乎内部自带有打包功能，因此一个vue项目，可以不依赖于webpack，自行打包发布。 vue-cli3.x的项目初始化方式如下： 安装命令行工具注意要加上@，否则安装的vue不是最新版的。 123456npm ins

如何调试 Echarts？0、先通读文档 1、下载源码 2、npm install 3、npm run dev 4、在 test 目录下创建一个 html 文件，配置图形(参考 test 下已有的 html 文件) 5、访问该 html 即可 6、善用 debugger 和 console.trace() 基本概念如何用好 EChartsECharts 是一个很成熟易用的工具，要让其发挥出价值，关

工作这么多年，一直都没有读书计划。今年因为一些工作上的原因，迫切的感觉到了读书的重要性，因此这里列下我的读书情况，等到年末回头再检验下。 PS1：关于读书的时间，我感觉肯定是有的，想想我这些年看过的各种乱七八糟的小说，每本都是百万字级别的，说明只要你想去做某件事情，时间绝对不是问题，挤挤总是有的。 PS2：标题为红色的书籍，是我还没看完、但是后面会继续看下去。 技术类《数据可视化实战-使用D3设计

可以跟着这个示例进行实践，注释很详尽： https://blog.csdn.net/wan353694124/article/details/78951545 适用场景 矩形树状结构图（Treemap）是一种有效的实现层次结构可视化的图表结构，简称矩形树图或树图。在矩形树图中，各个小矩形的面积表示每个子节点的大小，矩形面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。通过

关键词： 地球、飞线、旋转、粒子、瓦片地图、交互 关联学习Unreal EngineUE的渲染，在开源界是全球顶尖的，因此Three.js中也有不少内容借鉴自UE引擎。 比如： Spot and Point physical falloff based on Frostbite 3 / UE4 by bhouston · Pull Request #7609 · mrdoob/

调试工具这里罗列了几款： https://juejin.cn/post/6844903656895021063 whistle(推荐)开源https://juejin.im/post/6861882596927504392#heading-11 这个可以抓包，可以代理文件到本地，和 fiddler 很像。 whistle(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web

应用场景最近有一个需求，要展示某人整个人生阶段中，每一年的支出数据。假设这个人的支出信息如下(为了简化理解和作图，只罗列5年数据)： 年龄 支出金额 原因 21 20000 读书 22 30000 读书+毕业 23 50000 工作后生活(吃饭、租房等) 24 3050000 (家里出钱)买房 25 60000 工作后生活(吃饭、租房等，物价上涨了一些) 如果按照普