结营感悟 | 青训营

马上就要结营了，说说自己这段时间的感受吧！这篇文章就可能会像流水账一样了,哈哈哈！

开学升大三，通过little red book 看到的青训营的招募贴，然后来参加的本次青训营，想学点东西，我学习前端基础的时候，刚好是疫情的时候，线上上课，碰巧老师也比较水，效果嘛dddd。于是我此次报名参加的是前端课程，想补回来一点内容。这个暑假过得还算充实，参加了两个比赛，留校住了有一段时间，可惜没什么水花，但是学到了东西，还写到了毕设里面，减轻了压力。

然后刚好参加了AWS的训练营，准备再去考助理级的证书，然后加上打工，准备考试和毕设，时间上不是很来得及，还是一心不能二用，精力没那么好。这次大项目就没有参与，但我会之后再去研究的。主要重心还是放在了观看课程和写笔记上，收获并不小。

下面是我学到的具体内容，相信会有很多人跟我一样，但是比较笼统地去写了。

1. HTML语义化的案例分析：

   • 非语义化标签的例子：使用<div>标签来实现整个页面结构，而不是使用语义化的标签如<header>、<nav>、<main>等。
   • 语义化标签的例子：使用<header>标签来表示页面的顶部，使用<nav>标签来表示导航栏，使用<main>标签来表示页面的主要内容等。这样可以提高页面的可读性、可访问性和SEO优化。

2. CSS布局技巧：

   • 浮动：通过设置float属性来实现元素的浮动布局，常用于实现多栏布局。
   • 定位：通过设置position属性来实现元素的定位布局，常用于实现绝对定位和相对定位的布局。
   • 弹性盒子布局：通过设置display: flex来创建弹性容器，使用flex属性来控制元素的布局和排列方式。

3. 性能优化与调试技巧：

   • 减少重绘和重排：避免频繁的DOM操作，使用requestAnimationFrame来优化动画效果。
   • 使用节流和防抖技术：对于频繁触发的事件，使用节流和防抖技术来限制触发的频率，减少不必要的计算和网络请求。
   • 使用性能分析工具：如Chrome DevTools的Performance面板和Network面板，来分析页面的性能瓶颈和网络请求。

4. 通过一个完整的项目实例来演示如何使用JavaScript实现某个功能或解决某个问题：

   • 例如，实现一个简单的图片轮播效果，通过JavaScript来控制图片的切换和动画效果。

5. TypeScript 类、泛型的使用实践记录：

   • 使用泛型可以提高代码的灵活性和安全性，例如在集合类中使用泛型来指定集合元素的类型。
   • 类的使用可以帮助组织和管理代码，使代码更加可读和可维护。

6. HTTP的场景实践：

   • 选择一个浏览器，如Chrome，对于其涉及的请求中的缓存策略进行具体分析，例如缓存控制头字段（Cache-Control、Expires等）的使用和效果。

7. 前端框架中的设计模式：

   • 例如，MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）是常见的前端框架中使用的设计模式。

8. 使用React实现一个简单的待办事项列表：

   • 使用React来创建一个待办事项列表，用户可以添加、编辑和删除待办事项。学习了React的基本概念和组件化开发。

学习知识，理解知识，应用知识，我相信，在未来，只要我能够坚持不懈的学习，我一定会朝着我的目标不断靠近，加油！也祝本次参与青训营的志同道合的朋友们能获得理想的成绩，大家都好优秀啊！！！！