今天主要完成了主页静态的开发
了解绝对定位（position:absolute）与div的旋转效果（anumation:rotate 1s linear infinite;
-webkit-animation:rotating 1s infinite;）
对于div的布局后续还需要加强
知道了View UI的引入
1. 先使用npm install view-design安装
2. 找到.bobelrc文件添加"plugins": ["transform-vue-jsx", "transform-runtime", [
2. "component",
2. {
2. "libraryName": "element-ui",
2. "styleLibraryName": "theme-chalk"
3. 然后找到main.js的文件输入import {button,Select} from “element-ui”;再输入Vue.use(button); Vue.use(Select);
4. 这样就可以使用button组件和Select组件了
读书笔记：
今天看了2章，主要了解了let和const命令还有变量的解构赋值
//var声明全局变量
vara=[];
for(leti=0;i<10;i++){
a[i]=function(){
console.log(i);
};
}
a[6]();
//let只在代码块内生效
for(leti=0;i<3;i++){
leti="abc";
console.log(i);
}
//let不存在变量提升
console.log(foo);
varfoo=2;
//console.log(bar);
//letbar=2;
//暂时性锁区
//vartmp=123;//tmp声明全局变量
//if(true){
//tmp="abc";//报错
//lettmp;//let声明变量
//}
//在代码块内使用了let之前，声明其他的变量就会报错简称:DTZ
//let不允许在相同作用域内重复声明
//报错
//function(){
//leta=10;
//vara=1;
//}
//不报错
functionfunc(arg){
{
letarg;
}
}
//ES6新加了块级作用域,防止循环泄露和覆盖
functionf1(){
letn=5;
if(true){
letn=10;
}
console.log(n);
}
//块级作用域写法
//{
//lettmp=......;
//.....
//}
//ES6的块级作用域允许声明函数的规则只在使用大括号的情况下成立，没有大括号就会报错
//不报错
("usestrict");
if(true){
functionf(){}
}
//报错
//("usestrict");
//if(true)functionf(){}
//do表达式可以返回值
letx=do{
//X会得到整个块级作用域的返回值
lett=f();
t*t+1;
};
//const声明一个只读的常量，一旦声明，常量的值就不能改变
constPI=321;
PI;//321
PI=3;//报错
//ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构
//以前
leta=1;
letb=2;
letc=3;
//ES6从数组中提取值，按照对应位置对变量赋值
let[a,b,c]=[1,2,3];
//解构不成功，变量值就等于undefined
let[foo]=[];//undefined
//解构赋值允许指定默认值
let[foo=true]=[];
foo;//true
//字符串也可以解构赋值
const[a,b,c,d,e]="hello";
a;//"h"
b;//"e"
c;//"l"
d;//"l"
e;//"o"
//类似数组的对象都有个length属性，还可以对这个属性解构赋值
let{length:len}="hello";
let;//5
