原文地址:Bougie的博客 jQuery作为曾经Web前端的必备利器,随着MVVM框架的兴起,如今已稍显没落.但它操作DOM的便利性无出其右.我用ES6写了一个基于class简化版的jQuery,包含基础DOM操作,支持链式操作,仅供日常使用.当然,它不支持IE. 构造器(constructor) 构造一个tinyJquery对象.功能:基于基本选择器构造,包括id.class.tagName:基于原生DOM构造,将原生DOM对象转化为tinyJquery对象.为支持批量操作,tinyJque…

上一篇文章<一个基于ES5的vue小demo>我们讲了如何用ES5,vue-router做一个小demo,接下来我们来把它变成基于ES6+webpack的demo. 一.环境搭建及代码转换 我们先搭建一下vue 的开发环境,根据我的一篇随笔<Vue开发环境搭建及热更新>,我们一步步搭建开发环境,project名为ES6-demo. 在之前我发表的一篇随笔< 理解最基本的Vue项目>中,说到了在放置组件和入口文件的src文件夹中,main.js文件就是入口文件,App.v…

1.let A:let关键字:将变量绑定到所在的任意作用域 function process(){ //do something } //在这个块中定义的内容完事就可以销毁 { let someReallyBigData = {…………}; process(someReallyBigData); } vra btn = document.getElementById("my_button"); btn.addEventListener('click',function click(ev…

本篇主要演示通过webpack打包phaser项目,webpack安装方法在此处就不一一赘述了 经常用phaser来写html5游戏的朋友可能会发现,当游戏场景比较多时,如果都写在一个js文件中那么将来会很难维护,如果分成多个JS分别来管理不同的场景将会很方便 1. 首先来到项目根目录 在该目录中打开命令行,然后启动webpack 2.在app目录中建立一个文件夹,主要用来放置打包前的文件 从图中可以很看到,分成了专门用来引导,预加载,游戏菜单,游戏主逻辑,等js文件,由于用的是ES6的模块语法…

一.求数字数组的平均数 - 使用 数组的 reduce() 方法将每个值添加到累加器,初始值为0,总和除以数组长度. const average = arr => arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / arr.length; // average([1,2,3]) -> 2 二.Anagrams of string(字符串的排列组合,结果没去重,有重复项) const anag…

随着React.Angular2.Redux等前沿的前端框架越来越流行,使用webpack.gulp等工具构建前端自动化项目也随之变得越来越重要.鉴于目前业界普遍更流行使用webpack来构建es6(ECMAScript 2015)前端项目,网上的相关教程也比较多:相对来说使用gulp来构建es6项目的中文教程就比较少. 经过一段时间的摸索,我觉得其实使用gulp也可以很方便地构建es6项目.以下是我感觉gulp和webpack主要的不同之处: gulp的任务机制和流式管道函数和webpack的…

由于公司的前端业务全部基于ES6开发,于是给自己开个小灶补补ES6的一些常用特性.原来打算花两天学习ES6的,结果花了3天才勉强过了一遍阮老师的ES6标准入门(水好深,ES6没学好ES7又来了...),下面罗列一些自己经常用到的ES6特性. 块级作用域 ES6提出了两个新的声明变量的命令:let和const.其中,let完全可以取代var,因为两者语义相同,而且let没有副作用. (1).使用let 取代 var 1.for循环的计数器,就很合适使用let命令. /* let */ for (l…

io.js的官网上有专门介绍其所支持的ES6特性的页面(点我查看),上面介绍到,相比nodeJS,io.js已从根本上支持了新版V8引擎上所支持的ES6特性,无需再添加任何运行时标志(如 --harmony ). 有的朋友可能对Node不熟悉,不太知道harmony标志的情况,这里简单介绍下. 在NodeJS中,如果所要执行的脚本(假设为app.js)是基于ES6来编写的,那么得在命令的脚本路径前加上 “--harmony” 运行时标志,也就是这样执行脚本: node --harmony app…

构造函数 new Promise(function(resolve, reject){}); 构造函数接受一个函数(executor)作为参数,该函数在返回 Promise 实例之前被调用.函数的两个参数分别是 resolve 和 reject 函数. 如果 executor 函数执行中抛出异常,则 Promise 视为 rejected. executor 函数返回值没有意义. 类方法 Promise.all(iterable) 类似于 jQuery.when() 方法,只有 iterable…

作者:Sequoia McDowell 2016年01月16日 ES6来啦!随着越来越多的代码库和思潮引领者开始在他们的代码中使用ES6,以往被认为是"仅需了解"的ES6特性变成了必需的代码常识.这不仅仅是新的语法学习 - 在许多范例中, ES6中新的语言特性可以让在ES5中写起来非常麻烦的表达变得更加简单,进而鼓励了新表达方式的使用.下面我们将关注一个这样简洁表达的使用范例:ES6中的箭头函数如何使高阶函数的书写更加简便. 高阶函数是至少具有以下两种功能之一的函数: 使用一个或多个函…