赶紧投入es6的怀抱吧
序言
说到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的怀抱吧相关推荐
- 投入Html5的怀抱,最近在研究的Egret
投入Html5的怀抱,最近在研究的Egret html5没有办法不关注,实在太火热了,几年前还不行,如今确是环境较好,typescript语言很好学习,可能基于之前的基础,不到一个星期就基本上差不多了 ...
- ofo该何去何从?投入阿里的怀抱还是腾讯?
今日有媒体报道称,ofo正在与滴滴进行谈判,双方已经进入谈判尾声.对于此消息,ofo方面回应称,消息为不实报道. ofo在声明中表示,今日上午媒体发布的关于"滴滴和ofo谈判已经接近尾声&q ...
- 中国无人车第一案剧情突变:景驰投入百度Apollo怀抱,下周或和解收场
李根 发自 凹非寺 量子位 报道 | 公众号 QbitAI 相逢的人还会再相逢. 上周二,被百度"追杀"66天后,景驰CEO王劲离职一事终于天下皆知. 而现在,从百度出走的创业团 ...
- 谈一下我是如何从使用json-lib到投入fastjson的怀抱....
上一篇文章里我满怀信心的向大家推荐了json-lib用来转换json,链接地址如下:json转换的问题解决 但是,就在昨天,我用json-lib来转换json的时候出现了报错:JSONObject[& ...
- 在坚持了15年后,我毅然决定离开 Linux,投入 Mac 的怀抱
为什么我需要学习这么多?因为我必须了解每一层!我不仅渴望掌握整个技术栈的知识,从后台到前端,从硅片到屏幕,还渴望拥有功能更强大的机器! 作者 | Austin Pocus 译者 | 弯月,责编 | 刘 ...
- 投入OJ的怀抱~~~~~~~~~~
OpenJudge C20182024 信箱(1) 账号 修改设定 退出小组 管理员 frank 林舒 Dzx someone 李文新 公告 11-05 程序设计与算法(大学先修课) 成员(61910 ...
- 投入OJ的怀抱~~~
OpenJudge 登入 注册 管理员 frank 林舒 Dzx someone 李文新 公告 11-05 程序设计与算法(大学先修课) 成员(85168)查看全部 NOI(题库正在建设中,做题纪录有 ...
- 投入Anaconda的怀抱,Anaconda及Jupyter Notebook简介
Anaconda Jupyter Notebook
- Python爬虫实践: 获取百度贴吧内容
最近开始整理python的资料,博主建立了一个qq群,希望给大家提供一个交流的平台 78486745 . 我们要爬取的网站是:百度贴吧,一个非常适合新人练手的地方,那么让我们开始吧. 本次要爬的贴吧是 ...
最新文章
- autorelease什么时候释放_乌龟的天性是什么,饲养中要释放龟的天性吗?
- 前瞻:在 Java 16 中会带来哪些新特性?
- ABP理论学习之开篇介绍
- java:蓝桥杯,矩形面积交
- 怎样用MATLAB画二次函数曲线,MATLAB 二次函数的画图.doc
- apache camel_在WildFly中将Apache Camel和Spring添加为jboss模块
- 前端学习(2250)拉取代码文件
- 解决:Failed to execute goal org.apache.maven.plugins:maven-deploy-plugin:2.8.2:deploy (default-deploy)
- ${ctx} 的那些事
- ASP动态网页开发中的WEB打印代码大全
- python多进程线程学习_python进程、线程的学习心得
- [Lintcode]66. Binary Tree Preorder Traversal/[Leetcode]144. Binary Tree Preorder Traversal
- 世界上第一个手机是怎么诞生的?谁是第一个用手机的人?
- 2.1.1 物理层接口特性、数据通信模型、物理层基本概念(数据、信号、码元 、信源、信道、信宿 、速率、波特、带宽)(转载)
- C++编程语言中sizeof和strlen介绍
- 32.go defer
- nacos默认用户名密码_Docker下,两分钟极速体验Nacos配置中心
- 解决Autodesk License Patcher (NLM Crack)重命名电脑名的问题
- RSG.CFS.v8.0.2 1CD(综合性通用冷弯型钢构件设计工具)
- 五猴分桃python_猴子分桃问题——一个简单的递归