es5

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 怎么做一名高薪前端工程师？必备哪些技术工具？想要成为一个高薪高职的Web前端工程师并不容易，你不仅需要掌握专业的技能点，还要具备较多的项目经验。为了能够快速的加入到这高薪行列，很多人选择参加培训班，不过你知道优秀的Web前端工程师需要掌握哪些技术工具吗？接下来就给大家一一介绍。 1、JavaScript JavaScript是属于网络的脚本语言，被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。同时它也是唯一一种所有浏览器都理解的编程语言，是前端开发的支柱，在深入其他语言之前好好理解这门编程语言非常重要。 2、NodeJS NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端，许多前端工具依赖于NodeJS，想成为一个优秀的Web前端工程师，你至少要熟悉Node和它的命令行工具。 3、ReactJS ReactJS是构建视图最流行的前端库，ReactJS是用ES6写的，可以用Babel转译为ES5，也可以用Babel转译为JavaScript的JSX。 4、Angular 2 Angular 2是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过，并且有一条陡峭的学习曲线，全面支持双向数据绑定。 5、ES6

本篇文章记录自己对es5知识点的理解 原文链接 1 JS创建对象的方式 es5有三种方式创建对象，分别是 // 第一种方式，字面量var o1 = {name: “o1”}var o2 = new Object({name: “o2”})// 第二种方式，通过构造函数var M = function(name){ this.name = name }var o3 = new M(“o3”)// 第三种方式，Object.createvar p = {name: “p”}var o4 = Object.create§ 对于对象，在这里也不做赘述，这里解释一下js中什么是标识符 /* 标识符 在JS中所有的可以由我们自主命名的都可以称为是标识符 例如：变量名、函数名、属性名都属于标识符 命名一个标识符时需要遵守如下的规则： 1.标识符中可以含有字母 、数字 、下划线_ 、$符号 2.标识符不能以数字开头 3.标识符不能是ES中的关键字或保留字 4.标识符一般都采用驼峰命名法 JS底层保存标识符时实际上是采用的Unicode编码， 所以理论上讲，所有的utf-8中含有的内容都可以作为标识符 */ 这里就看出js的缺陷了，如果对象中的属性不符合标识符规范怎么办，也就是我用.操作符无法获取属性的时候，比如说 var obj={ 1 : 1 } console.log(obj.1)

