其他分享
首页 > 其他分享> > 记录一些js方法,持续更新...

记录一些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