我自己的经验呢：

如果项目要求支持低版本的 IE 的话（比如 IE7，8），就用较传统的jQuery，Bootstrap，jQuery插件/组件以及类似 Knockout.js 能够提供数据绑定的 JS 库，再加上 require.js + gulp 或者 fis3 做模块化和自动化构建。

如果不需要支持低版本 IE 的话，我们主要使用 React：

1. React – 编写页面组件
2. Redux – 数据流和状态管理，一般结合 redux-saga 使用

本篇文档主要是利用echarts实现可拖动节点的折现图，在echarts中找到了一个demo，传送门：https://echarts.baidu.com/examples/editor.html?c=line-draggable,但是不是用vue写的，并且在改写为vue组件的过程中遇到了很多问题，在百度过程中发现并没有相关的文档，所以决定自己开发，并在demo的基础上开发了一些实用的功能，所以把这个过程记录下来。文档中还有很多不够完善的地方，欢迎讨论哈！

一、键值设计

1. key名设计

(1)【建议】: 可读性和可管理性

以业务名(或数据库名)为前缀(防止key冲突)，用冒号分隔，比如业务名:表名:id

(2)【建议】：简洁性

保证语义的前提下，控制key的长度，当key较多时，内存占用也不容忽视，例如：

(3)【强制】：不要包含特殊字符

反例：包含空格、换行、单双引号以及其他转义字符

一、遍历数组

遍历数组顾名思义就是将整个数组的元素从头到尾“数”一遍。

那如何对数组进行遍历呢，从上一章中我们都知道了数组是从下标0开始的，数组大小是n+1。那么如何访问数组的元素？

其实在上一节中我们就已经访问过了数组里面的元素了，就是：数组名(下标)。上一节中我们已经给数组里面的元素进行赋值的操作了。a(0)=1其实就是给数组的第一个元素赋值。那如何才能遍历？