2020.7.15学习日志

vue部分

6.重定向和别名

redirect    alias

7.路由组件传参

props：true

可以使用props传递参数的方案读取路由参数

8.HTML5 History模式

hash    history

9.高亮显示

router-link-exact-active

router-link-active

 

 

在router/index中设置linkActiveClass:"active",  在nav页面加上.active 首页加上exact

当路由切换时（点击时）激活

 

canvas标签

其能够大大减小页面的结构大小，让页面加载速度变快

使用：首先创建canvas画布，而如果想要在画布上进行操作，则需要通过脚本来创建一个画家，来帮助我们进行内容绘制。

var huaban=document.querySelector('canvas')

var ctx=huaban.getContext('2d')

ctx.beginPath()

//创建图片

var tempImage=new Image();

//加载图片

tempImage.src='img/time.jpg'

//图片完全加载后在绘制

tempImage.οnlοad=function(){

//将加载的图片绘制到canvas上

ctx.drawingImage(tempImage,50,50);

};

ctx.closePath();

 

 

为什么需要懒加载？

　　　　像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时

 

vue中使用echarts渐变 报错echarts未定义 解决办法

在组件script中再引入一遍echarts

 

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

 

var 特点：重复声明 可以改变 全局变量 函数级变量

let特点：不能重复声明 不岑在变量提升 块级作用域 暂时性死区

const特点：不能重复声明 不存在变量提升 块级作用域 变量值不可以改变