职场基本功:累死你的不是工作,是工作方法(笔记)

1.心态:战无不胜的心理状态 不要回避必来的工作 勇敢的直面问题,拥有平和的情绪,快乐的心态,专注于目标。 积极的心态可以让你在工作中战无不胜。 工作中总会面对一些不愿意做的事情,自己不擅长的,或者不期而至的临时工作。不能去逃避或 产生抵触情绪。会造成消极的心态。 如果最后必须去做,或许还会影响工作质量。 所以要积极的面对所有的工作,勇敢的去解决。 相信自己可以做好,并且拿出满意的成果。 工作要有主动的态度,不能回避任何的困难和机会。 积极规避“心理斜坡” 察觉自我情绪的能力。随身随地的察觉自我情绪,了解自身的情绪状态; 妥善管理自己情绪的能力。具备摆脱焦虑,怒气,灰暗或不安等不良情绪的能力。 …

ES6 (13) 模块

模块的定义 模块是自动运行在严格模式下并且没有办法退出运行的JavaScript代码。 模块可以是函数、数据、类,需要指定导出的模块名,才能被其他模块访问。 //数据模块 const obj = {a: 1} //函数模块 const sum = (a, b) => { return a + b } //类模块 class My extends React.Components { } 模块的导出 给数据、函数、类添加一个export,就能导出模块。一个配置型的JavaScript文件中,你可能会封装多种函数,然后给每个函数加上一个export关键字,就能在其他文件访问到。 //数据模块 …

ES6 (12) 代理(Proxy)和反射(Reflection)API

反射 Reflect 当你见到一个新的API,不明白的时候,就在浏览器打印出来看看它的样子。 反射的概念 Reflect 是一个内置的对象,它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象,因此它是不可构造的。 new Reflect() //错误的写法 反射的使用 Reflect提供了一些静态方法,静态方法是指只能通过对象自身访问的的方法,这个知识在前面几章讲解过。所有方法的详细解析,前往?Reflect详解?查看。 **静态方法列表:**这么多静态方法,你需要学会的是如何使用它们。 Reflect.apply() 对一个函数进行调用 …

ES6 (11) Promise与异步编程

为什么要异步编程 我们在写前端代码时,经常会对DOM做事件处理操作,比如点击、激活焦点、失去焦点等;再比如我们用ajax请求数据,使用回调函数获取返回值。这些都属于异步编程。 也许你已经大概知道JavaScript引擎单线程的概念,那么这种单线程模式和异步编程有什么关系呢? JavaScript引擎中,只有一个主线程,当执行JavaScript代码块时,不允许其他代码块执行,而事件机制和回调机制的代码块会被添加到任务队列中,当符合某个触发回调或者事件的时候,就会执行该事件或者回调函数。 事件模型:?浏览器初次渲染DOM的时候,我们会给一些DOM绑定事件函数,只有当触发了这些DOM事件函数,才会 …

ES6 (10) 数组

创建数组 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 …

ES6 (9) 类

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 …

ES6 (8) 迭代器(Iterator)和生成器(Generator)

迭代器(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++ …

ES6 (7) Set集合&Map集合

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 看起来像个对象,那么现在我们在控制台打印一个对象,对比一 …