序言

说到ES6/ES2015,不得不说有很多新语法糖,很多新特性。
给我新的语法特性与刺激的感觉是以下几个:
1.let/const/块级作用域
2.Promise/Promise A+(在node里面用得比较多,还有JQ的deffered看上去差不多。)
3.yield/generator(据说co/generator搭配很牛,还没用过,据说是比Promise更优,也是挺惊艳的特性)
4.Class 和 extend(当JS也有class…但其实是prototype原型链的语法糖,有资料说编译出来比function写原型链还慢,但新特性,值得支持与学习)
5.函数箭头的写法 =>
6.基础类型的扩展
7.新的数据结构 Map/Set(有资料说它们的执行效率不高,但新特性,值得支持与学习)

个人觉得在前端(浏览器端)学习es6的话,当然使用babel编译(虽然可以用5.8的浏览器编译版本,但是官方已经不推荐如此使用了,为了方便练手,其实也是没什么所谓的啦).我个人使用的话,是用 Webapck + babel-loader(但新手要去看webpack官网的文档实在困难…实在困难…).编译之后用浏览器读一读就好了,大部分新特性就出来了。
在node 4.x版本以上,对大部分es6特性是支持的。然后为了支持到es7.我个人做了些配置。以下配置在express中使用(es7有async/await大量地减轻写异步操作的麻烦)

A. 项目中安装babel依赖
npm install babel-core –registry=https://registry.npm.taobao.org
npm install babel-preset-stage-3 –registry=https://registry.npm.taobao.org

B. 在.babelrc 里面写
{
“presets”: [“stage-3”],
“compact” : false
}

C. 在app.js里面添加

require(“babel-core/register”);

D. 在各个文件来一发 ‘use strict’;

好像这么敲着敲着实在是有种并没有什么卵用的感觉。于是我当时学习 ES6 的时候其实是搭配着 React 来学习。当然这么做是所见即所得,灰常开心的。当然这么做不是不好,而是又要花一定的时间成本在学习React的上面,见仁见智。
我在学习React的过程中也接触了很多新鲜的东西……但工作不用啊……团队学习成本高啊……所以就没有然后了。其实React周边的资源还是不错的,我在学习的期间……刚学完一套……突然说变API,突然间某些包合并到别的里面了……但这也阻止不了优秀框架的发展。然后Vue.js的势头也很猛,上手起来也简单,性能据官方所写,也是杠杠的。
说了这么多,还是为大家引引路,个人的React Vue学的不精,也不好意思卖弄了。对ES6感兴趣的同学肯定已经迫不及待想开始敲了。下面介绍几个好资源。
ECMAScript 6入门--阮一峰
阮一峰老师的webpack Demos
阮一峰老师的react Demos
babel
Webapck
很厉害的vue.js
React
Ant Design 的 React 实现--蚂蚁金服
Bootstrap 的 React版
AmazeUI的组件库
React-weui

ITDogFire–duckywang

