1.过滤器filter
var _proList=this.productList.filter(function (val) { return val.select})
2.every: 方法用于检测数组所有元素是否都符合指定条件
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。
this.productList.every(function (val) { return val.select});
3.cookie,sessionStorage,localeStorage的区别
cookie是存储在浏览器端,并且随浏览器的请求一起发送到服务器端的,它有一定的过期时间,到了过期时间自动会消失。sessionStorage和localeStorage也是存储在客户端的,同属于web Storage,比cookie的存储大小要大有8m,cookie只有4kb,localeStorage是持久化的存储在客户端,如果用户不手动清除的话,不会自动消失,会一直存在,
sessionStorage也是存储在客户端,但是它的存活时间是在一个回话期间,只要浏览器的回话关闭了就会自动消失。
4.JavaScript的闭包:将定义在函数中的函数作为返回值
闭包的缺点是,因为内部闭包函数可以访问外部函数的变量,所以外部函数的变量不能被释放,如果闭包嵌套过多,会导致内存占用大,要合理使用闭包
function a(x){
var tem=3;
function b(y){
console.log(x+y+(++tem));
}
return b;
}
5.switch用法
switch(v){
case 0:
this.name="蛋糕"
break
case 1:
this.name="面包"
break
default:
this.name="牛奶"
break
}
6.vue中格式化金额:{{industryIncreaseMoney|formatMoney}}
formatMoney(number, decimals = 2, decPoint = '.', thousandsSep = ',') {
if (!number) {
return '-'
}
number = (number + '').replace(/[^0-9+-Ee.]/g, '')
const n = !isFinite(+number) ? 0 : +number
const prec = !isFinite(+decimals) ? 0 : Math.abs(decimals)
const sep = (typeof thousandsSep === 'undefined') ? ',' : thousandsSep
const dec = (typeof decPoint === 'undefined') ? '.' : decPoint
let s = ''
const toFixedFix = function(n, prec) {
const k = Math.pow(10, prec)
return '' + Math.ceil(n * k) / k
}
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
const re = /(-?\d+)(\d{3})/
while (re.test(s[0])) {
s[0] = s[0].replace(re, '$1' + sep + '$2')
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || ''
s[1] += new Array(prec - s[1].length + 1).join('0')
}
return s.join(dec)
},
7.异步调用函数
async fetchData() {
const taxData = await fetchAreaCompanyAnalyse({
belongYear: this.params.belongYear,
limitNum:this.topLimit,
sortBy: 'total_tax',
order: 'desc',
regionId:this.params.regionId,
companyTypes:this.params.companyTypes
})
}