es5

ECMAScript 6 简介

那年仲夏 提交于 2020-04-07 09:31:20
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系? 要讲清楚这个问题,需要回顾历史。1996 年 11 月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为 ECMAScript,这个版本就是 1.0 版。 该标准从一开始就是针对 JavaScript 语言制定的,但是之所以不叫 JavaScript,有两个原因。一是商标,Java 是 Sun 公司的商标,根据授权协议,只有 Netscape 公司可以合法地使用 JavaScript 这个名字,且 JavaScript 本身也已经被 Netscape 公司注册为商标。二是想体现这门语言的制定者是 ECMA,不是 Netscape,这样有利于保证这门语言的开放性和中立性。 因此,ECMAScript 和

ECMAScript 6简介

半城伤御伤魂 提交于 2020-04-07 07:55:25
一、起步 1、扎实的 HTML/CSS/Javascript 基本功,这是前置条件。 2、不要用任何的构建项目工具,只用最简单的<script>,把教程里的例子模仿一遍,理解用法。 不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。 3、学习了解ES6的语法。 二、ECMAScript介绍 1997年 ECMAScript 1.0 诞生 1999年12月 ECMAScript 3.0诞生,它 是一个巨大的成功,在业界得到了广泛的支持,它奠定了JS的基本语法,被其后版本完全继承。直到今天,我们一开始学习JS,其实就是在学3.0版的语法 2000年的ECMAScript4.0是当下ES6的前身,但由于这个版本太过激烈,对ES3做了彻底升级,所以暂时被“和谐”了 2009年12月,ECMAScript5.0版正式发布。ECMA专家组预计ECMAScript的第五个版本会在2013年中期到2018年作为主流的开发标准。2011年6月,ES5.1版发布,并且成为ISO国际标准 2013年,ES6草案冻结,不再添加新的功能,新的功能将被放到ES7中;2015年6月,ES6正式通过,成为国际标准 简单来学几个es6的语法,仅仅的只是为了vue的课程做课前准备。更多背景知识可以查看 http://es6.ruanyifeng.com/

事件类型

|▌冷眼眸甩不掉的悲伤 提交于 2020-04-04 19:20:41
1、表单事件: submit事件 reset事件 click事件 change事件 focus事件(不冒泡) (IE和ES5支持冒泡的focusin) blur事件(不冒泡) (IE和ES5支持冒泡的focusout) input事件(ES5 textinput提供更方便的获取输入文字的方案) 2、Window事件 load事件 DOMContentLoaded事件 readyStatechage事件 unload事件 beforeunload事件 resize事件 scroll事件 3、鼠标事件 click事件 dbclick事件 mouseover事件(冒泡) mouseout事件(冒泡) mousedown事件 mouseup事件 contextmenu事件 mouseenter事件(不冒泡) mouseleave事件(不冒泡) mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件) 4、键盘事件 keydown事件 keyup事件 keypress事件 摘自:https://www.cnblogs.com/charling/p/3553230.html 来源: https://www.cnblogs.com/izayoisakuya/p/10199383.html

事件类型

六眼飞鱼酱① 提交于 2020-04-04 19:17:50
1、表单事件: submit事件 reset事件 click事件 change事件 focus事件(不冒泡) (IE和ES5支持冒泡的focusin) blur事件(不冒泡) (IE和ES5支持冒泡的focusout) input事件(ES5 textinput提供更方便的获取输入文字的方案) 2、Window事件 load事件 DOMContentLoaded事件 readyStatechage事件 unload事件 beforeunload事件 resize事件 scroll事件 3、鼠标事件 click事件 dbclick事件 mouseover事件(冒泡) mouseout事件(冒泡) mousedown事件 mouseup事件 contextmenu事件 mouseenter事件(不冒泡) mouseleave事件(不冒泡) mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件) 4、键盘事件 keydown事件 keyup事件 keypress事件 参考:https://www.cnblogs.com/charling/p/3553230.html 来源: https://www.cnblogs.com/xichen25/p/10105811.html

ES6转换成ES5

只愿长相守 提交于 2020-04-01 00:29:34
1、建立工程目录   src:使用ES6语法编写的JS文件;   dist:使用Babel转换成ES5的文件,在项目引用的时候引用的是这个文件夹里边的JS文件 2、初始化项目   npm init -y   -y是指表示全部默认,不需要一个一个敲回车 3、全局安装Babel-cli    npm install -g babel-cli 4、本地安装babel-preset-es2015 和 babel-cli    npm install --save-dev babel-preset-es2015 babel-cli 5、新建.babelrc    { "presets":[ "es2015" ], "plugins":[] } 6、输入终端转换命令    babel src/index.js -o dist/index.js ***简化终端命令   修改package.json文件中的scripts,修改后为 { "name": "es6", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "babel src/index.js -o dist/index.js" }, "keywords": [], "author": "", "license": "ISC",

