❤多么痛的领悟❤之js开发过程中踩过的那些坑

写在前面，不定时更新，未完待续~~

在与接口的数据打交道过程中，遇到一些雷坑，因为数据格式的不对，前端在解析过程中需要再处理。譬如这次的JSON.parse可以解析'[{},{}]'和'{}'，却不可以解析'{},{}',只是差了[]中括号，就报错了。于是在此引用了try{}catch(e){}来定位问题。

在某次开发过程中，echarts运用了许多静态数据，那么多的数据点击跳啊跳，于是我就想起可以用json文件来读取数据，避免了controller里的数据定义的过度刷屏。话说json很特别，它的key和value必须用双引号来标明它的身份，还得是它认可的字符串模式，这可够呛的，就按它怎么规定怎么来把。

在微信小程序开发中，this.data.key = 10; 和 this.setData({key: 10}); 是有差别的。this.data仅改变js的数据，无法通知原生的view层。而this.setData可以通知到。hidden和wx:if在使用的差别，hidden是存在元素但不渲染掉了，wx:if是不存在容器元素，若是使用wx:if特别是在引入echarts组件使用时，要init画布的时候，找不到init的容器就会报错。而且wx:if的使用是要用双括号{{}}的。