1.es5做法var array=[1,3,4,5,2,3,4,5,5,5];var ob={};var result=[];array.forEach(function (a) { var key=(typeof a)+a; console.log(key) if(!ob[key]){ ob[key]=true; result.push(a) } console.log(result)})2.es6做法let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; le…

使用babel编译ES6 babel是一个工具,可以通过多个平台,让js文件从ES6转化成ES5,从而支持一些浏览器并未支持的语法. Insall babel $ sudo npm install babel -g #全局安装 $ babel demo.js -o demo-compile.js #编译并产出 当然它还支持grunt/gulp和node和meteor....这里就不列举,如何在这些地方使用了,可以自行查阅其官网:babel 完成这些操作后,我们就可以开始我们的ES6的学习之旅.…

1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babelrc,存放在项目的根目录下.使用Babel的第一步,需要配置这个文件. { "presets": [], "plugins": [] } 点击此处到Babel中文官网presets配置页面:Babel Plugins # ES2015转码规则 $ npm install…

前端分享----JS异步编程+ES6箭头函数 ##概述Javascript语言的执行环境是"单线程"(single thread).所谓"单线程",就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务. 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),…

工欲善其事,必先利其器.所以我们第1节就是搭建一个基本的ES6开发环境.现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6的语法,这就需要我们把ES6的语法自动的转变成ES5的语法.如果你听过我Vue课程的话,应该知道Webpack是有自动编译转换能力的,除了Webpack自动编译,我们还可以用Babel来完成.这节课我们就使用Babel把ES6编译成ES5. ** 建立工程目录: ** 先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和dist src…

slice:是截取用的 splice:是做删除 插入 替换用的 slice(start,end): 参数: start:开始位置的索引 end:结束位置的索引(但不包含该索引位置的元素) 例如: var arr=[‘a’,’b’,’c’,’d’] var newArr=arr.slice(0,3);          //不包含索引值为3对应的元素 console.log(newArr);                   //输出的是[‘a’,’b’,’c’,’] var newArr2=a…

ES6 Class vs ES5 constructor function All In One ES6 类 vs ES5 构造函数 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model ES6 Class inherit vs ES5 constructor function inherit ES6 类继承 vs ES5 构造函数继承 js constructor fu…

今天被粉丝发的文章给难住了,又偷偷去学习了一下竞争风险模型,想起之前写的关于竞争风险模型的做法,真的都是皮毛哟,大家见笑了.想着就顺便把所有的生存分析的知识和R语言的做法和论文报告方法都给大家梳理一遍. 什么时候用生存分析 当你关心结局和结局发生时间的时候,就要考虑生存分析了,这种既有结局又有时间的数据叫做生存数据,英文叫做Time-to-event data. 只不过因为这个方法医学上用来分析存活情况用的多,所以得名生存分析,反正你就记住一个例子,我要研究汽车发生故障,我也应该用生存分析,因为…

