记录一些js方法,持续更新...
作者:互联网
1、console.log(!!" " + !!"" - !!false || "未通过")
字符串中有空格,为真,一个感叹号为假,前面有两个感叹号,是假之后再为真,结果是true,true是1,所以结果是1;
空字符串,无值,为假,前面一个感叹号为真,两个感叹号则为假,为真之后又为假,结果是false,false是0;
false前面一个感叹号为真,两个感叹号为假,,为真之后又为假,结果是false false是0
1 + 0 - 0 || “未通过” 中间是或运算符,所以有一个为真,就不继续往下进行,结果为1。
2、window.a || (window.a = "1")
console.log(window.a)
正常情况下是从前往后看:或运算符,前面是假,window.a是undefined,未定义,是假,所以继续往后执行,赋值,错误,
正确的执行步骤是:先执行括号里面的代码块,也就是先赋值,再看前面的window.a,此时window.a就是真的了,打印得到1,原因:括号的优先级最高,先执行括号里面的在执行或运算。
3、巧用&&和||,使代码更简洁,当我们有一个需求:需要用到多个if else 进行条件筛选,例如:
let a = 0;
if(cont > 20){
a = 10
}else if(cont > 10){
a = 5
} else if(cont > 5){
a = 1
}else {
a = 0
}
通过判断cont的大小来给a赋值,这样会显得代码冗长,所以简写之后就可以写成这样
let a = (cont > 20 && 4)|| (cont > 10 && 5) || (cont > 5 && 1) || 0
注:在js逻辑运算中,0、''、null、false、undefined、NaN都会判为false,其他为true。
4、记录js平滑过渡,回到顶部
widow.scrollTop({
top:0,
behavior: 'smooth',
})
5、js方法,将一个数组按照n个一份,分成若干数组
function group(array,subGroupLength){
let index = 0
let newArray = []
while(index < array.length){
newArray.push(array.slice(index,index += subGroupLength))
}
return newArray
}
6、vue-cli3.0配置接口代理,新建一个vue.config.js,存放在根目录中
module.export = {
devServer:{
//设置主机地址 host:"localhost"
host:"0.0.0.0",
port:"8080", // 端口号
open:true, // 配置自启动浏览器
https:false, // 是否允许使用https访问 https:{type:Boolean}
hotOnly:true, // 是否热加载
proxy:{
"/api":{
target:"http://XXX.XXX.X:8091", // 源地址
changeOrigin:true, // 改变源
ws:true//websocket支持 是否代理websocket
secure:false,
pathRewrite:{"^/api":""}
}
}
}}
devServer: { //host: 'localhost', host: "0.0.0.0", port: 8080, // 端口号 https: false, // https:{type:Boolean} disableHostCheck: true, open: true, //配置自动启动浏览器 3 // hotOnly: true, // 是否热更3 // proxy: 'http://localhost:3300' // 配置跨域处理,只有一个代理 proxy: { "/loc": { target: "http://8.136.158.246:7001", changeOrigin: true, ws: true, //websocket支持 // secure: false pathRewrite: { '^/loc': '' } }, // "/x/*": { // target: "http://XXX.XXX.X.XX:2018", // changeOrigin: true, // // ws: true,//websocket支持 // secure: false }, },
标签:...,cont,更新,js,window,感叹号,false,true 来源: https://www.cnblogs.com/mathrandom/p/14658229.html