青训营

本节课学习了Vite的知识体系，Vite是新一代的前端工程打包管理工具，相对于传统工具如Webpack，Vite极大提高了效率，得益于Vite使用了众多高效的原生编译和打包工具。

本节课学习了Webpack的Loader和插件的用法和原理，Webpack通过Loader，处理非js文件，将非js文件转为js。而插件使Webpack更具扩展性。

本节课学习了常见Web攻击的防御策略，Web攻击类型多样，攻击形式层出不穷，为应对多种Web攻击，浏览器和服务端都提供了一系列Web攻击的防御策略。开发者在开发网站时要提高安全意识，及时更新版本。

本节课学习了Web攻击的常见场景，包括XSS、CSRF、注入和拒绝服务攻击等，Web攻击场景非常多样，本节课只是展示了一些典型案例，当前Web漏洞复杂多样，以钓鱼攻击和逻辑漏洞攻击的方式更加难以察觉。

本节课学习了Webpack的背景，功能以及使用方法，了解到随着前端技术的发展，资源和项目管理方式不统一，带来了很多困难，Webpack的提出很好地解决了前端项目的模块化和一致化的问题。

本节课学习了跨端技术，了解了跨端的概念和技术方案，各个技术方案的异同，使用场景和优缺点。本节课围绕小程序进行了开发实践，了解了小程序开发步骤，并学习了小程序优化方案。

本节课学习了移动端前端调试的方式，NodeJS调试方式和常用开发调试技巧。当前的前端开发不仅要适配PC端页面，还要适配移动端页面，以满足多种用户的需求。

本节课学习了PC端前端调试的方法，主要是借助Chrome Devtools进行调试。Chrome Devtools提供了丰富的调试功能，包括页面组件、控制台、源代码、网络和性能等。

本节课学习了nodejs的相关知识，对nodejs概况有了一定的了解，学习了nodejs应用场景、架构和一些编程实例。通过本节课的学习，在之前已有的知识储备上，增加了Nodejs架构的了解。

本节课介绍了原型模式、代理模式和迭代器模式，主要是是JavaScript一些独特的设计模式，并结合Vue和React的实际例子介绍了前端框架中的代理模式和组合模式。

本节课学习了软件工程中设计模式的历史和发展，以及JavaScript中的单例模式和发布订阅模式。对于传统面向对象语言而言，JavaScript拥有更多新特性，使得一些设计模式的实现更加方便。

本节课学习了TypeScript的一些高级特性，为提高代码可阅读性和可维护性，可以通过TypeScript基本类型构建出多种多样的高级类型，实现复杂多样的功能需求。

本节课学习了TypeScript的发展历史和基本语法，了解到了TypeScript与JavaScript的区别和联系，并比较了动态与静态类型语言的区别。

本节课学习了React的状态管理库，介绍了使用状态管理库的利弊，学习了使用状态管理库的原则，并了解了一些常见的React状态管理库，尝试使用Modern.js实现React的状态管理。

当青训营遇上码上掘金。在青训营活动中，学习了HTML和CSS用法，尝试使用纯HTML和CSS制作了一个有阴影效果的名片。名片响应鼠标事件，具有简单的交互效果。

本节课讲了React的hooks写法，介绍了通过useState设置和改变组件状态，通过useEffect实现组件的副作用，并进行了实践练习。

本节课学习了React的基础知识，包括React的历史和应用，以及React的设计思想，重点学习了响应式编程和组件化的思想，并进一步理解了命令式和声明式编程。

本节课讲了HTTP的基础知识，包括HTTP的发展，HTTP协议的结构，缓存，cookie，并结合静态资源访问，登录等介绍了HTTP的使用场景。HTTP是应用层重要协议，是承载web前后端通信的重要方式

本节课学习了JavaScript过程抽象的编程思想，与数据抽象类似，过程抽象是将程序的功能或行为进行抽象，主要是对函数进行抽象。

本节课通过2个例子，分别介绍了JS编程思想的各司其责和组件封装，其实软件工程的设计思想不仅在JS适用，在各种面向对象编程场景下都适用。