玩的就是基础

今天遇到了一个bug。

在vue2中初始化一个hightcharts实例。为了懒一点，少些重复代码，减少冗余。考虑到有多个hightcharts实例，所以对其进行封装。刚开始封装有两种方案,对不同的“图”分类，并创建组件。另一种就是一个基本的初始化函数，通过配置文件来确定使用哪一种”图“。采用后者，这一次。

继续详细封装设计，配置文件是可以有固定属性+数据构成，因此，只配置固定属性【说一句，hightcharts的配置很长，能简化就简化】，数据就在页面加载完成后融合。

重点来了，js的对象是传递引用的。但是配置文件中的对象不能变，想用的话需要复制一份出来。“对象的深拷贝”，

有点懒、也菜就百度了一个。TMD，这个没不全，然后我从五点搞到2:33分。中间吃了个饭、从公司回家、休息了会。从hightecharts==》vue2==》utils.deepcopy【我自己写的函数】，最后一步步找问题找到了。

最后贴上完整版的代码

function deepCopy(source) {  var sourceCopy = source instanceof Array ? [] : {};  for (var item in source) {    sourceCopy[item] = typeof source[item] === 'object' ? deepCopy(source[item]) : source[item];  }  return sourceCopy;}

这个是人家写的，写的比我的简练。其实我写这个的时候遇到了问题，怎么看数组的类型，typeof都是"object",懵逼的看prototype去了，写的又臭又长。。。。（嫌弃我自己）其实这个东西很容易，就是基础代码的拼装，要是基础不好就跟我一样，搞好久。所以啊，一些简单的没用知识其实很有用，只有打好基础才能走得更高。【基础不好，走到高处，代码bug了，你首先会想到框架、插件的使用姿势不对。然而没发现问题，console.log或者打断点调试，找到最后是基础部分没写周全，又恨又喜】

对了，vue2的代码调试该研究下了，没代码调试，我TM一行一行给自己讲代码，【跟个傻子一样】。

整整前端基础、然后吧偷偷搞java。这项目封装的思想挺像java的.proxxx文件配置的，尽量不要动代码。