学习ES2015

官方网站

http://babeljs.io/docs/learn-es2015/

安装babel + es2015

npm install --save-dev babel-cli babel-preset-es2015

根目录下新建.babelrc

{
　　"presets": ["es2015"]
}

编译命令

babel src/index.js --out-file build/index.js

时间： 2024-11-05 16:05:33

学习ES2015的相关文章

新手入门指导：Vue 2.0 的建议学习顺序

起步 1. 扎实的 JavaScript / HTML / CSS 基本功.这是前置条件. 2. 通读官方教程 (guide) 的基础篇.不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法.不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础. 3. 照着官网上的示例,自己想一些类似的例子,模仿着实现来练手,加深理解. 4. 阅读官方教程进阶篇的前半部分,到『自定义指令 (Custom Directive) 』为止.着

I want to be a Great Web Front-end Developer

有时觉得特别的浮躁,可能是每天春运般的挤地铁,随处可见因为一点小磕小蹭吹胡子瞪眼睛的人,可能是身边的人貌似一下子都好有钱,买房买车或者买第N套房. 很想静下来心寻找到自己inner pace,但是忽然发现连给自己放一天假都觉得甚是奢侈,忙来忙去,时间永远不够用,这样的状态非常不好.我想我是真的发自内心的想做好前端的. 跟随以下建议,一步步的让自己变得越来越好. 1.学习es2015,不需要掌握所有的内容,常用的几个异步回调,promise等就ok. 几个推荐的资源: https://leanpu

es2015（es6）基础部分学习笔记（更新中...）

1.let let可以声明块级作用域变量 1 'use strict'; 2 3 if (true) { 4 let app = 'apple'; 5 } 6 7 console.log(app); //外面是访问不到app的 2.const const可以声明常量 1 'use strict'; 2 3 const app = 'apple'; 4 console.log(app); 5 6 const app = 'peach'; 7 console.log(app); //报错,常量不能多

es2015（es6）学习总结

1.三种声明方式 var:它是variable的简写,可以理解成变量的意思. let:它在英文中是"让"的意思,也可以理解为一种声明的意思. const:它在英文中也是常量的意思,在ES6也是用来声明常量的,常量你可以简单理解为不变的量. var a=2; { var a=3; } console.log(a); //3 var a=2; { let a=3; } console.log(a); //2 2. 变量的解构赋值简单的理解就是将等号右边数组或者对象的元素拆开赋值给相应的

webpack 学习

我的 webpack.config.js module.exports = { entry: [ './src/js/app.js', './src/js/my.js' ], output: { path: __dirname + '/output/', publicPath: "/output/", filename: 'main.js' }, module: { loaders: [ {test: /\.(jpg|png)$/, loader: "url?limit=81

React SPA学习（一）

一.配置项目工程初始化工程 mkdir RSPA cd RSPA npm init 配置package.json中的dependencies.devDependencies 在package.json里面dependencies依赖包的版本号前面的符号有两种,一种是~,一种是^:1.~的意思是匹配最近的小版本比如~1.0.2将会匹配所有的1.0.x版本,但不匹配1.1.02.^的意思是最近的一个大版本比如1.0.2 将会匹配所有 1.x.x, 但不包括2.x.x"dependencies

nodejs的第四天学习

一. ECMAScript6(es2015)es6语法 es6/es2015,在es5的基础上扩展了很多新的功能,我们要学习仅仅是es6中的部分常用新功能,这些功能在使用的时候一定要慎重,因为他们之中有一部分js代码在部分浏览器是不能兼容,但是所有写在服务器端的代码基本都支持es6的写法. 1.0开启严格模式: 如果需要在函数中开启,在函数的第一行加上这段字符串"use strict",如果需要在js代码中开启,在js第一行加上这个短字符"use strict".

ES6学习记录(一)

ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布.标准的制定者有计划,以后每年发布一次标准,使用年份作为版本.因为ES6的第一个版本是在2015年发布的,所以又称ECMAScript 2015(简称ES2015).编程语言JavaScript是ECMAScript的实现和扩展,由ECMA(一个类似W3C的标准组织)参与进行标准化.ECMAScript定义了: 语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布

react学习笔记1

# 1.hello world 学习一个语言,最好的方式,我们需要去官网去查看文档(https://facebook.github.io/react),通过JSFiddle,便可以看到最简单的demo.目前为止最新版本为15.3.0,后续没有特别说明,我们都是基于该版本. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g