「Vue」JS方法學習

1.構造函數 大寫開頭的,能被NEW一個新實例,實例即執行
回調函數 異步返回數據
.then指定回調函數的時候,成功的回調函數必須傳,失敗的回調能夠不傳vue

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)
})函數

讀取文件數據返回的回調函數ui

2.JS數組拼接
this.cmtList = this.cmtList.concat( ret.data.message)this

3.三元運算符
<div class="cmt-body">{{item.content === 'undefined'? '此用戶嘛都沒說':item.content}}</div>utf-8

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中查看get

六、字符串大小寫統一輸出爲小寫
.toLowerCase()字符串大小寫統一輸出爲小寫回調函數

七、補全長度
var m = (dt.getMonth() +1).toString().padStart(2(補全後長度),'0'(用什麼補充)) 字符串補全方法 相應的,還有padEnd方法

八、箭頭函數箭頭函數,外部this會指向內部thisshow(){  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)},

相關文章
相關標籤/搜索