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)
},

「Vue」JS方法学习的更多相关文章

  1. Android逆向之旅---静态方式分析破解视频编辑应用「Vue」水印问题

    一.故事背景 现在很多人都喜欢玩文艺,特别是我身边的UI们,拍照一分钟修图半小时.就是为了能够在朋友圈显得逼格高,不过的确是挺好看的,修图的软件太多了就不多说了,而且一般都没有水印啥的.相比较短视频有 ...

  2. 「JavaScript」JS四种跨域方式详解

    原文地址https://segmentfault.com/a/1190000003642057 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript ...

  3. 「Vue」vue-cli 3.0集成sass/scss到vue项目

    vue-cli 3提供了两种方式集成sass/scss: 创建项目是选择预处理器sass手动安装sass-loader创建项目选择预处理器sass$ vue create vuedemo? Pleas ...

  4. 「Vue」父子组件之间的传值及调用方法

    a.父组件向子组件传值data(){},props数据区别data中的数据可读可写,是自己的数据props是个数组,中的数据是父组件传递过来的,只读不能写<login :dmsg='msg'&g ...

  5. 「Vue」vue cli3项目打包为APP方法及坑点

    1.执行npm run build之后生成dist文件夹 2.打开HBuilderX新建一个APP项目 3.把dist文件夹里的所有文件拷贝替换到APP文件夹下 4.打开manifest.json文件 ...

  6. 「译」如何正确学习JavaScript

    原文:How to Learn JavaScript Properly 目录 不要这样学习JavaScript 本课程资源 1-2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DO ...

  7. 「Vue」起步 - vue-router路由与页面间导航

    vue-router 我们知道路由定义了一系列访问的地址规则,路由引擎根据这些规则匹配找到对应的处理页面,然后将请求转发给页进行处理.可以说所有的后端开发都是这样做的,而前端路由是不存在"请 ...

  8. 「Vue」登陆-路由拦截器

    1.main.js设置拦截器 router.beforeEach(function (to,from,next) { if (to.meta.requireAuth) { if (store.stat ...

  9. 「Vue」实用组件

    一.时间格式 1.安装Moment模块 npm i moment -S2.main.js中设置全局过滤器 import moment from 'moment' Vue.filter('ctime', ...

随机推荐

  1. P4385 [COCI2009]Dvapravca

    首先特判掉蓝点数量\(<2\)的情况.没有蓝点答案就是\(n\),有一个蓝点可以枚举一个红点,选择过这个蓝点和红点的一条线和在无穷远处的平行线(即这条线对应的两个半平面). 这里认为过一个点是与 ...

  2. 微信小程序之授权 wx.authorize

    一. wx.authorize(Object object) 提前向用户发起授权请求.调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口.如果用户之前已 ...

  3. Python基础知识(Basic knowledge)

    Python基础知识(Basic knowledge) 1.认识Python&基础环境搭建 2.Python基础(上) 3.Python基础(中) 4.Python基础(下) 5.Python ...

  4. docker之故障问题解决方案

    1.报错如下一 Error response from daemon: driver failed programming external connectivity on endpoint lnmp ...

  5. Linux使用expect实现免手动密码输入,linux免密码登陆

    使用expect实现自动登录的脚本,网上有很多,可是都没有一个明白的说明,初学者一般都是照抄.收藏.可是为什么要这么写却不知其然.本文用一个最短的例子说明脚本的原理.  脚本代码如下:  ###### ...

  6. net面试宝典

    ASP.NET常见面试题及答案 1. 简述 private. protected. public. internal 修饰符的访问权限. 答 . private : 私有成员, 在类的内部才可以访问. ...

  7. Teaching Machines to Understand Us 让机器理解我们 之二 深度学习的历史

    Deep history 深度学习的历史 The roots of deep learning reach back further than LeCun’s time at Bell Labs. H ...

  8. arduino新入手体验:三个小实验

    新入手体验:三个小实验 一:一个LED闪烁 控制要求:1个LED灯,每隔50ms闪烁一次 实物连接图: 控制代码: //2018.6/11 ;//定义数字接口10,对应 void setup() { ...

  9. session和cookie的作用和原理

    session和cookie作用原理,区别 Cookie概念 在浏览某些 网站 时,这些网站会把 一些数据存在 客户端 , 用于使用网站 等跟踪用户,实现用户自定义 功能. 是否设置过期时间: 如果不 ...

  10. ES6实用新特性

    兼容性 http://kangax.github.io/compat-table/es5/ http://kangax.github.io/compat-table/es6/ ES6(ES2015)兼 ...