Web前端在最近几年的发展令人瞩目，企业给Web前端开发工程师开出的薪资也是持续上扬。这种盛况自然而然就引发了众多朋友进入这个行业，通常新手看来前端的知识只有三大块HTML、CSS与Java，认为学习前端就是学习这三方面的内容，但是这种看法是有些片面的，一个完整的Web前端知识体系包含很多的知识，所有知识框架就是一个结构型的展现，就像一棵树。Web前端的知识点非常多，也非常散，需要好几层结构来组织这个体系。
一般而言一名在市场上有竞争力的前端开发者必须掌握以下技术知识：
1.HTTP协议
2.react ,vueJS ,angularJS等目前比较流行jquery(工具库)的使用
3.NodeJS的开发，express，koa等常用框架
4.在技术选型上，能给出你选择的方案是最优的数据说明
5.前端性能优化
6.前后端分离
7.能封装业务组件和公用组件
一、理论知识
在Web前端开发的理论知识中包括“软知识”和“硬知识”
所谓“软”的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等;
所谓“硬”的就是能直接用于本程序开发的。用C语言你就得学C语言语法，此时学java没用，Web前端开发所需要的硬知识其实都包含在三个标准里面：http标准、W3C标准和ECMA标准;
硬知识有三个标准：http标准、W3C标准和ECMA标准，拿http标准来讲，为什么做Web前端要了解http标准?——因为浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接。Web系统既然和http链接有瓜葛，你就必须去了解它。你不必去非常了解http的详细内容，但是你要了解Web前端开发常用的一些http的知识，详细内容还得靠你自己去查阅。这些知识的应用，是我们在编程中无法避免的。
二、框架和类库
前面已经描述了一些Web前端开发所需要的理论知识，下面讲下类库或者框架，它们能大大提高你的开发效率。
jq的熟练使用是必须的，利用jq不仅仅停留在只使用它的API和插件上，还要自己去写jq插件，去读jq的源码、了解jq的设计思路。
bootstrap不用再过多解释了吧，从github上的排名也能看出道道来。
fontAwesome是全世界最强大的图标系统。相比于CSS制作图标来说，这个要好很多倍，不管是开发、效率还是维护上。icomoon.io能让我自定义选择自己的图标文件。
requireJS和seaJS这种模块定义系统，也一定是你系统中不可或缺的。我曾经看过一个教程，讲师就说：requirejs带来了既jquery之后的第二次前端技术变革。
三、编码开发
你专门做Web前端，写HTML语句还用手动一条一条写吗?你得需要zencoding的协助，否则效率太差了，针对HTML、CSS、JS的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗?——你需要grunt或者gulp的帮助。
你的系统中有比较多的JS代码或者文件，请选择一个合适的模块定义规范——CMD / AMD
用git来帮助你做文件版本管理，最简单的就是使用github,调试、测试，也都有专门的工具
四、其他
当然Web前端开发人员，同时也必须具备良好的沟通能力。前端是团队里最应该学会沟通的人,界面有问题需要和UI沟通,数据有问题需要和后台沟通,功能有问题需要和产品沟通,测试的时候给你提bug你还需要和测试沟通，还要做好沟通多次，不断修改页面的准备。