工作总结 #1

表格使用avue-curd插件，应当多多查看api文档

图表可以使用 echarts，hcharts  官网:echarts官网

  echartsAPI:   重置大小：resize，， 初始化： init,   设置选项： setOption,

使用vue获取后端数据时，应该判断数据类型，若为数组，前端也应当设置为数组，无需查看数组里是数字还是对象。

vue：

  created(){} 与 mounted(){} 区别： 页面挂载时用mounted()获取，主动调用才会调用created()。

  let 与 var ：作用域区别，let块级作用域，var方法作用域

var c = {};
console.log(c);
// undefinda
c = {a : 1 };
console.log(c && c.a);
// 1

  .map(){} 数组方法 顺序遍历数组，最后返回遍历出来的数组（新），不改变原数组

var a = [1,2,3,4,5,6,7];
console.log({
    a.map(item => {
        console.log('item',item);
        return item;
    })
});

  .find(){} 数组方法 按照顺序遍历数组，如果返回为false，继续查找，如果为true就返回查找值，并不会继续进行，不会改变原数组

var a = [1,2,3,4,5,6,7];
console.log({
    a.find(item => {
        console.log('item',item);
        return item == 3;
    })
});

  .filter(){} 数组方法 按照顺序遍历一遍数组，将查找到符合条件的内容输出出来，输出一个新数组，不会改变原数组

var a = [1,2,3,4,5,6,7];
console.log({
    a.filter(item => {
        console.log('item',item);
        return item > 3;
    })
});

 

JS传参：只看位置，不看数据类型

...展开数据

 

cookie：

  js-cookie 插件 node.js

  set方法，增加   get方法，查  remove方法，删除

localStorge:   本地存储空间

  setItem方法，增加   getItem方法，查  removeItem方法，删除    clear方法，清除全部

sessionStorge:  会话存储空间

  setItem方法，增加   getItem方法，查  removeItem方法，删除    clear方法，清除全部

  

JSON.stringify 序列化对象为字符串

JSON.parse 反序列化

 

Dom树事件：

<li ref = 'li'>1</li>
DomSize.bind(this.$refs.li, () =>{
    console.log('li 变化了');
})