前言 Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. 这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持. 文件目录结构 生成包管理配置文件package.json npm init -y **安装转换工具 ** npm i -g babel-cli npm i --save-dev babel-preset-es2015 babel-cli 在.babelrc文件中写入如下内容 { "presets": [ "es20…

现在ES6已经非常成熟了,我的需求很明确,就是只需要将ES6编译成ES5. 项目目录为 借鉴的博客链接为https://blog.csdn.net/suwu150/article/details/77198968…

package com.swift.lianxi; import java.util.HashSet; import java.util.Random; /*训练知识点:HashSet 训练描述 双色球规则:双色球每注投注号码由6个红色球号码和1个蓝色球号码组成. 红色球号码从1—33中选择:蓝色球号码从1—16中选择.请随机生成一注双色球号码*/ public class Test4 { public static void main(String[] args) { Random ran =…

js进阶 14-4 $.get()方法和$.post()方法如何使用 一.总结 一句话总结:$.get(URL,callback); $.post(URL,data,callback); callback函数和load()方法里面的callback一样. 1.load方法和$.get()以及$.post()方法的区别是什么(load也可以实现ajax的post和get请求)? load方法是局部变量,前面需要加上监听对象,监听对象就是返回结果放置的元素$.get()以及$.post()时全局方法…

Vue.js 入门:从零开始做一个极简 To-Do 应用 写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言  学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更佳. 在开始写代码之前,首先去 BootCDN 上找一下目前最新版本完整版的 Vue.js 的链接:https://cdn.bootcss.com/vue/2.6.10/vue.js ,与压缩版(vue.…

ES6 Set vs ES5 Array Set https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set const set = new Set() // undefined set.add(1) // Set(1) {1} set.add('some text') // Set(2) {1, "some text"} set.has(3) // false set.add…

ES6 Map vs ES5 Object Map vs Object https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map#Objects_vs._Maps Maps 和 Objects 的区别 键类型不同,一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值; 键顺序不同,Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是…

数组去重 数组去重最原始的方法就是使用双层循环. es5: // 使用indexOf function unique(array) { var res = []; for (var i = 0, len = array.length; i < len; i++) { var current = array[i]; if (res.indexOf(current) === -1) { res.push(current) } } return res; } console.log(unique(ar…

在webpack或gulp打包的配置文件中package.json 引入"@babel/plugin-transform-object-assign": "^7.2.0", 然后执行npm install 然后就开始下载这个工具包了,下好后就该改一下配置文件了 webpack中的.babelrc文件里这样写 gulp里的gulpfile.js文件中这样写 这样就可以把Object.assign()方法成功转译,下面对比看一下转译前后的js样例…

友情提示:本文仅mark几个常用的新特性,详细请参见:ES6入门 - ryf: 碎片 var VS let VS const var:声明全局变量, let:声明块级变量,即局部变量 const:声明常量,块级作用域,不可修改且必须初始化 将一个对象彻底冻结为常量的方法 var constantize = (obj) => { // 冻结对象本身 Object.freeze(obj); // 冻结对象的属性 Object.keys(obj).forEach( (key, i) => { if…

1.如何搭建ES6的webpack开发环境? 安装Node环境 node -v // 10.14.1 安装NPM环境 npm -v // 6.4.1 安装babel npm install @babel/core babel-preset-es2015 babel-preset-latest 创建.babelrc文件 npm install babel-cli -g babel --version babel ./src/index.js // 测试babel的编译结构 Webpack---模块…

ES6中新增了Set数据结构,类似于数组,但是 它的成员都是唯一的 ,其构造函数可以接受一个数组作为参数,如: let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3]; let set = new Set(array); console.log(set); // => Set {1, 2, 3, 4, 5} ES6中Array新增了一个静态方法Array.from,可以把类似数组的对象转换为数组,如通过querySelectAll方法得到HTML DOM Node…

1.首先创建一个新的文件夹(名为do);2.然后再根目录下面新建一个package.json,只需要写明两个属性即name和version,这个没有必须要和下面我写的一致,可以自行定义. { "name":"test-project", "version":"1.0.0" } 3.此时打开webstorm的终端(Terminal),快捷键为Alt+F12,安装babel-cli. npm install --save-dev…

简介 首先,在学习之前推荐使用在线转码器 Traceur 来测试 Demo,避免 babel 下的繁琐配置,从而产生畏难情绪. let 命令 在 ES6 之前,JS 只能使用 var 声明变量,或者省略 var,将变量作为全局变量,ES6 新增的 let 命令用法类似于 var,也是用于声明变量,不过它们具有以下区别: 1.let 命令声明的变量的作用域是块级作用域:var 命令声明的变量的作用域是函数级作用域,例如: //ES6 { var a = 10; let b = 12; } cons…

也许大家都是使用习惯了es5的写法喜欢直接用<Script>标签倒入js文件,但是很是可惜,这写法.在es6,或则说vue环境下不支持 真的写法是怎样? 首先.我们要改造我们要映入的外部js文件,改成下面这个格式.主要是红色方块内部代码,我们需要将我们的模块“抛出”,让人能获取到 代码: function realconsole(){ alert("hello.thanks use me"); } export { realconsole } 其次,到我们的寄主那里,我们需…

在做VUE项目中大家可能会发现除了IE内核浏览器之外项目都能正常显示,但是到IE就萎了,这主要是IE不支持ES6的原因. 要解决这个我们要先引入browser.js,这样你可以使用ES2015(javascript下一代标准,具体可以看阮一峰的ECMAScript 6 入门)进行编码. <script src="/browser.min.js"></script> <script src="/files.js" type="t…

面试中经常会考到数组的去重.作为一名合格的前端开发者,不知道几种去重方法是在不应该.废话不多说直接开撸-- 一.indexOf()方法 实现思路:使用indexOf()方法来判断新数组中是否有这个值,若没有则将这个值push到数组中 //先定义一个数组 var arr1 = [100,'1','4',5,2,4,67,34,5,78,32]; function remov(array) { var arr=[]; for (var i=0,len=array.length;i<len;i++){…

介绍   KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)等特性,借助 Babel 编译,可稳定运行在 Node.js 环境上.   //base controller, admin/controller/base.controller.js export default class extends koahub.http{      …

KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)等特性,借助 Babel 编译,可稳定运行在 Node.js 环境上. 介绍 KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)…

一.ES6常用语法 1.变量的定义 1. 介绍 ES6以前 var关键字用来声明变量,无论声明在何处都存在变量提升这个事情,会提前创建变量. 作用域也只有全局作用域以及函数作用域,所以变量会提升在函数顶部或全局作用域顶部. let 关键字表示变量,const 表示常量.都是块级作用域,比如一个函数内部,代码块{}内部~ 不会报错: <script> console.log(age); var age = 18; </script> <script> function f…

本文转自:https://blog.csdn.net/weixin_38498554/article/details/79204240 刚刚学了Koa2,由于学的不是很深,并没有感受到网上所说的Koa比Express好用多少,今天做了一个登录小demo,比较了一下两种框架的用法,做出记录.HTML代码用了简单的form表单,提交数据采用的是ajax,接口用的就是本地node接口,先上代码啦: HTML部分: <body> <form type='get' onsubmit="r…

今天接触了webpack,第一次使用webpack进行转码,竟然稀里糊涂就成功了,哈哈. 下面附上流程 创建个文件夹,初始化一下,首先全局安装webpack npm install webpack --save-dev 然后安装babel npm install --save-dev babel-core babel-preset-es2015 npm install --save-dev babel-loader 在当前文件夹内执行安装,然后创建两个文件夹一个src作为源文件夹,一个bin,保…