未解决问题：
1.在media查询的的div没有达到宽度自适应的效果；
2.可能是引入外部jQuery或者是es6的问题，在微信中无法更新显示数据；
总结：
1.jQuery获取文档节点更方便快捷，而非原生的document.getBlaBla那么冗长；
2.压缩过后的jQuery文件为80k+；
3.for循环中加入try{......}catch{......}捕捉异常事件，处理数组和对对象中的undefined；
4.let语句，避免变量污染；
5.jQuery的append能够便捷地添加dom节点，再通过setAttribute设置文档属性；
6.hr{height:5px;border:0px;color:#7994ae;/*background-color:#7994ae;*/margin-left: 30px;}
通过设置hr的属性，能够生成更粗的线，方便识别。
7.通过设置hr和div，能够实现统计图的长度效果；配合模板字符串可以动态设置width和height的属性。
8.函数内可通过return Bollean(string)来判断字符串是否为undefined；
新问题：
1.如何在文档加载之后，执行文渲染而避免多次渲染呢？