ES6是什么？ 实际上, 它是一种新的javascript规范。 下面就是一个简单的JavaScript发展时间轴： 1、1995：JavaScript诞生，它的初始名叫LiveScript。 2、1997：ECMAScript标准确立。 3、1999：ES3出现，与此同时IE5风靡一时。 4、2000–2005： XMLHttpRequest又名AJAX， 在Outlook Web Access (2000)、Oddpost (2002)，Gmail (2004)和Google Maps (2005)大受重用。 5、2009： ES5出现，（就是我们大多数人现在使用的）例如foreach，Object.keys，Object.create和JSON标准。 6、2015：ES6/ECMAScript2015出现。 1.Default Parameters（默认参数） in ES6 还记得我们以前(ES5)不得不通过下面方式来定义默认参数： var link = function (height, color, url) { var height = height || 50; var color = color || 'red'; } 但在ES6，我们可以直接把默认值放在函数申明里： var link = function(height = 50, color = 'red',

以下是angular8兼容ie10及其以上版本，win10的话兼容自带的浏览器 1.pollyfills.ts添加下面两行 import 'classlist.js'; // npm install --save classlist.js import 'web-animations-js'; // npm install --save web-animations-js 2.tsconfig.json target改成es2015 默认情况下，会忽略老式浏览器（如IE 9-11），其编译目标设置为 ES2015。结果就会生成两个发布包，并启用差异化加载。如果忽略全部不支持 ES2015 的浏览器，就只会生成一个版本。要了解不同配置下差异化加载的构建结果，请参考下表。 3.browserslist,如果项目中没有browserslist就新建一个，选择text模式，添加如下代码： > 0.5% last 2 versions Firefox ESR not dead not IE 9-10 # For IE 9-10 support, remove 'not'. IE 11 4.在根目录新建文件 tsconfig.app.es5.json，将target改为es5,继承tsconfig.app.json { "extends": "./tsconfig.app.json",

1、Express框架 Expre框架采用的主要是ES5的技术，但是兼容ES6的内容 Koa 采用ES6的内容， 比较流行 2、常用命令 npm ----------------依赖包管理工具 npm init ------------初始化工程（就是在响应工程目录下建立一个package.json文件） json文件的标准： (1)、"key"：“value”； (2)、不能加任何注释 (3)、运行package.json文件中某一属性 npm run mytest(key); 3、安装express框架 npm install express ; 4、导入express模块 var express = require ( 'express' ) ; //实例化一个express var app = express ( ) ; 5、常用端口 port:端口 http:端口为80 https:端口为443 ftp:端口为21 6、后端路由 通过不同的地址访问到不同的数据或页面 来源： CSDN 作者： weixin_45677117 链接： https://blog.csdn.net/weixin_45677117/article/details/103465137

ES5引入的严格模式主要有以下限制。 变量必须声明后再使用 函数的参数不能有同名属性，否则报错 不能使用 with 语句 不能对只读属性赋值，否则报错 不能使用前缀 0 表示八进制数，否则报错 不能删除不可删除的属性，否则报错 不能删除变量 delete prop ，会报错，只能删除属性 delete global[prop] eval 不会在它的外层作用域引入变量 eval 和 arguments 不能被重新赋值 arguments 不会自动反映函数参数的变化 不能使用 arguments.callee 不能使用 arguments.caller 禁止 this 指向全局对象 不能使用 fn.caller 和 fn.arguments 获取函数调用的堆栈 增加了保留字（比如 protected 、 static 和 interface ） 来源： CSDN 作者： luanxiyuan 链接： https://blog.csdn.net/luanxiyuan/article/details/103455574

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事件 来源： CSDN 作者： weixin_34153893 链接： https://blog.csdn.net/weixin_34153893/article/details/85606776

ES5给数组对象添加了一些方法, 常用的5个: 1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标 3. Array.prototype.forEach(function(item, index){}) : 遍历数组 4. Array.prototype.map(function(item, index){ }) : 遍历数组返回一个新的数组 5. Array.prototype.filter(function(item, index){ }) : 遍历过滤出一个新的子数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>04_Array扩展</title> </head> <body> <!-- 1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 2. Array.prototype.lastIndexOf(value) : 得到值在数组中的最后一个下标 3. Array.prototype.forEach(function(item, index){}) : 遍历数组 4. Array

1. Object.create(prototype[, descriptors]) : 创建一个新的对象 1). 以指定对象为原型创建新的对象 2). 指定新的属性, 并对属性进行描述 value : 指定值 writable : 标识当前属性值是否是可修改的, 默认为true get : 用来得到当前属性值的回调函数 set : 用来监视当前属性值变化的回调函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> 'use strict' // 1. Object.create(prototype,[descriptors]) // 作用：以指定对象作为原形的创建的新对象 // 为新的对象指定新的属性，并对属性进行描述 // value：指定值 // writable 标识当前属性是否可以被修改，默认为false // configurable

1.模块的引用： //ES5 var React=require('react); var {Component,PropTypes}=React; //引用React抽象组件 //ES6 import {Component,PropTypes} from 'react ; 注意：在ES5中使用CommonJS标准，引入基本通过require 2.导出单个类即定义 //ES5 var MyComponent=React.createClass({ handelClick:function(e){...}, render:function(){ <Touch onClick={this.handelClick}/> } }); module.export=MyComponent; //ES6 export default class MyComponent extends React.Component{ handelClick(e) {...} render() { <Touch onClick={this.handelClick.bind(this)} onClick={e=>this.handelClick(e)}/> } } 注意：a.在ES5中导出一个类给别的模块用，一般通过 module.exports 来导出，在ES6中用export default来实现。 b