Archive: 2017

2017
0
Notes

前端发展史

什么是前端前端工程师主要利用HMTL与CSS构建页面，用JavaScript完善交互以及用户体验。 诞生 1994年可以看做前端历史的起点，这一年10月13日网景推出了第一版Navigator；这一年，Tim Berners-Lee创建了W3C；这一年，Tim的基友发布了CSS（层叠样式表）。1995年，当时在网景公司就职的布兰登·艾克正为Netscape Navigator 2.0浏览器开发的一

0
Notes

JavaScript数据结构与算法 —— 栈

最近看了一本《学习JavaScript数据结构与算法》，想把里面介绍的一些数据结构和算法记录下来，加深印象。 栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的末尾。称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，就元素都接近栈底。 在JavaScript里面数组的一些方法可以很好的模拟栈。1234567891011121314151617181920212

0
JavaScript

JavaScript 面向对象

构造函数构造函数也是一个函数，通过new运算符可以生成一份实例同时把this绑定到实例上。JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象。这个对象的所有属性和方法，都会被构造函数的实例继承。12345678910111213function Vehicle (engines) { this.engines = engines; } Vehicle.prototype.drive = function() { console.log(`engines=>${this.engines}`); } //实例 var car1 = new Vehicle(1); var car2 = new Vehicle(2); car1.drive(); //=> engines=>1 car2.drive(); //=> engines=>2 console.log(car1.constructor === Vehicle); //true console.log(car2.constructor === Vehicle); //true

0
JavaScript

promise.all错误处理

通常处理多个请求的时候我们会用Promise.all()方法。该方法指当所有在可迭代参数中的 promises 已完成，或者第一个传递的 promise（指 reject）失败时，返回 promise。但是当其中任何一个被拒绝的话。主Promise.all([..])就会立即被拒绝，并丢弃来自其他所有promis的全部结果。

0
JavaScript

函数柯里化

函数柯里化定义柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 函数柯理化实现

0
JavaScript

JavaScript 事件详解

事件冒泡与捕获 冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE 5.5: div -> body -> documentIE 6.0: div -> body -> html -> documentMozilla 1.0: div -> body -> html -> document -> window 捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。

0
Notes

充分理解闭包

闭包定义 函数定义时的作用域链到函数执行时依然有效 函数体内部到变量都可以保存在函数作用域内 闭包可以访问它被创建时候到上下文环境

0
JavaScript

类的继承

混合复制 //复制source对象的属性 function mixin(source, target) { for (var key in source) { if (!(key in target)) { target[key] = source[key]; } } return target; } var Vehicle = { engines: 1, ignition: function() { console.log(" Turning on my forward! "); }, drive: function() { this.ignition(); console.log(" Steering and moving forward! "); } }; //Car复制Vehicle的属性值和函数引用 var Car = mixin(Vehicle, { wheels: 4, drive: function() { //显示指定Vehicle对象调用dirve方法 //如果直接执行Vehicle.dirve()，函数调用中的this就会绑定到Vehicle上，所以使用.call(this)来确保dirve在Car对象的上下文中执行; Vehicle.drive.call(this); console.log(" Rolling on all " + this.wheels + "wheels!"); } }); Car.drive();