结营总结

学到了什么？

更深入的HTML、JS与CSS和TS的知识

在这次青训营中，最开始的几天讲的主要是基础知识。我学到了很多关于HTML、JS、CSS和TS的知识，让我对前端开发有了更深的理解。除了学习到了如何使用HTML的语义化标签，来让我的网页结构更清晰和易于维护外，我还学习到了CSS的各种布局方式，如flex布局、grid布局、响应式布局等，所以我能做到快速的对网页进行布局以及使编写的网页能够适应不同的设备和屏幕尺寸。除此之外，我还学习了JS的一些进阶知识，如闭包、原型链、异步编程等。除了三件套之外，我还学习了TS的一些基础知识，如类型注解、接口、泛型等，让我的代码更健壮和可读。

更深入的web基础知识

在本次青训营中，我也学到了很多关于web基础知识的内容，让我对前端开发有了更全面的认识。我学习了web标准与前端开发的关系，了解了为什么要遵循web标准，以及如何编写符合web标准的代码。我学习了http的相关知识，掌握了http的基本概念、请求方法、响应状态码、报文格式等，以及如何使用http进行数据交互。此外，我还学习了web开发安全相关的知识，认识了常见的web攻击手段，如XSS、CSRF、SQL注入等，以及如何防范这些攻击。我还学习了前端设计模式应用的知识，熟悉了一些常用的设计模式，如单例模式、观察者模式、发布订阅模式等，以及如何在前端开发中使用这些设计模式。以及分析了当前流行的前端框架，了解到了其使用了哪些设计模式，加深了我对于设计模式的理解。

React框架和vite

除了上面的知识外，我还接触了React框架和vite工具。之前虽然学过这些，但是学的比较粗糙，主要还是用的vue+webpack脚手架比较多。React是一个用于构建用户界面的JavaScript库，它提供了一种声明式的编程方式，让我可以通过组件化的思想来组织我的代码。React还有一些特性，如虚拟DOM、Hooks、Redux等，让我的网页更快速、灵活和可维护。目前React和vue3的组合式API的写法比较相近，但是还是存在较多的不同，还需要更多时间去适应。vite是一个基于ESM的前端开发工具，它可以让我快速地启动一个开发服务器，并且提供了热更新、按需编译以及开箱即用等功能。vite还支持多种框架和插件，让我的开发过程更顺畅和高效。

开发调试以及webpack

在本次青训营活动之中，我还学习了开发调试以及webpack的知识，让我对前端开发有了更多的技巧和工具。开发调试是前端开发中不可或缺的一部分，它可以帮助我找出并修复代码中的错误和问题。我学习了如何使用浏览器自带的开发者工具来进行调试，以及如何使用一些第三方工具来进行调试。webpack是一个前端打包工具，它可以帮助我将多个文件打包成一个或多个文件，以便于在浏览器中运行。我学习了如何使用webpack的基本配置，以及如何使用一些常用的插件和加载器来优化我的打包过程。

未来展望

老师在这次结营中介绍了很多知识，但是有的部分介绍的不是很详细，因此我想对老师提到的部分内容进行更为详细细致的学习。比如，我想更深入地学习TS的高级用法，如类型推断、类型守卫、类型兼容性等。我还想更深入地学习React的原理和实现，如虚拟DOM的diff算法、Hooks的工作机制、Redux的源码分析等。我也想更深入地学习webpack的高级配置和优化，如代码分割、懒加载、缓存、Tree Shaking等。然后开学就大三了，我要更加重视基础的内容，想要找到大厂实习。我打算复习一下数据结构和算法，以及计算机网络和操作系统等基础知识，为面试做好准备。我也会关注一下前端开发的最新动态和趋势，以及一些优秀的前端项目和案例，不断提升自己的技能和视野。我希望能够在前端开发这条路上越走越远，成为一个优秀的前端工程师。 立个flag，一天一个前端小实例🤗。