Web前端工程师都应该知道的Web前端开发知识框架图 。把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多 。下面就来和小编一起看一看Web前端开发知识框架图 。

文章插图

1、分类
所有知识框架，那肯定是一个结构型的展现，就是一棵树 。web前端的知识点非常多，也非常散，需要好几层结构来组织这个体系，否则就会显得很乱 。那么如何组织、把谁和谁放在一块儿?这是真正值得我们去思考的，你也可以自己来思考一下这个问题 。
在我总结的这个知识框架中，首先第一层我划分为：理论知识，类库框架，编码开发，运行环境 。



文章插图



接下来给大家解释一下：
这个图要从下往上看，为何?——因为下面是上面的基础;
首先，我们需要一定的理论知识，不管是你听别人讲授、自己看书还是网上淘资料，你都需要一定的理论知识，每一种程序开发，都避免不了 。
第二，有了这些理论知识我们就可以编码了——不错——but，没有人能抵挡住第三方框架和类库的诱惑，例如jquery;
第三，有了这些理论知识和协助我们的类库框架，我们就可真正的编码了 。大家可能以为编码开发不就是写代码吗，还有啥?——这里面道道多着呢;
最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做?请期待 。。。
2、理论知识
“软知识”和“硬知识”大家可能觉得词陌生，其实我一说大家就能明白 。



文章插图



所谓“软”的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等;
所谓“硬”的就是能直接用于本程序开发的 。用C语言你就得学C语言语法，此时学java没用 。我们web前端开发所需要的硬知识其实都包含在三个标准里面：http标准、W3C标准和ECMAs cript标准 。
3、web前端开发中的“硬知识”
“软知识”的内容非常多，也是我们大学时代学习所谓的重点 。我们本次主要讨论的是web前端这一个方向，因此就点到为止，让大家知道这些知识也在知识体系中扮演重要角色 。
刚才说道，硬知识有三个标准：http标准、W3C标准和ECMAs cript标准，那咱们就挨个聊聊这三个标准 。
3.1 http标准
为什么做web前端要了解http标准?——因为浏览器要从服务端获取网页，网页也可能将信息再提交给服务器，这其中都有http的连接 。web系统既然和http链接有瓜葛，你就必须去了解它 。



文章插图



我的意见是：你不必去非常了解http的详细内容，但是你要了解web前端开发常用的一些http的知识——就是上图中我列出来的那些 。当然，我知识列了一个纲，详细内容还得靠你自己去查阅(本文章讲的是知识框架，不会涉及任何知识点的详细内容) 。
如果说你只知道web前端的一个标准，估计肯定是W3C标准了(据我了解，貌似大部分人真的都只知道这一个标准) 。
写到这里让我想起了一句话：2/8原则——20%的功能满足80%的需求 。我觉得这句话用到这里非常合适，我们在平时开发过程中根本用不到这么多东西 。反而，你要把平时用的多的东西搞懂了 。

• web前端框架技术 web前后端框架
• 保存网页为图片 手机网页图片保存
• 网页界面颜色搭配 网页颜色搭配推荐
• 网页离线保存 保存网页密码
• 美工网 网页美工证
• 网页制作需要什么软件 网页制作用什么软件?
• 自己如何制作一个网页 怎么制作网页
• 英雄联盟网页抽奖 英雄联盟官网抽奖在哪
• 昆明网站开发设计 昆明网页设计制作
• 不花钱也能玩的网游 不花钱的网页游戏