11.10

https://tinypng.com/ 图片压缩用

pc 复制方法
onCopy(keyWord: any) {
const textarea = document.createElement("textarea");
textarea.readOnly = true;
textarea.style.position = "absolute";
textarea.style.transform = "translate(-10000px)";
textarea.value = keyWord;
document.body.appendChild(textarea);
textarea.select();
textarea.setSelectionRange(0, textarea.value.length);
const result = document.execCommand("Copy");
if (result) {
Message.success("复制成功");
}
document.body.removeChild(textarea);
}

<el-upload
:http-request="postFile"
>
上传apk 获取apk 信息；
先下载 app-info-parser 插件
const ApkParser = require("app-info-parser/src/apk");
const parser = new ApkParser(value.file); //files:所上传的文件内容
let york = await parser.parse()

Img图片默认的3px空白缝隙解决方法:

变为块级元素，设置img{display:block;}
通过设置垂直对齐方式来消，即vertical-align:top|bottom|text-top|text-bottom
图片的父标签 font-size:0px

获取元素高度 找到元素后 .offsetHeight
设置元素告诉 找到元素后 .style.height // 内联样式

登录后 信息存在store;

//对img标签进行匹配
var imgReg = /<img.*?(?:>|\/>)/gi;

区分 null 和 undifined
1。 typeof null 'object' typeof undifined 'undifined'
2. null == unfifined // true null === unfifined // false

http 缓存
6.强缓存与协商性缓存(弱缓存)
强缓存：不发起http请求，直接使用本地缓存，比如浏览器地址栏回车，使用浏览器的刷新按钮，在Expires或max-age生效的情况下，触发的都是强缓存。
协商性缓存(弱缓存)：在使用本地缓存前，先与服务器协商，核对缓存文件是否为最新。比如设置了cache-control=no-cache，不管你做任何操作，都会发起请求，这一类就是协商性缓存了。

动态样式之class
:class="[条件?'成立的类名':'不成立的类名']" 数组的话条件写前面
:class={'类名A':条件A,'类名B':条件B,'类名C':条件C,'类名D':条件d} 对象的话条件写后面
:class='变量属性' 少用

绘制扁的三角形

border-left: 50px solid transparent; // 竖长三角形
border-right: 50px solid transparent;
border-bottom: 100px solid; // 底部长度 大点
color: red

过滤 首换行符
st.replace(/^(\n+)/, '') +表示至少一个 ， ？0或1个 *0或多个；
过滤 尾换行符
st.replace(/(\n+)$/, '')

跳转新页面
_a = this.$router.resolve({path: 'addVirtualCoin', query: {title}})
window.open(_a.href,'_blank')

根据对象里的熟悉排序

var compare = function(property) {
return function(a,b) {
var value1 = a[property];
var value2 = b[property];
return value1 - value2
}
}

var arr = [
{
id: 1
},
{
id: 3
},
{
id: 2
}
]
arr.sort(this.compare("id"))

p标签正则
/<\/?p[^>]*>/gi [^>]* 表示 ： 非“>”的字符可以有一个或多个，也可以没有

el-dropdown 若要传递多个参数
<el-dropdown @command="handleCommand">
<div class="accountMange">
<span>账户管理</span>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="composeValue(acc, 'a')">黄金糕</el-dropdown-item >
<el-dropdown-item :command="composeValue(acc, 'b')">狮子头</el-dropdown-item >
<el-dropdown-item :command="composeValue(acc, 'c')">螺蛳粉</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>

composeValue(acc, command) {
return {
"acc": acc,
"command": command
}

handleCommand(val) {
console.log(val.acc); //打印出传递的参数
console.log(val.command); //打印出点击command值
if (val.command == "a") {
this.abc();
} else if (val.command == "b") {
this.bcd();
} else if (val.command == "c") {
this.ef();
}
},