ES6十大常用特性

廉价感情. 提交于 2020-03-24 06:45:14
平时项目中用到不少es6的语法,然后来全面了解一下。看到一篇博客总结的不错。特来分享 https://blog.csdn.net/bingtangcsnd/article/details/63684142 以下是ES6排名前十的最佳特性列表(排名不分先后): Default Parameters(默认参数) in ES6 Template Literals (模板文本)in ES6 Multi-line Strings (多行字符串)in ES6 Destructuring Assignment (解构赋值)in ES6 Enhanced Object Literals (增强的对象文本)in ES6 Arrow Functions (箭头函数)in ES6 Promises in ES6 Block-Scoped Constructs Let and Const(块作用域构造Let and Const) Classes(类) in ES6 Modules(模块) in ES6 【备注 】这里只列出了10条比较常用的特性。并不是所有的浏览器都支持ES6模块,所以你需要使用一些像jspm去支持ES6模块。 1.Default Parameters(默认参数) ES5: var link = function (height, color, url) { var height =

es5中数组的迭代方法 forEach,map,filter,some,every

北城余情 提交于 2020-03-22 18:22:37
1.forEach()map()方法 遍历数组 var array = [11,85,69,32,55,66] array.forEach((value,index)=> { console.log(value,index) }); map()和forEach相似,都是遍历 ,不会改变原数组,不会对空数组进行检测 var array = [11,85,69,32,55,66] var newArr=array.map((value)=> { return value*2 }); console.log(newArr) 2.filter过滤器 筛选出需要的数组元素 (所有的) var arr= [11,85,69,32,55,66] var newArr = arr.filter((value)=>{ return value % 2 ===0 }) console.log(newArr) 3.some() map()查找数组中有没有满足条件的数组 返回的是一个布尔值,只要找到第一个满足的元素存在即停止 var arr= [11,85,69,32,55,66] var newArr =arr.some((value)=>{ return value>20 }) console.log(newArr); 只要找到第一个满足的元素存在即停止 (第一个满足的) var colors = [

不得不知的ES6十大特性

余生长醉 提交于 2020-03-21 07:34:24
ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率。 本文主要针对ES6做一个简要介绍。 主要译自: http://webapplog.com/ES6/comment-page-1/ 。也许你还不知道ES6是什么, 实际上, 它是一种新的javascript规范。在这个大家都很忙碌的时代,如果你想对ES6有一个快速的了解,那么请继续往下读,去了解当今最流行的编程语言JavaScript最新一代的十大特性。 以下是ES6排名前十的最佳特性列表(排名不分先后): Default Parameters(默认参数) in ES6 Template Literals (模板文本)in ES6 Multi-line Strings (多行字符串)in ES6 Destructuring Assignment (解构赋值)in ES6 Enhanced Object Literals (增强的对象文本)in ES6 Arrow Functions (箭头函数)in ES6 Promises in ES6 Block-Scoped Constructs Let and Const(块作用域构造Let and Const) Classes(类) in ES6 Modules(模块) in

《前端之路》- TypeScript(二) 函数篇

丶灬走出姿态 提交于 2020-03-18 02:49:56
目录 一、定义函数方法 二、定义函数传参 三、可选传参 四、默认传参 五、传递剩余参数 六、函数重载 七、箭头函数 八、总结 一、定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式(匿名函数)这门两种。那么同样的,在 TypeScript 中,函数的定义是什么样子的呢? 1-1 命名函数 这里需要注意的一点是: viod 类型,是函数不返回任何类型数据 TypeScript 语法 function func1(): string { return '213'; } function func2(): number { return 123; } function func3(): Array<any> { return [123, {}]; } function func4(): Array<number> { return [123, 456]; } function func5(): Array<string> { return ['123', '1233']; } function func6(): void { console.log(123); } 被编译成 ES5 的 JavaScript "use strict"; function func1() { return '213'; } function func2() { return 123; }

babel es6 转 es5

半腔热情 提交于 2020-03-12 19:44:32
1.创建package.json   npm init -y 2.安装所需要的包   npm install -D @babel/core @babel/cli @babel/preset-env 3.在 根目录下创建文件 .babelrc   文件内容     {       "presets":["@babel/preset-env"]     } 4.创建src目录 创建js文件 5.运行命令 将 src下的js文件 编译转码 到 如:lib目录   运行:.\node_modules\.lib\babel src --out-dir lib   npm@5.2.0 可用 npx babel   运行:npx babel src --out-dir lib 来源: https://www.cnblogs.com/webuserlast/p/10960794.html