在ES6中变量解构是这样的: 我们可以直接用解构赋值来获得对象的同名属性,这等效于: 除了变量的解构赋值,ES6的模块导入也提供了相似的语法: 如果使用webpack构建项目的话,注意这里的解构与普通变量的解构是有所区别的,比如在a.js里有以下代码: 如果按照普通变量的解构法则来导入这个包,即这种 ...
分类:
其他好文 时间:
2016-06-19 01:12:12
阅读次数:
273
遇到这个问题前,我对webpack还不算太熟,仅仅限于用它来编译ES6代码,代码写多了,问题也就来了。 一开始用NodeJS写些小项目,用的模块并不多,遇到些报错问题,改改也就通过了。然而,随着用的第三方模块增多,用webpack构建项目时出现错误的次数越来越多,最奇怪的是:代码检查了十几遍,明明任 ...
分类:
Web程序 时间:
2016-06-19 01:11:28
阅读次数:
359
1.Promise介绍 Promise最早是社区提出和实现,后面ES6将其写入标准,并原生提供Promise对象,是一种异步编程的解决方案,具体的概念大家可以去查看相关的资料。传统上处理异步都是以callback回调函数的方式完成,但是当回调嵌套的太多,便会使程序很难理解,如下所示 如果后面还有基于 ...
分类:
其他好文 时间:
2016-06-17 16:51:45
阅读次数:
207
Promise的基本使用: 利用Promise是解决JS异步执行时候回调函数嵌套回调函数的问题, 更简洁地控制函数执行流程; 通过new实例化Promise, 构造函数需要两个参数, 第一个参数为函数执行成功以后执行的函数resolve, 第二个函数为函数执行失败以后执行的函数reject: 通过P ...
分类:
编程语言 时间:
2016-06-17 06:20:13
阅读次数:
2221
项目框架 React.js + webpack + ES6 + Jquery 需求描述 使用客户端的用户常常喜欢发emoji表情,而在浏览器打开网页版的时候,emoji表情不能正常显示。在chrome下,emoji表情显示的是黑白的线框表情。 因此需要通过前端来实现所有浏览器的emoji表情显示支持 ...
分类:
Web程序 时间:
2016-06-16 17:54:22
阅读次数:
629
本文不涉及ES6的相关内容 JavaScript中我们可以借助原型实现继承。 例如: function baz(){ this.oo=""; } function foo(){ } foo.prototype=new baz(); var myFoo=new foo(); myFoo.oo; 这样我 ...
分类:
编程语言 时间:
2016-06-16 01:37:04
阅读次数:
220
Install Babel and the presets: Install babel-loader: Configure Babel to use these presets by adding .babelrc Modify webpack.config.js to process all . ...
分类:
Web程序 时间:
2016-06-14 23:41:48
阅读次数:
441
JavaScript一直没有模块体系,但是伴随着ES6的到来,module随之而来。ES6module提倡一个js文件就是一个模块的概念,主要包括两个命令:export和import,用于模块向外提供接口(export)和引入其他模块接口(import)。该随笔分为四部分:1、ES6module概述... ...
分类:
其他好文 时间:
2016-06-14 22:08:40
阅读次数:
215
一、数组的扩展,ES6在数组扩展了一些API,以实现更多的功能 1.Array.from:可以将类数组和可遍历的数据结构转换成真正的数组,如下所示 如果参数是真正的数组,则直接返回一个一样的新数组,参数也可是一个实现了Iterator接口的数据结构,如set,如下所示 Array.from还支持第二 ...
分类:
编程语言 时间:
2016-06-14 15:50:36
阅读次数:
240
ES6中提供了块级作用域,分别是let和const,该随笔分别介绍了它们 ...
分类:
其他好文 时间:
2016-06-13 23:39:51
阅读次数:
384