前端专场|青训营笔记|设计模式
一、什么是设计模式——软件设计中常见问题的解决方案模型
1、历史经验的总结
2、与特定语言无关
二、设计模式的发展背景
1、模式语言：城镇、建筑、建造
(APattern Language: Towns, Buildings,Construction)1977
2、设计模式：可复用面向对象软件的基础
(Design Patterns: Elements of ReusableObiect-Oriented Software) 1994
三、设计模式分类——23种设计模式
1、创建型：如何创建一个对象
2、结构型：如何灵活的将对象组装成较大的结构
3、行为型：负责对象间的高效通信和职责划分
四、浏览器中的设计模式
1、单例模式
（1）定义：
（2）应用场景：全局缓存、全局状态管理
·全局缓存
·全局状态管理
2、发布订阅模式
（1）定义
一种订阅机制，可在被订阅对象发生变化时通知订阅者。
（2）应用场景
从系统架构之间的解耦，到业务中一些实现模式，像邮件订阅，上线订阅等等，应用广泛。
五、javascript中的设计模式
1、原型模式
（1）定义
复制已有对象来创建新的对象
（2）应用场景：JS中对象创建的基本模式
2、代理模式
（1）定义
可自定义控制对原对象的访问方式，并且允许在更新前后做一些额外处理
（2）应用场景：监控、代理工具、前端框架实现等等
3、迭代器模式
（1）定义
在不暴露数据类型的情况下访问集合中的数据
（2）应用场景
数据结构中有多种数据类型，列表，树等，提供通用操作故
六、前端框架中的设计模式
1、代理模式
2、组合模式
（1）定义
可多个对象组合使用，可也单个对象独立使用
（2）应用场景：DOM、前端组件、文件目录、部门
前端专场|青训营笔记|Web标准
一、什么是Web标准
Web标准不是某一个标准，而是由W3C组织和其他标准化组织制定的一系列标准的集合。
W3C万维网联盟是国际最著名的标准化组织。1994年成立后，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。
W3C就类似于现实世界中的联合国。
二、为什么要遵循Web标准
通过以上浏览器不同内核不同，我们知道他们显示页面或者排版就有些许差异。由于不同的浏览器解析出来的效果可能不一致，开发者常常需要为多版本的开发而艰苦工作。
三、Web标准的好处
1、让Web的发展前景更广阔。
2、内容能被更广泛的设备访。
3、更容易被搜寻引擎搜索。
4、降低网站流量费用。
5、使网站更易于维护。
6、提高页面浏览速度
四、Web标准的构成
主要包括结构（Structure)、表现（Presentation)和行为（Behavior)三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 结构用于对网页元素进行整理和分类，现阶段主要学的是HTML。 |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS |
| 行为 | 行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript |
Web标准提出的最佳体验方案:结构、样式、行为相分离。
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。
五、其他行业词条
1、internet --->互联网
2、www --->万维网（资料空间）World Wide Web万维网,简称www或3w
3、URL--->统一资源定位器（网络地址>
4、HTTP--->超文本传输协议
5、w3c --->万维网联盟（它是一个组织不是某一个公司)
6、网站--->多个页面的集合（首页，内容页，列表页)
7、网页--->网页文件就是后缀名以.html或者.htm结尾的文件。文字，图片，超链接
8、浏览器--->观看网页最终效果的平台
