经常有人问，我想学前端，要从哪里学起，或者有点基础，想学点其他的，要学什么？
两年前我同样带着这样的疑问，搜索了前端知识体系这个关键词，被大神们各种图解和list吓到了，心想还是先做好当下的工作吧；
时光荏苒，前几天小组对思维体系和知识体系的构建这个话题做了讨论，觉得是时候列出一个前端知识体系来总结概括和继续学习了；
话不多说，看下图：
各位看官老爷们估计和我两年前的心情是一样的，这特么是什么玩意这么多这么乱？？？
咳咳，特别说明，这是根据博主认知和分类整理后的产物，前端界日新月异(简直是凌乱有木有…各种框架…)，没有特定的知识体系界限，且听我稍释义一下；
图解分四个部分：
-
开发协作；在职能岗位中配合团队做出符合需求的交付产品；
-
构建维护；包含后续的构建发布运维和迭代保障；
-
知识体系；隐藏于开发下的储备知识，可进一步提高开发效率和转化伪开发技能；
-
自我驱动；岗位职能和个人通道的原动力，通俗的说如果你不能在一门技能的学习、转化中获得乐趣，也许你不适合这个职业；
如果你还没看明白，请允许在下用一张图片来解释：
恩，大概就是这个意思，工欲善其事必先利其器，工作中直接用来解决问题的各种方法就是你的“器”，也就是我说的1开发协作和2构建维护，这是直观的能表现出来的部分，大部分情况选拔人员的时候也是看这部分，你能不能填好某个坑解决难题；与之相对的后面的知识体系则是各种配套设施辅助工具，加快你解决难题，再往后是你所有解决问题能力的来源：自我驱动；源源不断的为你提供能量，图系的钻头才能钻的更深；这些很多时候是看不到的，隐藏与你的知识体系下，但是有与没有，差别会很大；
如果你还没看明白，也许我们的思维体系相差太多，你可以考虑右上角本篇看看其他的……
回头再看这张图知识体系图，仿佛看到了那在夕阳下奔跑的，那是我逝去的青春…，所以每当有人说你们前端不就是切图片做点页面的吗，我都想用这张图砸死他，当然不排除部分人是做这些低端流水线的(如有得罪…你来打我啊)；
tips:
本文知识体系是尽可能列举前端相关内容，不代表前端一定要都会这些；实际上大部分前端也是会其中一部分，就可以无缝工作，除非你像我一样我建设社会主义的伟大理想(话说我也是只了解一部分，学习中…)；
图表因为分级限制和大小缘故，有些内容没展开写；
本文知识体系图根据博主的认知变更和理解变更不断更新；
if you have any question,you can leave your message；
原版2017-02-23发布于xuechenlei.com