consoleLog6

1. 什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 2. 浏览器中的设计模式 2.1. 单例模式 定义 全局访问唯一对象（如window对象） 应用场景 缓存 全局

1. 攻击篇 1.1. 跨站脚本攻击：Cross-Site Scripting（XSS） 主要利用了 盲目信任用户的提交内容 string -> DOM document.write element.

1. 初识 Hyper Text Transfer Protocol超文本传输协议 应用层协议，基于TCP协议 请求 响应 简单可扩展 无状态 2. 协议分析 2.1. 报文 2.2. 缓存 强缓存（

1. 为什么要学TS 1.1. TS与JS对比 TypeScript JavaScript JavaScript 的超集，用于解决大型项目的代码复杂性 一种脚本语言，用于创建动态网页 强类型，支持静态

1. 各司其职 HTML/CSS/JS各司其职 应当避免不必要的由JS直接操作样式 可以用class来表示状态 纯展示类交互寻求零JS方案 2. 组件封装 2.1. 基本方法 结构设计 展现效果 行为

1. 什么是状态管理 1.1. 简介 从React诞生之后，前端组件化的方案深入人心，React遵循的是单向数据流的原则，属性通过Props自上而下的传递。 当页面的比较简单，组件之间的层级关系比较浅

浏览器本质是一种客户端容器 1. 浏览器架构 1.1. 浏览器架构-演进 单进程架构：所有模块运行在同一个进程里，包含网络、插件、JavaScript运行环境等（之前的） 多进程架构：主进程、网络进程

课程介绍 课程背景 前端的主要编程语言为JavaScript JavaScript 做为一种融合了多种编程范式的语言，灵活性非常高 前端开发人员需要根据场景在不同编程范式间自如切换 进一步需要创造领域

课程介绍 学习 shell 的价值： Linux 服务器的基本操作和管理 前端 Node.is 服务的进程管理、问题排查、资源监控等运维操作 使用 shell 编写 TCE、SCM、Docker 脚本