一句话总结:用WebStorm自带的File Watcher功能+Babel实现自动转换ECMAScript 6代码为ES5代码 1. 新建一个Empty Project,然后在src目录下新建了一个main.js; // 这一步不是必须的 只是刚上手的话 从空项目开始自己配置会少很多干扰 2. 进 ...
分类:
Web程序 时间:
2016-09-20 16:28:37
阅读次数:
972
介绍 KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架。可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)等特性,借助 Babel 编译,可稳定运行在 Node.js 环境上。 //base ...
分类:
Web程序 时间:
2016-09-19 19:51:14
阅读次数:
162
webpack.config.js 设置配置如下 方式1: 模块加载器中使用query 方式2: 外部使用 babel:{ presets:['es2015']}, 方式3:在配置文件的同目录新增文件 .babelrc ,内容如下: { presets:['es2015']} ...
分类:
Web程序 时间:
2016-09-19 19:31:06
阅读次数:
165
redux使用 1 <script type="text/babel"> 2 var Counter=React.createClass({ 3 4 incrementIfOdd:function(){ 5 if (this.props.value % 2 !== 0) { 6 this.props ...
分类:
其他好文 时间:
2016-09-19 01:16:31
阅读次数:
236
一、必备插件 1.babel:es6的语法支持 2.karma:测试框架 3.jasmine:断言框架 4.webpack:打包工具 5.karma-webpack:karma调用webpack打包接口的插件 二、实现步骤 1.通过npm安装上述必备的插件包 2.创建webpack.test.con ...
分类:
Web程序 时间:
2016-09-13 09:02:22
阅读次数:
411
modules是ES6引入的最重要的一个特性。 以后写模块的时候就直接按照ES6的modules语法来写 ,然后用babel+browserify 来打包就行了。 modules规范分两部分,一部分是如何导出,一部分是如何导入。 基本用法 命名导出(named exports) 可以直接在任何变量或 ...
分类:
其他好文 时间:
2016-09-11 06:44:32
阅读次数:
115
1.静态函数 1.什么是静态函数 静态函数最重要的就是不用创建一个实例变量就可以进行调用,在C++里面,无法访问this对象, 而在JS里面由于js的this对象支持,是可以访问this对象,只是this对象有所不同 2.ES6静态函数代码 将会被babel转换为: 2.=>符号 =>符号的出现是为 ...
分类:
其他好文 时间:
2016-09-03 00:57:19
阅读次数:
659
一、介绍 1. karma是单元测试运行框架,可以集成jasmine断言库,也支持babel。 2.fis是百度前端团队开源推出的前端工程化管理工具。 二、karma的基础应用 1.karma的基础api: server:创建一个测试服务器 【可以是远程计算机】 runner.run:运行完单元测试... ...
分类:
其他好文 时间:
2016-09-01 08:09:46
阅读次数:
184
这个东西需要第二级, babel-preset-stage-2,然后再presets里引入stage-2的设置,再plugins离引入对应的插件 { "presets": ["es2015", "react", "stage-2", "stage-3"], "plugins": [ "transfo ...
分类:
其他好文 时间:
2016-08-28 20:57:41
阅读次数:
1530