VUE_随笔（VUE6）

最新推荐文章于 2022-09-08 17:53:10 发布

原创最新推荐文章于 2022-09-08 17:53:10 发布 · 967 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#VUE_随笔

VUE 专栏收录该内容

12 篇文章

订阅专栏

学习网站

在这里插入图片描述
掘金/MDN/思否/GitHub/力扣/lintCode/牛客网

用过的插件

vconsole/
Fundebug:https://www.fundebug.com/

阿里系中台界面框架

阿里系中台界面框架：
https://pro.ant.design/
https://ice.work/
https://fusion.design/
腾讯项目里面有一个完整的UI框架
https://github.com/Tencent/bk-cmdb
腾讯这个是 vue的
腾讯这个可以在线体验： https://cmdb.bk.tencent.com/login

keep-alive用法注意事项

v-if要放在标签里面，不能放在标签里面

vconsole调试官网：

https://github.com/Tencent/vConsole/blob/v3.3.0/doc/tutorial_CN.md

JSON在线解码：

https://www.json.cn/

Webstrom快捷键：

http://blog.csdn.net/quincylk/article/details/18256697

进度条

webSocket

状态码401.3：

没有安装http-server这个插件，后来是IIS解决这个问题了，需要新加一个权限授权给它，然后就可以访问了

前端图标库：

https://www.iconfont.cn/search/index?q=加载

编码在线转换：

url编码背景图片转化为base64

大量导入数据超时：

1：axios.defaults.timeout = 1000000
2：webpack的proxy默认设置的超时时间
proxyTable: {
timeout: 1920000, //全局设置超时
‘/admin’: {
timeout: 1000000, //代理路径设置超时
changeOrigin: true,
},
}
3：后端springboot没有设置超时时间；
nginx或者服务器上也需要设置超时，默认90秒。
4：参考https://www.php.cn/js-tutorial-402959.html

判断设备是iOS还是安卓设备

/判断设备是iOS还是安卓设备/
let u = navigator.userAgent;
let isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Adr’) > -1; //android终端
let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isAndroidtrue&&isiOSfalse){
this.deviceModel = “安卓”;
}else{
this.deviceModel = “iOS”;
}
// alert(‘是否是Android：’+isAndroid);
// alert(‘是否是iOS：’+isiOS);
this. $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotstHeight - this.$ refs.vouchersTitle.clientHeight - this. $r e f s . v o u c h e r I n f o r m a t i o n . c l i e n t H e i g h t) + " p x "; / / t h i s . v o u c h e r T o p = (t h i s .$ refs.vouchersTitle.clientHeight + this.$refs.voucherInformation.clientHeight) + “px”;
}
})

用vue-wechat-title为微信动态设置标题

1.安装插件
cnpm install vue-wechat-title --save
2.在main.js中引入
Vue.use(require(‘vue-wechat-title’))
3.在路由里添加name属性例：
{
path: ‘/home’,
name: ‘首页’,
menuShow: true,
iconCls: ‘home_light.svg’,
component: Home
}
4.在App.vue文件里添加如下代码：
<div v-wechat-title="$route.name"></div> <–控制微信标题的–>
其他Vue文件

v-wechat-title="$route.meta.title=transActNameTitle"