这一切都是建立在面向对象的基础上。 1. 面向对象 1.1面向对象与 面向过程的区别 面向对象编程(OO) 更注重对象的抽象和封装,通过定义类来组织数据和行为,以便更容易理解和维护代码。...然后,我们定义了两个函数 accelerate 和 brake,这些函数接受一个汽车对象和一个数值,并相应地改变汽车的速度。 1.2 面向对象的特点 面向对象的四大特性:封装、抽象、继承、多态 2....参照Design Patterns里面的分类 创建型 常用的有:单例模式、工厂模式(工厂方法和抽象工厂)、建造者模式。 不常用的有:原型模式。 2....结构型 常用的有:代理模式、桥接模式、装饰者模式、适配器模式。 不常用的有:门面模式、组合模式、享元模式。 3. 行为型 常用的有:观察者模式、模板模式、策略模式、职责链模式、迭代器模式、状态模式。...这也与我前几天代码被review得到了充分体现,第一次被review了2个小时,在改好了之后,第二天又review2个小时,我在想为什么不一起说了,前面我还在想,为什么不一起说了,影响我提测进度,现在看来,正好是与这些流程点契合
六西格玛,一种可以帮助组织改进质量与流程的有效的方法。当一个组织推出一个产品时,它会使用多种流程来取得成功。这就是六西格玛帮助项目管理团队提高流程效率的原因。这样,他们就可以在预算内按时完成项目。...六西格玛的RCA工具包括帕累托图、5个为什么、鱼骨图和故障模式与影响分析(FMEA)。减少缺陷和变化缺陷代表着不完美,而变化是客户没有预料到的结果,两者都是由于过程中的故障造成的。
在JavaScript中,每当定义一个函数数据类型(普通函数、类)时候,都会天生自带一个prototype属性,这个属性指向函数的原型对象。...当函数经过 new 调用时,这个函数就成为了构造函数,返回一个全新的实例对象,这个实例对象有一个 proto 属性,指向构造函数的原型对象。
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中,但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景,方便记忆。...对象和函数都有 __proto__,对象的 __proto__指向构造函数的prototype,构造函数的__proto__指向 Function.prototype 对象和函数都有constructor...,对象的 constructor指向构造函数,构造函数的constructor指向 Function 函数才有 prototype 函数的prototype又是一个对象,但是 Funtion.prototype...不是对象!!!...__proto__===null,因为 Object.prototype 为js 原型链的顶端。
二、总纲图 二、面向对象 现在,主流的编程范式或者是编程风格有三种,它们分别是面向过程、面向对象和函数式编程。面向对象这种编程风格又是这其中最主流的。...面向对象的四大特性:封装、抽象、继承、多态 面向对象编程与面向过程编程的区别和联系 面向对象分析、面向对象设计、面向对象编程 接口和抽象类的区别以及各自的应用场景 基于接口而非实现编程的设计思想 多用组合少用继承的设计思想...经典的设计模式有 23 种。...创建型常用的有: 单例模式、工厂模式(工厂方法和抽象工厂)、建造者模式。 不常用的有:原型模式。 2. 结构型常用的有: 代理模式、桥接模式、装饰者模式、适配器模式。...七、五者之间的联系 关于面向对象、设计原则、设计模式、编程规范和代码重构,这五者的关系我们前面稍微提到了一些,我这里再总结梳理一下。
面向对象 现在,主流的编程范式或者是编程风格有三种,它们分别是面向过程、面向对象和函数式编程。面向对象这种编程风格又是这其中最主流的。现在比较流行的编程语言大部分都是面向对象编程语言。...面向对象的四大特性:封装、抽象、继承、多态 面向对象编程与面向过程编程的区别和联系 面向对象分析、面向对象设计、面向对象编程 接口和抽象类的区别以及各自的应用场景 基于接口而非实现编程的设计思想 多用组合少用继承的设计思想...经典的设计模式有 23 种。...创建型 常用的有:单例模式、工厂模式(工厂方法和抽象工厂)、建造者模式。 不常用的有:原型模式。 2. 结构型 常用的有:代理模式、桥接模式、装饰者模式、适配器模式。...五者之间的联系 关于面向对象、设计原则、设计模式、编程规范和代码重构,这五者的关系我们前面稍微提到了一些,我这里再总结梳理一下。
概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://...3.4 JSONP优缺点 优点:不像XMLHttpRequest对象实现的Ajax请求受到同源策略的限制;兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支持...使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比JSONP有更好的错误处理。...例如,有一个页面地址是http://www.example.com/a.html,在这个页面里有一个iframe,src是http://example.com/b.html,这个页面与里面的iframe...使用window.name跨域 window对象有name属性,在一个窗口(window)的生命周期内,窗口载入的所有的页面都共享一个window.name,每个页面对window.name都有读写的权限
概念 协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://...3.4 JSONP优缺点 优点:不像XMLHttpRequest对象实现的Ajax请求受到同源策略的限制;兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest或ActiveX的支持...使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比JSONP有更好的错误处理。 3....例如,有一个页面地址是http://www.example.com/a.html,在这个页面里有一个iframe,src是http://example.com/b.html,这个页面与里面的iframe...使用window.name跨域 window对象有name属性,在一个窗口(window)的生命周期内,窗口载入的所有的页面都共享一个window.name,每个页面对window.name都有读写的权限
在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的。...JSONP的优缺点 JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest...2、 使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更好的错误处理。...iframe').contentWindow);//contentWindow 可取得子窗口的 window 对象 } 2、在页面 http://example.com...使用window.name来进行跨域 window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name
有何区别?...5、display与visibility有何异同? display可以有很多值,visibility只有两个常用值:visible、hidden。...change(fn) 3、undefined与null有何异同? null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。...它们都表示空,转换为boolean后都为false,但是null代表一个对象变量已经被初始化,但未装入对象;undefined表示未初始化变量 4、===与==有何异同?...链接标记target与Dom,Bom 7、Array的join、push、splice、slice各有何用途,splice与slice有何异同?
,有“省略/空格”时,不能显示任何文档; name:窗口名称/target特性; features:窗口特点: channelmode=yes|no|1|0 是否使用剧院模式显示窗口。...(ajax历史:https://www.cnblogs.com/shenzikun1314/p/6529911.html ) AJAX核心依赖的是浏览器提供的XMLHttpRequest对象,其原理相当于在服务器和用户之间加了一个...(1)首先,创建XMLHttpRequest对象: variable=new XMLHttpRequest()(;对于IE5/6版本使用:variable=new ActiveXObject("Microsoft.XMLHTTP...");) 检查是否支持XMLHttpRequest 对象: var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox,...与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加标签来调用服务器提供的js脚本。...2、 使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更好的错误处理。 ...其中.源窗口可以是全局的window对象,也可以是以下类型的窗口: 1、文档窗口中的iframe: var iframe = document.getElementById('my-iframe')...,该对象有三个属性: data : 消息 origin:消息的来源地址 source:发送消息窗口的window对象引用 使用方法(案例): http://test.com/index.html--...CORS策略 优点:使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更好的错误处理。
、 客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...这里写图片描述 请介绍一下XMLhttprequest对象 请介绍一下XMLhttprequest对象 Ajax的核心是JavaScript对象XmlHttpRequest。...AJAX有哪些有点和缺点? AJAX有哪些有点和缺点? 优点: 1、最大的一点是页面无刷新,用户的体验非常好。 2、使用异步方式与服务器通信,具有更加迅速的响应能力。...所谓同源指的是:协议,域名,端口相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的属性。 阐述一下异步加载JS。 阐述一下异步加载JS。
3、请介绍一下XMLhttprequest对象。 Ajax的核心是JavaScript对象XmlHttpRequest。...通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。 4、AJAX技术体系的组成部分有哪些。...因为服务器每次都会返回一个新的页面, 所以传统的web应用有可能很慢而且用户交互不友好。 使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。...有,IE中通过new ActiveXObject()得到,Firefox中通过newXMLHttpRequest()得到 10、介绍一下XMLHttpRequest对象的常用方法和属性。...16、介绍一下XMLHttpRequest对象 通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。
、 客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...这里写图片描述 请介绍一下XMLhttprequest对象 请介绍一下XMLhttprequest对象 Ajax的核心是JavaScript对象XmlHttpRequest。...通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新 介绍一下XMLHttpRequest对象的常用方法和属性 方法 open()(String method,String...AJAX有哪些有点和缺点? AJAX有哪些有点和缺点? 优点: 1、最大的一点是页面无刷新,用户的体验非常好。 2、使用异步方式与服务器通信,具有更加迅速的响应能力。...所谓同源指的是:协议,域名,端口相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的属性。 阐述一下异步加载JS。 阐述一下异步加载JS。
、 客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...】 这里写图片描述 请介绍一下XMLhttprequest对象 请介绍一下XMLhttprequest对象 Ajax的核心是JavaScript对象XmlHttpRequest。...通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新 介绍一下XMLHttpRequest对象的常用方法和属性 方法 open()(String method,String...AJAX有哪些有点和缺点? AJAX有哪些有点和缺点? 优点: 1、最大的一点是页面无刷新,用户的体验非常好。 2、使用异步方式与服务器通信,具有更加迅速的响应能力。...所谓同源指的是:协议,域名,端口相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的属性。 阐述一下异步加载JS。 阐述一下异步加载JS。
.、 客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么不同? AJAX应用和传统Web应用有什么不同?...当我们使用AJAX之后,浏览器是先把请求发送到XMLHttpRequest异步对象之中,异步对象对请求进行封装,然后再与发送给服务器。...请介绍一下XMLhttprequest对象 请介绍一下XMLhttprequest对象 Ajax的核心是JavaScript对象XmlHttpRequest。...AJAX有哪些有点和缺点? AJAX有哪些有点和缺点? 优点: 1、最大的一点是页面无刷新,用户的体验非常好。 2、使用异步方式与服务器通信,具有更加迅速的响应能力。...所谓同源指的是:协议,域名,端口相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的属性。 阐述一下异步加载JS。 阐述一下异步加载JS。
所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象(iframe之间)。...0x03 通过location.hash跨域 因为父窗口可以对iframe进行URL读写,iframe也可以读写父窗口的URL,URL有一部分被称为hash,就是#号及其后面的字符,它一般用于浏览器锚点定位...JSONP的优缺点 JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都可以运行,不需要XMLHttpRequest...使用CORS,开发者可以使用普通的XMLHttpRequest发起请求和获得数据,比起JSONP有更好的错误处理。...0x07 通过window.name跨域 window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对
描述 worker是使用构造函数创建的一个对象来运行一个Js文件,这个Js文件中包含将在worker线程中运行的代码,worker运行的全局对象不是当前window,专用worker线程运行环境的全局对象为...此外worker还可以使用XMLHttpRequest进行网络I/O,但是XMLHttpRequest的responseXML和channel属性总会返回null。...生成共享worker与生成专用worker非常相似,只是构造器的名字不同,他们之间一个很大的区别在于:共享worker必须通过一个确切的打开的端口对象供脚本与worker通信,在专用worker中这一部分是隐式进行的...// 需要开启一个server // 页面A 浏览器窗口间通信实例 var worker = new SharedWorker('worker.js'); worker.port.start(); worker.port.postMessage...(1); // 页面B 浏览器窗口间通信实例 var worker = new SharedWorker('worker.js'); worker.port.start(); worker.port.onmessage