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. libgdx学习记录25——Rectangle与Circle是否重叠

    Rect与Circle重叠有三种情况: 1. Rect至少有一个角在Circle里面 2. Circle与Rect的左边或右边相交,或者Circle在Rect内 3. Circle与Rect的顶边或底 ...

  2. 老项目迁移到 springboot 过程

    打算把detectx迁移,毕竟springboot更适合它, 首先我是用的快速建立的项目,springboot版本为 1.5.19.RELEASE ,官网查了下,这个是GA稳定生产环境版本 然后如果要 ...

  3. 如何基于 K8S 多租能力构建 Serverless Container

    当前 Kubernetes 已经成为名副其实的企业级容器编排规范,很多云平台都开始提供兼容 Kubernetes 接口的容器服务.而在多用户支持方面,多数平台选择直接提供专属虚机集群,用户需要花费大量 ...

  4. linux一切皆文件之块设备文件(四)

    一.知识准备 1.在linux中,一切皆为文件,所有不同种类的类型都被抽象成文件(比如:块设备,socket套接字,pipe队列) 2.操作这些不同的类型就像操作文件一样,比如增删改查等 3.块设备是 ...

  5. CentOS-7.x Yum Repo Mirror

    一. 环境 1.1 主机信息 主机 OS Storage 备注 100.64.140.101 centos 7.6 /dev/sdb > 100GB 1.selinux disable; 2.放 ...

  6. Overlay技术

  7. 红黑树插入与删除完整代码(dart语言实现)

    之前分析了红黑树的删除,这里附上红黑树的完整版代码,包括查找.插入.删除等.删除后修复实现了两种算法,均比之前的更为简洁.一种是我自己的实现,代码非常简洁,行数更少:一种是Linux.Java等源码版 ...

  8. PAT甲题题解-1011. World Cup Betting (20)-误导人的水题。。。

    题目不严谨啊啊啊啊式子算出来结果是37.975样例输出的是37.98我以为是四舍五入的啊啊啊,所以最后输出的是sum+0.005结果告诉我全部错误啊结果直接保留两位小数就可以了啊啊啊啊 水题也不要这么 ...

  9. SDN交换机迁移2

    关于迁移过程中迁移目标(被迁移的交换机和目标控制器)的选择 SDN中基于过程优化的交换机竞争迁移算法 通信学报 交换机:请求速率大于域内平均请求速率的交换机集合: 控制器:综合网络中时延.流量和控制器 ...

  10. 剑指offer:二叉树的深度

    题目描述: 输入一棵二叉树,求该树的深度.从根结点到叶结点依次经过的结点(含根.叶结点)形成树的一条路径,最长路径的长度为树的深度. 解题思路: 这道题也是递归的思路,比较简单. 做的过程中遇到的一个 ...