(r'() => {}','function () {return {}}'), # (r'\{\.\.\.(.+?)\}','Object.assign({}, \\1)') , # (r'(let|const) ', 'var '), # (r'(\w+) \(\) \{', '\\1: function () {'), # (r'(\s*)for \(var (\w+) of ([\w\.]+)\) \{', r'\1for (var i=0; i < \3.length; i++) {…

一.新建工程初始化项目 1.新建工程文件夹这里起名叫做es6,然后在里面创建两个文件夹分别为src .dist如下图:(src为待转换es6 js存放目录,dist为编译完成后的es5 js存放目录) 2.在src目录下新建一个js文件,里面输入es6的代码 3. 初始化项目 npm  init  二.全局安装babel工具 1)在终端中输入以下命令, npm install -g babel-cli 2)安装转换包 npm install --save-dev babel-preset-es2…

在简书上看到一个博主写的文章,感觉很有用.留下:https://www.jianshu.com/p/287e0bb867ae  Excuse me?这个前端面试在搞事!https://zhuanlan.zhihu.com/p/25407758 关于闭包:JS之经典for循环闭包问题解决方法 https://blog.csdn.net/yuli_zoe/article/details/43305855 ES6增加了很多新的语法,学习起来感觉很别扭,有时候也不理解新增加的语法有什么用,对ES6的学习…

es6方法: 普通数组: 1.使用Array.from(new Set(arr)); /* * @param oldArr 带有重复项的旧数组 * @param newArr 去除重复项之后的新数组 * */ let oldArr = [1, 1, 1, 2, 3, 2, 4, 4, 4, 9, 9, 0, 0, NaN, NaN]; let newArr = Array.from(new Set(oldArr)); console.log(newArr); // [1, 2, 3, 4, 9,…

第一步:安装模块化包 cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react 第二步:安装成功后,在webpack.config.js文件找到module 然后在rules里面添加一个新的规则 代码如下 module: { rules:[ //下面这部分是新添加的 { test:/\.(jsx|js)/, use:{ loader: 'babel-loader', options…

前言 这段时间,本人自己做了一个vue画面部署到自己的服务器上,发现运行速度慢的的惊人,虽然服务器很渣(本人没什么钱,只能租最差的服务器,主要是给自己学习用的),但是这样开发出来的网站简直不能用,所以就查阅各种资料和网站,一步一步把代码包优化.这篇文章主要是把我调优的过程记录下来. 项目的基础框架是通过TypeScript官网取得的.各种基础框架模版 项目的构成 vue + ant-design + mysql + TypeScript vue项目地址 最后,关于如何在vue里面实现按需加载,请…

本文介绍Babel6.x的安装过程~ 首先呢,可以使用Babel在线转换 https://babeljs.io/repl/ 然后进入主题:安装Babel(命令行环境,针对Babel6.x版本) 1.首先安装babel-cli(用于在终端使用babel) npm install -g babel-cli 2.然后安装babel-preset-es2015插件 npm install --save babel-preset-es2015 注:Babel5版本默认包含各种转换插件,然而Babel6.x…

1.首先安装node.js 去官网下载exe执行文件安装即可,安装完成后自带有npm管理. 2.安装grunt CLI 在项目根文件夹下执行如下代码: npm install -g grunt-cli 3.安装Grunt npm install grunt --save-dev 4.配置Gruntfile.js 首先需要往项目里添加两个文件:package.json和Gruntfile.js; 如果你从其它项目中拷贝了这2个文件,可以执行npm install直接安装. 其中package.js…

ES6,ES5数组去重 使用Es6进行数组去重 var arr = [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN]; var set = new Set(arr); var uniqArr = Array.from(set) 因为NaN == NaN会返回,false,Es6不用区分这一点 使用Es5进行数组去重 Array.prototype.uniq = function() { var arr = []; v…

javaScript - 面向对象 - ES5 和 ES6 ES5之前用 构造函数 构造函数的特点 就是一个普通函数, 他的函数名要大写.: 带方法的写法: 原型的方式: prototype 为内置的原型方法  this参数问题: ES6 里的写法:   Promise对象 $.ajax({ url:'/books/', type: 'get', success: function(res){ // 请求成功之后要做的事儿 // 我又要发ajax请求去请求数据 $.ajax({ url: '/a…