web前端需要掌握哪些知识？

最基础的语言自然是JavaScript，HTML，css。

首先，明白它们是什么。

HTML是用户看到的网页的骨架。比如你会发现当前页面分为左、中、右三个部分，分别填充了不同的文字和图片。每个小节会继续细分，比如当前页面中间部分下方有一个输入框等等。

CSS是网页显示的细节控件。比如你会发现有些文字是红底白字，有些子部分占了页面宽度的一半，有些只占了六分之一，有些部分需要用户做一些操作(比如点击滑动)才能出现等等。这些是由CSS控制的。

JavaScript是一种脚本语言，负责捕捉用户在浏览器上的操作，并与后端服务器交换数据。用户在前端点击输入时，会触碰到绑定动作的JavaScript脚本，然后JavaScript会采集数据，调用后端的api接口，再将后端返回的数据交给HTML和CSS进行渲染。

网页的HTML代码和CSS代码可以直接在浏览器中查看。可以直接按F12查看下图右侧的模块。左右两边的红框是代码和实际页面的对应关系。所以如果你看到一个网站的布局很不错，不妨点击F12学习一下。

前端框架

但是在实际应用中，很少有正式的项目组直接用上述三种语言开发web前端，而是使用了很多封装这三种语言的框架，比如

vue . j

，有棱角，反应原生等等。他们是来自Google和脸书的大神项目组。他们根据自己的经验，封装原生前端语言，实现更多更复杂更炫酷的功能。因此，我们可以说，学会使用这些框架可以达到事半功倍的效果。

比如使用vue，这是一种自下而上的增量开发设计，其核心只关心层，也可以与其他库或现有项目集成，学习门槛极其友好；另一方面，vue可以驱动由vue生态系统支持的单文件组件和库开发的复杂单页面应用。有了这个生态系统，可以说vue处于一个不断成长和完善的欣欣向荣的状态。

网络通信协议

由于前端和后端分离的趋势，前端还是需要了解很多网络通信协议，不局限于http协议，因为根据我的经验，我们有时候会用到websocket等协议。所以前端需要简单的了解不同协议的特点和用法，但好消息是，不需要像学习计算机网络课程那样透彻的了解每种协议的原理，只要学会如何用前端语言发送对这种协议的请求即可。