青训营学习

我已经报名青训营-快乐出发的活动，通过立下flag，坚持并和伙伴们一起打卡，坚持并和伙伴们一起打卡，养成良好的生活与学习习惯，让我们一起来！

这是我参与「第四届青训营 」笔记创作活动的的第15天 👋 本文介绍：1. 为什么需要构建工具 2. Vite 是什么 3. Vite 上手使用 4. Vite 整体架构 5. Vite 进阶路线

这是我参与「第四届青训营 」笔记创作活动的的第14天 👋本文介绍：1. 理解Loader | 2. 理解插件 | 3. 学习方法

这是我参与「第四届青训营 」笔记创作活动的的第13天 👋本文介绍：1. 什么是Webpack | 2. 使用Webpack

这是我参与「第四届青训营 」笔记创作活动的的第12天👋本文介绍：基本语法(高级类型：联合/交叉类型、类型保护/类型守卫、索引类型keyof、函数返回类型)、工程应用

这是我参与「第四届青训营 」笔记创作活动的的第11天 👋本文介绍：什么是TS、基本语法(基础数据类型：对象类型、函数类型、数组类型，泛式)

这是我参与「第四届青训营 」笔记创作活动的的第10天 > 👋本文接着前端必须知道的开发调试知识（上）继续总结，分为部分：1. 移动端H5调试 2. Nodejs调试 3. 常用开发调试技巧

这是我参与「第四届青训营 」笔记创作活动的的第9天 👋本文分为2部分：1. 初识Bug和Debug 2. PC端 Web 调试（Elements | Console | Source |

这是我参与「第四届青训营 」笔记创作活动的的第8天本文接着HTTP实用指南（上）继续总结，分为部分：1. 场景分析 2. 实战 3.了解更多

这是我参与「第四届青训营 」笔记创作活动的的第7天 本文分为2部分：1. 初识HTTP 2. 协议分析（报文解析/发展——HTTP/2、发展——HTTPS）

这是我参与「第四届青训营 」笔记创作活动的的第6天 本文分享要点：防御篇( 防御XSS/CSRF/Injection/Dos/中间人的攻击 ）

这是我参与「第四届青训营 」笔记创作活动的的第5天，本文主要分享要点：攻击篇(XSS/CSRF/SQL 注入/SSRF/DoS/中间人攻击）

在软件设计过程中，针对特定问题的简洁而优雅的解决，这就是设计模式。今天来讲讲前端设计模式的应用：浏览器中的设计模式、JavaScript中的设计模式、前端框架的设计模式

本笔记的基本内容：写好JS的三大原则 1. 各司其责（让HTML、CSS和JavaScript职能分离） 2. 组件封装（好的UI组件具备正确性、扩展性、复用性） 3. 过程抽象

今天我们来看看布局，布局相关技术：常规流（IFC行级排版上下文、BFC 块级排版上下文、FlexBox、Grid布局），浮动，position属性，本文侧重于讲FlexBox布局、Grid布局

关于今天青训营学习CSS的笔记(补充之前不了解的知识漏洞) 知识要点：CSS如何使用，如何工作，选择器，颜色，字体，调试CSS