最近项目中用到的方法

Posted 2020-12-14 chorkiu

1.获取小数点后的字符串(情景时需要获取文件类型 你好.png/新生手册.doc)

var filename = ‘新生.doc‘
filename.substring(filename.lastIndexOf(‘.‘) + 1)
或者
filename.split(‘.‘)[1]

2.判断ios还是android

appSource () {
      const u = navigator.userAgent
      const isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/)
      const isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1
      if (isiOS) {
        // ios
        this.isAndroidType = false
      } else if (isAndroid) {
        // andriod
        this.isAndroidType = true
      }
    },

3.删除某个数组中指定的对象(filter,实现去掉name是小王的对象)

var arr = [{name:‘小李‘,age:‘17‘},{name:‘小王‘,age:‘17‘},{name:‘小陈‘,age:‘18‘}]
    arr = arr.filter(function(item){
        console.log(item)
        return item.name != ‘小王‘
    })

 

 4.获取接口的文档,立马给每个对象添加checked字段来实现是否选择的判断

for (let i = 0; i < this.fileList.length; i++) {
   //fileList是获取的数组对象,给每个对象添加checked,值为false
    this.$set(this.fileList[i], ‘checked‘, false)
}

5.H5中移动端禁止长按复制文本功能,很多手机都有这种功能,会造成用户体验不好,所以干脆全部禁止.在App.vue里面添加,input和textarea一定要记着加,不然这两个标签到时候输入不了

*{
  -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none; /*火狐*/
  -ms-user-select:none;  /*IE10*/
  user-select:none;
}
input,textarea {
  -webkit-user-select: auto !important;
}