第一个vue项目

产品日志查询

• 基于vue-cli脚手架，结合element-ui插件，完成一个简单的操作日志查询
• 输入产品id或者资源id，和操作日期，到.../bussinesslog接口查询返回的数据，并按照公司的契约文档，将查询到的数据对应翻译为中文输出给业务人员看。
• 如何将数据push到dom结构中，保证每次切换页面时候，正确显示该页的内容。
  方法：push完记得清空。
• 翻译的时候会发现契约文档中同一字段有几种不同的翻译，因此在翻译的时候对数据做一个处理，
• 第一次使用ares发布静态资源系统：安装好全局ares之后，在要发布的编译文件目录下，进入ares环境，开始build commit push
• 数组赋值：

var arr = [{name: '', age: 10}];
arr[1].name = 'cdd'; //报错，找不到name属性；
//  然后改成下面这样就对了
arr[1] = {};
arr[1].name = 'cdd';  //  打印成功

• 事件对象：event(触发DOM上的某个事件时，会产生一个事件对象)
• indexof可以用于查找某个字符串中是否含有某个字符，有则返回该字符的第一个位置，没有则返回-1；
  console.log('cdd'.indexOf('d')) ; // 1
• H5新增的oninput事件，在vue中可以直接使用@input = f()为input元素绑定事件;
• JSON的两个方法：parse()和strinify()
• ES6中的set和map结构

var arr = new Set([1,2,3,3,3]);
console.log(...arr);  // [1,2,3]  去掉重复的数字了   另外这里用到了es6中的扩展运算符...
console.log(arr.size);//3   注意set结构类型的对象的大小用size属性

• Array.from(arr)的用途

1. 将一个类数组对象转换为一个真正的数组（即有length属性的对象）；
2. 将set结构转换为真正的数组结构
3. 将字符串转换为数组
   4.返回一个一模一样的新数组

• 数组中常用的方法： delete arr[1]; filter(); push()
• 在chrome菜单中扩展vue插件，在js中设置debugger
  *unix时间戳：指格林威治时间1970年1月1号 00：00，北京时间+8个时区，使用数字签名技术唯一的标识某一时刻的时间。
• 使用Axios技术访问服务器：npm install axios

//执行get请求：
axios.get( '/user', {paras:{id:122, ..}} )
.then( function(response) {} )
.catch( function(error) {} )

• v-for :key
• js获取当天的零点时间或者时间戳

var timeStamp = new Date(new Date().setHours(0, 0, 0, 0))/1000;
var SevenDayAgo = timeStamp - 86400 * 7; 
var SevenDayLater = timeStamp + 86400 * 7;

• js正则表达式

解释str.replace(/^\s+|\s+$/g, '');
js中，replace() 方法是用一些字符替换另一些字符，或替换一个与正则表达式匹配的字符串。
\s： space， 空格
+： 一个或多个，\s+，多个空格
^： 开始，^\s，以空格开始
$： 结束，\s$，以空格结束
|：或者
/g：global， 全局