这是我参与「第五届青训营」伴学笔记创作活动的第 15 天

不知不觉，青训营已经到达尾声，在此打算做一些简单的归纳总结。

一、知识点：

就是简略的过一下之前一些比较重要的知识点，不会过于深入。

前端入门

学习一门知识，首先得了解它是什么。

前端是什么？

简单概括就是：

• 解决GUI人机交互问题
• 实现多端互通
• Web技术栈

前端入门第一件事，学习三件套，而这三件套就是前端技术栈的地基。

前端技术栈

• HTML 对应 内容
• CSS 对应 样式
• JavaScript 对应 行为

后续的进阶绝大部分都是基于以上三者进行的，如TypeScript是JavaScript的超集，还有很多高级语法，以及各种应用级框架等。

计算机网络

要学好前端，计算机网络的知识也是十分重要的。在渲染网页的时候，与服务器的通信or请求响应都是需要深入学习的点。

HTTP相关

输入网址后的响应过程：

• 首先browser进程处理输入信息，然后在浏览器内核中通过Internet想服务器发起请求，然后浏览器内核读取服务器的响应，并进行网页渲染，最后在browser进程中页面加载完成

HTTP就和这其中的浏览器内核与服务器通信部分相关

HTTP：

• Hyper Text Transfer Protocol 超文本传输协议
• 应用层协议，基于TCP协议
• 功能：请求与响应
• 特点：简单可扩展

前端进阶

掌握了基础知识技能后，工程化是迈向进阶的必经之路。而前端的工程化仅仅只靠以上的基础是不够的，还需要一些工具。

Node.js

根据目前的学习来看，前端的工程化离不开Node.js，目前我个人接触的框架都是基于Node.js，而且Node.js的社区生态好，有大量工具链供开发者使用。

React

原生JavaScript中UI编程的难处

• UI不会自动更新，需要手动调用DOM：麻烦
• 欠缺基本代码的封装和隔离，没有组件化：维护难
• 数据依赖关系维护难

于是提出响应式系统，进而有了React框架的诞生。

Next.js

是一个应用级框架。由于React中实现c端应用开发时，重复注水脱水的同构步骤会需要大量繁琐工作，降低开发效率。于是诞生了Next.js，有着大量的封装集成应用，可以更简便地开发SSR，是C端应用开发的强力工具。

二、小结：

想要一口气总结全部还是过于困难了，时间有限，所以今天先总结一部分。总的来说，前端入门相对简单，但要真正学好，是比较困难的。前端背后有着大量的知识及工具体系需要学习，所以，我们学习一定要一步一步来，切不可急于求成。

未完待续。