web常见面试题总结1、SPA首屏加载慢如何解决动态懒加载、按需加载、使用CDN缓存2、Vue里面router-link

1、SPA首屏加载慢如何解决

动态懒加载、按需加载、使用CDN缓存

2、Vue里面router-link在电脑有用，在android机上没反应

Vue路由在android机上有问题（babel问题），安装babel polypill 插件解决。

3、Vue2中注册router-link上事件无效解决方法

使用@click.native （原因：router-link 会阻止click事件，.native指直接监听一个原生事件）

4、Vue中的router-link在IE和Firefox中不起作用（路由不跳转）

方法一：使用a标签，不用button标签。
方法二：使用button标签和 Router.navigate方法。

5、axios的特点

1、从浏览器中创建XMLHttpRequests
2、node.js创建http请求。
3、支持Promise API
4、拦截请求和响应。
5、转换请求和响应数据。
6、取消请求。
7、自动缓存json。
6、params 和 query的区别

1、params用name引入；query用path引入。
2、params在浏览器地址栏中显示参数；query不显示。
3、params刷新会丢失params里面的数据；query刷新不会丢失。

7、vue初始化页面闪动问题

使用vue开发时，在vue初始化之前，由于div是不归vue管理的，所以我们写的代码在还没有解析的情况下容易出现花屏情况。首先在css里加上

[Java]

纯文本查看

复制代码

[v-cloak] {

display: node:

}

如果还是没有彻底解决，则在根元素加上：

[Java]

纯文本查看

复制代码

1	`style="display: none"` `:style="{display: 'block'}"`

8、vue更新数组时触发视图更新的方法

push() pop() shift() unshift() sort() splice() reverse()

9、vue 修改打包后静态资源路径的修改

cli2版本：将config/index.js里的assetsPubilcPath的值改为“./”
cli3版本：在根目录下新建vue.config.js文件，然后再加上以下内容：

[Java]

纯文本查看

复制代码

module.exports= {

publicPath: '',//相当于HTML页面（目录相同）

}

原文链接：blog.csdn.net/lh9456/arti…