每天学一点ES6(一)开始
最近学习vue,发现很多用法都不会了,虽然照猫画虎可以跑起来,但是总感觉很朦胧,是是而非的感觉不太好。
听说这些都是ES6的用法,所以决定要学习一下ES6
ES6
全称:ECMASctipt 6
简称:ES6
是JavaScript语言的下一代标准(前一代标准是ES 3 吗?),2015年就发布了,目标是使得JavaScript语言可以用于编写复杂的大型应用程序,成为企业开发语言。(野心好像不小)。
ES6 和 JavaScript的关系
简单的说,ES6是国际标准化组织 ECMA 定制的一套标准,JavaScript是一种实现方式。
ES6 和 ECMASctipt 2015 的关系
简单的说,拿美剧举个例子,ES6 可以理解为 第6季,ECMAScript 2015 相当于第六季的第一集,后面还有第二集(ECMAScript 2016)、第三集(ECMAScript 2017)等等。
这是一个“年更番”,每年六月份发布一个新版本,用年号标记。
ECMAScript的历史
1997年:ECMAScript 1.0
1998年:ECMAScript 2.0
1999年:ECMAScript 3.0
2006年:ECMAScript 4.0 没有通过
2009年:ECMAScript 5.0
2015年:ECMAScript 6.0
之后,版本号改用年号的形式。
Babel 转码器
简单的说,这是一个翻译器,把浏览器不能直接支持的ES6的语法,变成浏览器可以只是识别的语法。
比如把
input.map(item => item + 1)
转换为:
input.map(function (item) {
return item + 1
})
Vue3内置了这个东东,基本不用我们去操心了。
Babel 的配置文件 .babelrc
Vue3里面可以选择 babel.config.js 文件
比如这样:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
- presets:
这个可以设定转码规则。
其他的就不用我们操心了,所以这段就暂告一段落。以后遇到问题再回来学习。
下一篇学习 let 和 const,const 在Vue3里面也是一个很常见的用法,看看他到底是怎么回事。
参考书目
《ES6 标准入门》第3版
每天学一点ES6(一)开始的更多相关文章
- 学一点 MYSQL 双机异地热备份—-MYSQL主从,主主备份原理及实践
简单介绍mysql双机,多机异地热备简单原理实战. 双机热备的概念简单说一下,就是要保持两个数据库的状态自动同步.对任何一个数据库的操作都自动应用到另外一个数据库,始终保持两个数据库数据一致. 这样做 ...
- 每天学一点Python
9月11日 1.用List实现Python里的?:条件表达式 ["false","true"][判断条件] 其实就是一个List[0]还是List[1]的问题. ...
- 每天学习一点ES6(二)let 和 const
let 命令 let 和 var 差不多,只是限制了有效范围. 先定义后使用 不管是什么编程语言,不管语法是否允许,都要秉承先定义,然后再使用的习惯,这样不会出幺蛾子.以前JavaScript比较随意 ...
- 学一点Git--20分钟git快速上手
(图片已修复)在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲试了,只是苦于没有借口(契机). 好吧,机会就在今天. 给我20分钟,是的,只要20分钟, 让你快速用上 ...
- 学一点Git--20分钟git快速上手 [Neil]
From: http://www.cnblogs.com/shuidao/p/3535299.html (图片已修复)在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲 ...
- 学一点 mysql 双机异地热备份----快速理解mysql主从,主主备份原理及实践
双机热备的概念简单说一下,就是要保持两个数据库的状态 自动同步.对任何一个数据库的操作都自动应用到另外一个数据库,始终保持两个数据库数据一致. 这样做的好处多. 1. 可以做灾备,其中一个坏了可以切换 ...
- 每天学一点Docker(4)-深入了解容器概念
什么是容器? 容器是一个自包含,可移植,轻量级的软件打包技术.是应用程序在任何地方几乎以相同方式运行.开发人员在开发机上创建好容器,无需任何修改就能在虚拟机,云服务器或公有云主机上运行. 容器与虚拟机 ...
- 每天学一点---图形图像GDI编程
首先先了解什么是 GDI 呢?GDI 是从 Windows 95 到 Windows 2000 随附的旧版绘图装置接口 (Graphics Device Interface), 是属于绘图方面的 AP ...
- 【转】学一点Git--20分钟git快速上手
看到一篇不错的Git的简单入门教程,转过来给自己留个底. 原文地址:http://www.cnblogs.com/shuidao/p/3535299.html 在Git如日中天的今天,不懂git都不好 ...
随机推荐
- 灵彤彤女版PUA机构火了!“我花了8888报名学撩汉,却被导师骗去卖身。
最近,几张女PUA机构的导师和课程海报在社交网络广泛刷屏. 而社长觉得自己可以去潜心研究一下,为什么有女PUA机构的这种课程呢? 爱情的确是一门玄学. 精通此技能的女孩桃花不断,前任和现任无缝切换 ...
- 机场&代理商-关系图
机场&代理商-关系图 思路 ①首先统计机场活跃度Top10的机场名称,以下是我的表结构,以及查询语句 表结构: 查询语句:SELECT * from 2020csale ORDER BY cn ...
- Cisco交换机常见配置
-------查看当前系统基础信息-------- sh version //查看当前IOS版本. sh running-config //查看当前系统中运行的配置信息 -------清除当前系统配置 ...
- houdini 鱼眼相机
http://mattebb.com/weblog/houdini-fisheye-camera/ 这个网站是有提供一个相机shader的,,如图是方形的,国内的用户,比较多是做球幕的小伙伴,圆形就行 ...
- linux查看内存及磁盘使用情况
1.查看当前目录 命令: df -h (统一每个目录下磁盘的整体情况) 2.查看指定目录 在命令后直接放目录名,比如查看"usr"目录使用情况: 命令: df ...
- 在Mac下配置JDK
1.下载JDK,例JDK8U144 下载地址https://pan.baidu.com/s/1upjecBzTIMnyz0JmdkYprQ 2.安装 安装后配置JDK环境变量 cd ~ open .b ...
- 第6.5节 exec函数:一个自说自话的强大Python动态编译器
在Python动态执行的函数中,exec是用于执行一个字符串内包含的Python源码或其编译后对应的字节码. 一. 语法 1. exec(Code, globals=None, local ...
- PyQt(Python+Qt)学习随笔:QListWidgetItem的重要方法
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QListWidgetItem类为QListWidget类提供构成QListWidget列表部件的项 ...
- PyQt(Python+Qt)学习随笔:model/view架构中的QStringListModel
老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.QStringListModel介绍 QStringListModel是Qt提供的一个已经实现Q ...
- pandas 获取列名
df.columns.values df.columns.values.tolist()