zoukankan      html  css  js  c++  java
  • 「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)
    },

  • 相关阅读:
    【程序员的自我修养】读书笔记
    Notepad++ 正则表达式
    【BI】商务智能
    【BI】OLTP与OLAP的区别
    【Linux】条件判断eq、ne、gt、lt、ge、le
    【shell】shell基础脚本合集
    capture同focus
    c++101rule
    老生常谈,正确使用memset
    C语言的数组名和对数组名取地址
  • 原文地址:https://www.cnblogs.com/wrxblog/p/10504487.html
Copyright © 2011-2022 走看看