字节青训营

0 为什么要学Webpack 理解前端“工程化”概念、工具、目标 团队中总需要几个人熟悉Webpack 高阶前端必经之路 1 什么是Webpack 1.1 前端项目的资源 手动管理这些资源 依赖手工，

1. Node.js的应用场景 前端工程化 如webpack，bablejs，Typescript Web服务端应用 开发效率高 不需要编译，运行效率高 工具链成熟（npm） 与前端结合的场景会有优势

1. React历史与应用 前端应用开发，Facebook、Instagram、Netfix网页版 移动原生应用开发，如Instagram 桌面应用开发，结合Electron 2011年，Jordan

1. Typescript特点 JS： 动态类型，弱类型语言 TS： 静态类型，弱类型语言 * 静态语言：执行前编译，动态则为执行时编译 * 弱类型：隐式类型转化 静态类型特点： 可读性增强 可维护性

初识HTTP Hyper Text Transfer Protocol 超文本传输协议 应用层协议，基于TCP协议 请求响应 简单可扩展 无状态 协议分析 协议分析-发展 协议分析-报文 安全的方法：

攻击篇 XSS(Cross-Site Scripting)攻击： 起因： 盲目信任用户的提交内容，并将内容直接放置到浏览器中的dom对象中。 特点： 通常难以从UI上感知（暗地执行脚本） 窃取用户信息

5.1 关于前端开发 5.1.1 起源、架构、变迁 只读时代：客户端不能在不刷新的情况下刷新页面，需要获取整个文档来更新 体验时代：从简单的页面到web应用 敏捷时代：更加重视用户交互体验 5.1.2