赶紧投入es6的怀抱吧相关推荐

  1. 投入Html5的怀抱,最近在研究的Egret

    投入Html5的怀抱,最近在研究的Egret html5没有办法不关注,实在太火热了,几年前还不行,如今确是环境较好,typescript语言很好学习,可能基于之前的基础,不到一个星期就基本上差不多了 ...

  2. ofo该何去何从?投入阿里的怀抱还是腾讯?

    今日有媒体报道称,ofo正在与滴滴进行谈判,双方已经进入谈判尾声.对于此消息,ofo方面回应称,消息为不实报道. ofo在声明中表示,今日上午媒体发布的关于"滴滴和ofo谈判已经接近尾声&q ...

  3. 中国无人车第一案剧情突变:景驰投入百度Apollo怀抱,下周或和解收场

    李根 发自 凹非寺  量子位 报道 | 公众号 QbitAI 相逢的人还会再相逢. 上周二,被百度"追杀"66天后,景驰CEO王劲离职一事终于天下皆知. 而现在,从百度出走的创业团 ...

  4. 谈一下我是如何从使用json-lib到投入fastjson的怀抱....

    上一篇文章里我满怀信心的向大家推荐了json-lib用来转换json,链接地址如下:json转换的问题解决 但是,就在昨天,我用json-lib来转换json的时候出现了报错:JSONObject[& ...

  5. 在坚持了15年后,我毅然决定离开 Linux,投入 Mac 的怀抱

    为什么我需要学习这么多?因为我必须了解每一层!我不仅渴望掌握整个技术栈的知识,从后台到前端,从硅片到屏幕,还渴望拥有功能更强大的机器! 作者 | Austin Pocus 译者 | 弯月,责编 | 刘 ...

  6. 投入OJ的怀抱~~~~~~~~~~

    OpenJudge C20182024 信箱(1) 账号 修改设定 退出小组 管理员 frank 林舒 Dzx someone 李文新 公告 11-05 程序设计与算法(大学先修课) 成员(61910 ...

  7. 投入OJ的怀抱~~~

    OpenJudge 登入 注册 管理员 frank 林舒 Dzx someone 李文新 公告 11-05 程序设计与算法(大学先修课) 成员(85168)查看全部 NOI(题库正在建设中,做题纪录有 ...

  8. 投入Anaconda的怀抱,Anaconda及Jupyter Notebook简介

    Anaconda Jupyter Notebook

  9. Python爬虫实践: 获取百度贴吧内容

    最近开始整理python的资料,博主建立了一个qq群,希望给大家提供一个交流的平台 78486745 . 我们要爬取的网站是:百度贴吧,一个非常适合新人练手的地方,那么让我们开始吧. 本次要爬的贴吧是 ...

最新文章

  1. autorelease什么时候释放_乌龟的天性是什么,饲养中要释放龟的天性吗?
  2. 前瞻:在 Java 16 中会带来哪些新特性?
  3. ABP理论学习之开篇介绍
  4. java:蓝桥杯,矩形面积交
  5. 怎样用MATLAB画二次函数曲线,MATLAB 二次函数的画图.doc
  6. apache camel_在WildFly中将Apache Camel和Spring添加为jboss模块
  7. 前端学习(2250)拉取代码文件
  8. 解决:Failed to execute goal org.apache.maven.plugins:maven-deploy-plugin:2.8.2:deploy (default-deploy)
  9. ${ctx} 的那些事
  10. ASP动态网页开发中的WEB打印代码大全
  11. python多进程线程学习_python进程、线程的学习心得
  12. [Lintcode]66. Binary Tree Preorder Traversal/[Leetcode]144. Binary Tree Preorder Traversal
  13. 世界上第一个手机是怎么诞生的?谁是第一个用手机的人?
  14. 2.1.1 物理层接口特性、数据通信模型、物理层基本概念(数据、信号、码元 、信源、信道、信宿 、速率、波特、带宽)(转载)
  15. C++编程语言中sizeof和strlen介绍
  16. 32.go defer
  17. nacos默认用户名密码_Docker下,两分钟极速体验Nacos配置中心
  18. 解决Autodesk License Patcher (NLM Crack)重命名电脑名的问题
  19. RSG.CFS.v8.0.2 1CD(综合性通用冷弯型钢构件设计工具)
  20. 五猴分桃python_猴子分桃问题——一个简单的递归

热门文章

  1. 算法导论读书笔记(19)
  2. DOM事件里面的键盘事件
  3. 信息学奥赛一本通:1094:与7无关的数
  4. 技术总监的校招之旅——分享校招全攻略指南(万字长文)
  5. 【webshell管理工具之一】中国菜刀
  6. chrome谷歌浏览器调试微信H5页面
  7. CAD2021安装完成后,打开弹出白框
  8. 23种设计模式,你学废了嘛?【建议收藏起来】
  9. Effective C++条款13、14
  10. 【苹果电脑装Windows7驱动大全、Macbook电脑win7驱动安装】