这是我参与「第四届青训营」笔记创作活动的的第 4 天
前端设计模式
模式语言
设计模式 软件设计中常见问题的解决方案模型
大致分为三大类：
1、创建型-如何创建一个对象
2、结构型-如何灵活的将对象组装成较大的结构
3.行为型-负责对象间的高校通信和职责划分
23种
浏览器中的设计模式
前端框架中的设计模式
单例模式
定义为全局唯一访问对象，
应用场景为缓存，全局状态管理等。
发布订阅模式
一种订阅机制，可在被订阅对象发生变化时通知订阅者。
应用场景：从系统架构之间的解耦，到业务中一些实现模式，像邮件订阅，上线订阅等等，应用广泛。
JavaScript中的设计模式
原型模式
复制已有对象来创建新的对象，应用场景为js中对象创建的基本模式
代理模式
可自定义控制对原对象的访问方式，并且允许在更新前后做一些额外处理，应用场景为监控，代理工具，前端框架实现等等。
迭代器模式
是指在不暴露数据类型的情况下访问集合中的数据
应用场景为数据集的狗重有多重数据类型，列表，树等，提供通用操作接口
组合模式
可多个对象组合使用。可也单个对象独立使用；应用场景为DOM，前端组件，文件目录，部门
web标准&前端开发
关于前端
起源 架构 开发
web雏形
架构
HTML HTTP URL CSS JavaScript
变迁
只读--体验--敏捷
前端应用领域
企业级应用/消费者信息共享/开发者工具
浏览器
桌面desktop
移动端mobile
服务器
node expressjs koa
终端 跨域
命令行/终端 vue cli react cli
桌面跨域 electron NW.js
移动跨域 react native flutter
语言 框架 工具
语言
框架
了解作者 初衷 定位
工具
浏览器 网络 服务器
深入理解现代浏览器w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c · GitHub
基本原理An overview of HTTP - HTTP | MDN (mozilla.org)
学习路线Frontend Developer Roadmap: Learn to become a modern frontend developer
学习路线讲解
web标准
标准组织
Web 标准与前端开发.pptx - 飞书云文档 (feishu.cn)
P18 19有官网链接
w3c
World Wide Web Consortium 指万维网联盟
Ecma
European computer manufacturers association欧洲计算机制造联合会
(65条消息) ECMA是什么？_hr226的博客-CSDN博客
WHATWG
网页超文本应用技术工作小组
Web Hypertext Application Technology Working Group
RFC
IETF
互联网工程任务组 the Internet Engineering Task Force
各规范制定流程
\
