Vital

在这个dome中d3只用于位置计算和缩放，在关系图谱中，大量节点的情况下，对比与svg，canvas有着性能优势，因为它不需要频繁操作dom节点，不需要创建深层次的dom结构。 使用原生的canvas

d3相关api 本文为一个最简单的树形结构过渡效果展开的核心功能，没有添加连接线等逻辑 hierarchy hierarchy接收一个树形结构的对象，d3会根据这个树形结构生成一个新的树形结构，这个新

力导向图相关 d3提供了很多布局模型，我们把数据传递给布局模型后，d3会给我们的每一条数据添加上计算过后的位置坐标，有了每个节点的坐标，我们就可以使用svg或者canvas进行绘制了。

svg介绍 svg是用xml描述的矢量图，放大不会失真，可以通过直接编写svg标签属性描述图形，也可以通过js操作svg的dom结构，设置修改属性来定义图形，当然svg作为dom标签，也可以通过css

二进制存储 在计算机中，数据是用二进制0、1来存储的，第一位用来表示符号位，当第一位是1时，则为负数，当第一位是0是，为整数。 八位的二进制中，除了首位的符号位，还剩七位可以表示数字，所以八位二进制能

链表 链表属于线性表，链表是一种物理存储结构上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。相较于顺序表，相较于顺序表 优点 不需要分配连续的内存空间 不需要动态扩容

图片懒加载的意义 在项目中，如果图片数量很大的情况下，如果直接都加载渲染出来，会给网络请求和浏览器渲染性能造成比较大的压力，导致首页白屏时间较长。这是图片懒加载就起到了关键的优化作用。 实现 首次渲染

在vscode中配置webpack的时候，如果想要代码提示，可以在配置对象上添加一个注释，这样就可以有较好的提示了。 分析插件 费时分析 查看每个阶段和插件的费时 webpack-bundle-ana

异步的概念 同步、异步指代的是被调用方状态，阻塞、非阻塞指的是调用方的状态 Javascript语言的执行环境是"单线程"，所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面