知识点

如何阻止事件冒泡

event.stopPropagation   阻止事件冒泡，但不会阻止默认行为

return  false  阻止事件冒泡，也阻止了默认行为

 

map和foreach的三个参数是 当前元素、元素的索引、元素所属的数组

数组的方法

push从后边添加元素

pop从后边删除元素

shift从前边删除

unshift从前边添加

concat连接两个数组返回新数组

split将字符串转数组

sort数组排序

reverse数组翻转

foreach遍历数组  没有router

filter  过滤数组

splice删除指定元素

 

 

websocke

websocke是基于http协议  借用了http协议来完成了第一次握手

保持连接，服务端可以主动推送信息给客户端

 

 

css 水平、垂直居中  

justify-content: center;//使子项目水平居中

align-items: center;//使子项目垂直居中

text-overflow:ellipsis//文本超出后

es6解构赋值

无需中间变量做存储，借助解构赋值，解决变量交换

前后端服务通信JSON中取值

 

var和let、const的区别

var属于函数作用域：let和const块级作用域

var存在变量提升现象：let和const不能提升变量

var可以重复声明变量  let不能重新声明    const不允许重复赋值

 

jquery和vue的区别

jquery要先获取dom对象，再操作dom，jquery的数据和视图混在一块

vue把值和js对象进行绑定，vue的数据与视图分离  数据驱动

 

路由跳转的区别

this.$router.push   函数中跳转 在history栈中添加一个记录，点击退回返回上个页面

router link  标签跳转

this.$router.replace   不会在history栈中添加记录

 

请求头在哪里配置，有哪些属性

在Request  Headers中配置请求头

Accept:文件格式

Connection  ：是否需要持久连接

host：请求地址

Cookie：发送时把cookie发送出去

Accept-Language：语言格式

 

this指向问题

在正常情况下this是指向全局

在函数中this是指向函数

构造函数中是指向构造对象

 

jsonp的实现原理

jsonp跨域利用的其实就是script的src属性 没有跨域限制的  漏洞，这个属性不受同源策略影响，可以访问不同服务下的资源

 

ajax如何设置同步

async: false

 

生命周期每个阶段的场景

beforeCreate ：添加loding

created   去后端端口获取数据

beforeMount：取消loding

mounted：将数据挂在

beforeUpdate 修改之前调用

updated：修改数据之后调用

beforeDestroy：销毁之前可以清理非vue资源

 

Cookie   localStorage  sessionStorage

cookie  可设置失效事件  一般存放登入信息  可在请求中携带

localStorage  永久存储  手动清除  内存大

sessionStorage   仅在当前窗口有效 关闭网页会被清除

 

继承方式

使用原型链继承prototype继承

构造函数继承

 

es6解构赋值

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值