「Vue」JS方法学习

1.构造函数 大写开头的,能被NEW一个新实例,实例即执行
回调函数 异步返回数据
.then指定回调函数的时候,成功的回调函数必须传,失败的回调可以不传

var fs = require('fs')

function getfileBypath(fpath){
  var p = new Promise((resolve,reject)=>{
    fs.readFile(fpath,'utf-8',(err,datastr)=>{
      if (err) return reject(err)
      resolve(datastr)
  })
  })
  return p
}

getfileBypath('./test/vue1.txt').then(function resolve(data){
  console.log(data+'---')
  },function reject(err){
    console.log(err.message)
})

读取文件数据返回的回调函数

2.JS数组拼接
this.cmtList = this.cmtList.concat( ret.data.message)

3.三元运算符
<div class="cmt-body">{{item.content === 'undefined'? '此用户嘛都没说':item.content}}</div>

4.数组循环
forEach,some,filter,findIndex这些都属于数组的新方法,都会对数组中的每一项进行遍历,执行相关的操作
查找循环用some,找到即终止
state.carcount.some(item=>{
  if (item.id === obj.id) {
    item.count += obj.count
    flag = true
    return true
}
})
循环完用forEach
state.carcount.forEach(item=>{
  countall += item.count
})

5.本地存储,读取
localStorage.setItem('car',JSON.stringify(state.carcount))
var car = JSON.parse(localStorage.getItem('car') || '[]')
在Application中查看

6、字符串大小写统一输出为小写
.toLowerCase()字符串大小写统一输出为小写

7、补全长度
var m = (dt.getMonth() +1).toString().padStart(2(补全后长度),'0'(用什么补充)) 字符串补全方法 相应的,还有padEnd方法

8、箭头函数
箭头函数,外部this会指向内部this
show(){
  var that = this
  setInterval(function(){
    var start = that.msg.substring(0,1)
    var end = that.msg.substring(1)
    that.msg = end + start
  },400)
},
show(){
// 箭头函数
setInterval(() => {
  // 获取第一个字符
  var start = this.msg.substring(0,1)
// 获取后面的所有字符
  var end = this.msg.substring(1)
// 重新拼接得到新的字符串,并赋值
  this.msg = end + start
  },400)
},

posted @ 2019-03-10 10:18  子谦0618  阅读(164)  评论(0编辑  收藏  举报