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. CDH上Cloudera Management Service 各个角色迁移至其他节点

    1.首先查看Cloudera Management Service下有哪些服务,cdh版本为5.9.2: 可以看到基本上有以上6个角色: 2.停止所有角色,并执行删除: 3.找到集群中另外一个节点,添 ...

  2. libgdx学习记录23——图片移动选择

    模拟移动选择图片,采用相机实现. package com.fxb.newtest; import com.badlogic.gdx.ApplicationAdapter; import com.bad ...

  3. [BZOJ4379][POI2015]Modernizacja autostrady[树的直径+换根dp]

    题意 给定一棵 \(n\) 个节点的树,可以断掉一条边再连接任意两个点,询问新构成的树的直径的最小和最大值. \(n\leq 5\times 10^5\) . 分析 记断掉一条边之后两棵树的直径为 \ ...

  4. 《Effective Java》学习笔记 —— 枚举、注解与方法

    Java的枚举.注解与方法... 第30条 用枚举代替int常量 第31条 用实例域代替序数 可以考虑定义一个final int 代替枚举中的 ordinal() 方法. 第32条 用EnumSet代 ...

  5. Linux删除多余内核

    查看已安装内核 sudo dpkg --get-selections |grep linux-image 查看当前内核 uname -r 卸载内核 sudo apt-get remove 内核名称 配 ...

  6. X32位 天堂2 二章/三章 服务端协议号修改方法

    [本方法适合于2004-2006年之间天堂2由初章服务端修改至二章.三章端时协议号匹配问题]服务端版本位32位初章服务端 目前大部分SF用的协议号情况: 服务端是419 客户端是 417 419 42 ...

  7. Win10 + vs2017 编译并配置tesseract4.1.0

    tesseract 是一个开源的OCR (Optical Character Recognition , 光学字符识别) 引擎,本文就介绍一下自己在编译 tesseract4.1.0时遇到的一些坑,希 ...

  8. ElasticSearch读写原理

    es 写入数据的工作原理是什么啊?es 查询数据的工作原理是什么啊?底层的 lucene 介绍一下呗?倒排索引了解吗? es 写数据过程 客户端选择一个 node 发送请求过去,这个 node 就是  ...

  9. 12.22daily_scrum

    今天是我们小组M2阶段开始一周结束,各项工作进入一个阶段性的总结过程,悬浮窗的设计也已经告一段落进入调试的阶段,新的工作任务有了添加,即滑锁密码的加入,更好地加深了用户体验性,软件的可用性也进一步加强 ...

  10. 单片机内程序运行的时候ram空间是如何分配的?

    转自:http://blog.sina.com.cn/s/blog_a575eb9401014tam.html 单片机内程序运行的时候ram空间是如何分配的?我现对一个程序进行减少片内ram的使用的优 ...