1.心态：战无不胜的心理状态 不要回避必来的工作 勇敢的直面问题，拥有平和的情绪，快乐的心态，专注于目标。 积极的心态可以让你在工作中战无不胜。 工作中总会面对一些不愿意做的事情，自己不擅长的，或者不期而至的临时工作。不能去逃避或 产生抵触情绪。会造成消极的心态。 如果最后必须去做，或许还会影响工作质量。 所以要积极的面对所有的工作，勇敢的去解决。 相信自己可以做好，并且拿出满意的成果。 工作要有主动的态度，不能回避任何的困难和机会。 积极规避“心理斜坡” 察觉自我情绪的能力。随身随地的察觉自我情绪，了解自身的情绪状态； 妥善管理自己情绪的能力。具备摆脱焦虑，怒气，灰暗或不安等不良情绪的能力。 …
模块的定义 模块是自动运行在严格模式下并且没有办法退出运行的JavaScript代码。 模块可以是函数、数据、类，需要指定导出的模块名，才能被其他模块访问。 //数据模块 const obj = {a: 1} //函数模块 const sum = (a, b) => { return a + b } //类模块 class My extends React.Components { } 模块的导出 给数据、函数、类添加一个export，就能导出模块。一个配置型的JavaScript文件中，你可能会封装多种函数，然后给每个函数加上一个export关键字，就能在其他文件访问到。 //数据模块 …
反射 Reflect 当你见到一个新的API，不明白的时候，就在浏览器打印出来看看它的样子。 反射的概念 Reflect 是一个内置的对象，它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。 new Reflect() //错误的写法 反射的使用 Reflect提供了一些静态方法，静态方法是指只能通过对象自身访问的的方法，这个知识在前面几章讲解过。所有方法的详细解析，前往?Reflect详解?查看。 **静态方法列表：**这么多静态方法，你需要学会的是如何使用它们。 Reflect.apply() 对一个函数进行调用 …
为什么要异步编程 我们在写前端代码时，经常会对DOM做事件处理操作，比如点击、激活焦点、失去焦点等；再比如我们用ajax请求数据，使用回调函数获取返回值。这些都属于异步编程。 也许你已经大概知道JavaScript引擎单线程的概念，那么这种单线程模式和异步编程有什么关系呢？ JavaScript引擎中，只有一个主线程，当执行JavaScript代码块时，不允许其他代码块执行，而事件机制和回调机制的代码块会被添加到任务队列中，当符合某个触发回调或者事件的时候，就会执行该事件或者回调函数。 事件模型：?浏览器初次渲染DOM的时候，我们会给一些DOM绑定事件函数，只有当触发了这些DOM事件函数，才会 …
创建数组 ES5中创建数组的方式：数组字面量、new一个数组。 const arr1 = [] //数组字面量 const arr2 = new Array() //new构建 ES6创建数组：Array.of()、Array.from() Array.of() ES5中new一个数组的时候，会存在一个令人困惑的情况。当new一个数字的时候，生成的是一个长度为该数字的数组，当new一个字符串的时候，生成的是该字符串为元素的数组。 const a = new Array(2) const b = new Array(“2”) console.log(a, b) //[undefined, und …
ES5中的近类结构 ES5以及之前的版本，没有类的概念，但是聪明的JavaScript开发者，为了实现面向对象，创建了特殊的近类结构。 ES5中创建类的方法：新建一个构造函数，定义一个方法并且赋值给构造函数的原型。 ‘use strict’; //新建构造函数，默认大写字母开头 function Person(name) { this.name = name; } //定义一个方法并且赋值给构造函数的原型 Person.prototype.sayName = function () { return this.name; }; var p = new Person(‘eryue’); cons …
迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代码如下： //实现一个返回迭代器对象的函数，注意该函数不是迭代器，返回结果才叫做迭代器。 function createIterator(items) { var i = 0; return { next() { var done = (i >= items.length); // 判断i是否小于遍历的对象长度。 var value = !done ? items[i++ …
Map和Set都叫做集合，但是他们也有所不同。Set常被用来检查对象中是否存在某个键名，Map集合常被用来获取已存的信息。 Set Set是有序列表，含有相互独立的非重复值。 创建Set 既然我们现在不知道Set长什么样，有什么价值，那么何不创建一个Set集合看看呢？ 创建一个Set集合，你可以这样做： let set = new Set(); console.log(set); //在浏览器控制台的输出结果 Set(0) {} size:(…) __proto__:Set [[Entries]]:Array(0) length:0 看起来像个对象，那么现在我们在控制台打印一个对象，对比一 …