8年前端开发的知识点沉淀(不知道会多少字，一直写下去吧...)

2011 年开始从事前端，从一个页面的切图仔到现在还算合格的前端工程师，一路走来，我很清楚要学的不少，其中也学了不少，学的同时也丢了不少（身陷边学边丢，边丢边学的状态）。尤为这 3 年，前端领域可谓是百家齐放，四面开花。php

能够说这是最好的时代也是最坏的时代。说它好，这是由于前端走在了混乱且正规化的道路上，前端开发也逐渐在各家公司至少在项目或产品的开发上受到足够的重视和尊重（针对开发者）；说它很差，是由于杂乱而繁多（语言、框架、组件包等），许多同行或多或少都有点进入了学不动了和产生一种迷茫的状态。我的观点，变总比不变好，由于乱（杂）而奠基了前端在项目或产品开发中的地位。至于如何去学和学习什么，那是我的学习方法或选择问题了（并非由于前端社区繁荣产生这问题的，只能说前端社区繁荣将这类问题扩大了，这两个问题但愿能拎清）。前端

咱们得认可两点：python

领域知识是不断更新的;
每一个人的资质各有不一样（这里资质除了天赋还有后期努力）（你能够说我不努力可是不能够说我比别人家的笨）;

认清事实后，不妨学学中医里的固本培元的思想。什么意思呢？其实很简单，就是学好并实践好现有、稳定且必须知道的知识（固本），而对于新的、还不普及且没必要学的能够选学，若是你以为本身颇有天赋另当别论。react

很长一段时间里，个人野心比个人努力要大不少不少，php、python、go、科学计算等都想学，结果你确定也知道了，就是什么都没学会，刚入门由于业务场景不多用（就是没用）不得不丢下了，进而陷入迷茫期。也是前段时间，决定忍住诱惑，慢慢从基础沉淀，虽然慢，可是学的很扎实也很快乐。webpack

对于认不认同不打紧（这只是咱们的认识观或方法论不一样而已），重要的是找到适合本身的，你说呢？git

说明下面的篇幅（图谱及说明）会随着时间的流动变得愈来愈长，超过 10 篇的内容我会整理成一个目录（至于文章存放 github，这个后续再考虑），避免篇幅太长形成视觉和阅读上的压力。接下来的时间我会在 1-2 天里会填补（更新或展开说明）这些图谱的细小知识点。本文本质就是在作就是前端知识罗列和调度（给出文章详情连接），但愿对正在学前端或者已经在前端岗位上的你有些许帮助。另外文中部份内容有和前人或后来者的文章类似、相同或相通之处还请多多包含和见谅。另外，文中所缺漏或有错的地方还请多多指出，你我共同成长（赠人玫瑰嘛）。
观点学而时习之，不亦乐乎。学习并在必定时刻应用（实践）它，不也是件快乐的事嘛。（划重点在必定时刻将它用在实践中是件快乐的事，回想一下，学过的东西在用它的时候是否是很快乐呢!!!???）
承诺本文我会持续更新，那何时结束呢？我如今的想法是到我退休那一刻或者说不在这行里折腾的那一刻，谢谢。

近日更新

图例说明

前端总谱

欢迎 Star，感恩💕😊es6

前端路上

前端架构

小程序

微信公众号

前端框架

Vue.js

React.js

源码分析 (react 16.8.6)

HTML

CSS

重拾 CSS 之 BFC

ECMAScript(Javascript)

Javascript 基础与进阶

基础篇

进阶篇

ES6

关于 ES6 只是先放阮一峰老师的 ECMAScript 6 入门。后期我会整理一本 gitbook 小书，倒不是会在阮一峰老师的基础上加更牛逼的东西什么的，而是作一些减法，由于整个文档看下来须要很长时间，小书只取经常使用的 api（固然我会注明出处），这是个人我的喜爱，选择性学习和书写（正在阅读的你也要看你喜爱）。想要看详细的仍是要看阮一峰老师的 ECMAScript 6 入门。github