「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)
},
「Vue」JS方法学习的更多相关文章
- Android逆向之旅---静态方式分析破解视频编辑应用「Vue」水印问题
一.故事背景 现在很多人都喜欢玩文艺,特别是我身边的UI们,拍照一分钟修图半小时.就是为了能够在朋友圈显得逼格高,不过的确是挺好看的,修图的软件太多了就不多说了,而且一般都没有水印啥的.相比较短视频有 ...
- 「JavaScript」JS四种跨域方式详解
原文地址https://segmentfault.com/a/1190000003642057 超详细并且带 Demo 的 JavaScript 跨域指南来了! 本文基于你了解 JavaScript ...
- 「Vue」vue-cli 3.0集成sass/scss到vue项目
vue-cli 3提供了两种方式集成sass/scss: 创建项目是选择预处理器sass手动安装sass-loader创建项目选择预处理器sass$ vue create vuedemo? Pleas ...
- 「Vue」父子组件之间的传值及调用方法
a.父组件向子组件传值data(){},props数据区别data中的数据可读可写,是自己的数据props是个数组,中的数据是父组件传递过来的,只读不能写<login :dmsg='msg'&g ...
- 「Vue」vue cli3项目打包为APP方法及坑点
1.执行npm run build之后生成dist文件夹 2.打开HBuilderX新建一个APP项目 3.把dist文件夹里的所有文件拷贝替换到APP文件夹下 4.打开manifest.json文件 ...
- 「译」如何正确学习JavaScript
原文:How to Learn JavaScript Properly 目录 不要这样学习JavaScript 本课程资源 1-2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DO ...
- 「Vue」起步 - vue-router路由与页面间导航
vue-router 我们知道路由定义了一系列访问的地址规则,路由引擎根据这些规则匹配找到对应的处理页面,然后将请求转发给页进行处理.可以说所有的后端开发都是这样做的,而前端路由是不存在"请 ...
- 「Vue」登陆-路由拦截器
1.main.js设置拦截器 router.beforeEach(function (to,from,next) { if (to.meta.requireAuth) { if (store.stat ...
- 「Vue」实用组件
一.时间格式 1.安装Moment模块 npm i moment -S2.main.js中设置全局过滤器 import moment from 'moment' Vue.filter('ctime', ...
随机推荐
- C标准库string.h中几个常用函数的使用详解
strlen 计算字符串长度 size_t strlen(const char *str) 计算字符串 str 的长度,直到空结束字符,但不包括空结束字符. 函数实现: int Strlen(cons ...
- 设计模式 笔记 工厂方法 Factory Methon
//---------------------------15/04/09---------------------------- //factory method 工厂方法-------对象创建型模 ...
- 阿里云centos 安装禅道
下载 我的阿里云服务器系统是 centos6.8 64 位,下载的禅道版本是 Linux 64位一键安装包(适用于Linux 64位) 由于阿里云服务器没桌面,所以下载用不了浏览器,可考虑在本地下载后 ...
- ReactJS实用技巧(1):JSX与HTML的那些不同
在项目中使用ReactJS也已经有大半年了,收获很多也踩过不少坑.不想把这个系列写成抄书似的罗列,旨在总结些常用的技巧及常见的坑,以帮助初心者快速入门,想系统学习的同学还是多阅读文档. JSX本质上与 ...
- python中列表的常用操作增删改查
1. 列表的概念,列表是一种存储大量数据的存储模型. 2. 列表的特点,列表具有索引的概念,可以通过索引操作列表中的数据.列表中的数据可以进行添加.删除.修改.查询等操作. 3. 列表的基本语法 创建 ...
- NO--12模拟服务器端请求之node.js
最近几天项目上线,工作比较忙,没时间更博了,好在今天有点时间并且同事问道我一个问题,正好一块解决 使用 Vue 写项目肯定会遇到一个问题,如何模拟服务端请求数据,那这就需要用到 node.js 了. ...
- metasploit学习之情报搜集
3.1.被动信息搜集whois查询Netcraft nslookup>set type=mx>testfire.net Google Hacking 3.2 主动信息搜集 使用nmap进行 ...
- PHP Lavavel 使用控制器 传递变量 以及调用 视图模板
控制器第一次入门使用 位置: 在app/Http/Controllers 目录下创建文件名格式:例如 UserController路由调用格式:Route::get('user/tom','UserC ...
- Alpha Version Release Of Teamwork: Appendix 1 BUG BASH
在为期一周的发布周中,我们将app本身最后的细节完善,功能代码到位,UI不断改进和优化,团队在开始准备发布之前,对整个APP进行了一次BUG检查,每个人都部署了app在自己的android设备上进行测 ...
- Pipeline Alpha版本项目展示
团队成员简介:http://www.cnblogs.com/cheneygroup/p/4830994.html 团队成员及博客: 李剑锋: Blog: http://www. ...