web前端面试题记录

20191125

1.Vue全家桶定义

2.路由怎么定义使用的；路由的导航前卫有哪几种

3.http请求get 与post的不同，post请求的参数放到哪里（请求头的消息体中）

4.Vuex有哪个部分组成；action与mutataions有什么不同；action是怎么改变state中的值（commit）;

5.组件中怎么传值（父传子，子传父，兄弟传值eventBus，通过ref属性得到组件）

6.ref可以定义到普通便签上可以获得DOM 吗？（可以）

7.es6中promise.all()的使用场景

8.es6中的...扩展符当改变的新的对象中的属性值，会改变旧的对象中的属性值吗？

    ... 是一种浅拷贝，基本类型修改不会改变旧的对象中的属性值，但是如果是对象中的属性值为一个对象的话会同时被修改

7.css中绝对定位，浮动，弹性盒子的应用

8.axios中怎么增加一个自定义头的传输；

axios.get(urlString, 
    {
        headers: {
            'Authorization': 'Bearer ' + token,
            "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
            ...
        },
        params: {
            param1: string,
            param2: string
        },
        ...
    }
)
.then(res => fn)
.catch(e => fn)


axios.post(urlString, 
    {
        data: data,
        ...
    },
    {
        headers: {
            'Authorization': 'Bearer ' + token,
            "Cookie" : 'sessionId=' + sessionId + '; recId=' + recId,
            ...
        }
    }
)
.then(res => fn)
.catch(e => fn)

9.axios怎么传输本地的cookies；（在main.js中设置 axios.defaults.withCredentials = true）

axios.defaults.withCredentials = true; //配置为true
 
axios.post('http://localhost:3000/tpzdz/vote/all', {
 openid: 'oJ0mVw4QrfS603gFa_uAFDADH2Uc',
 date: '2018-11-21'
}).then(function (response) {
 console.log(response)
})

10.谷歌浏览器本地跨域问题设定

在快捷键中右键选择属性，在目标里后增加--disable-web-security --user-data-dir=D:\chromedev

11.axios跨域设置

config文件夹下的index.js下对dev环境进行配置
proxyTable: {
      "/api": {
        target: "https://xxx.xxx.com/", //设置你调用的接口域名和端口号
        changeOrigin: true, //跨域
        pathRewrite: {
          "^/api": "/" 
     }
   }
},

继续努力

20191127

1.新建一个vue实例触发哪几个生命周期

2.ES6中的解析赋值使用

3.null与undefine的本质区别

Undefined类型只有一个值，即undefined。当声明的变量还未被初始化时，变量的默认值为undefined。
Null类型也只有一个值，即null。null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

alert(typeof undefined); //output "undefined"  
alert(typeof null); //output "object" 
 
alert(null == undefined); //output "true"
ert(null === undefined); //output "false"  
alert(typeof null == typeof undefined); //output "false"  

4.深拷贝的实现方式(Json.parse(Json.stringify(obj)),JS的function)

5.线程与进程的区别

6.vue的计算属性与watch的区别

7.vue中created与mounted的生命周期有什么不同，发起请求在哪一个生命周期好？

8.vue的组件传值方式有哪几种

9.数组的slice()，concat方法可以进行深拷贝吗？

        slice和concat这两个方法，仅适用于对不包含引用对象的一维数组的深拷贝