作为前端新人，我们常常自认为是菜鸟，主要是因为我们的专业水平不高，很自卑。其实作为菜鸟，我们也很想撕掉这种标签。我们也很努力，但是前端还是学不会。是真的不适合这份工作还是方法不对，没人告诉我们？如果你觉得自己还处在菜鸟阶段的迷茫地带，可以看看这篇文章，希望你看完之后能够如愿以偿。如果你想表达你的想法，欢迎在评论区留下你的文字。我们在前端路上都会遇到这样的情况：现有的技术体系已经非常庞大，我们还没有全部学会，新的技术层出不穷，发现要学的东西太多了，隐隐有什么都学不到的倾向。不知不觉，我在这条路上迷了路，才发现自己是那么的渺小。俗话说，登高望远，方知天下大；置身于茫茫之中，就会知道寸的大小。我的逻辑是：我们无法改变现实，我们能掌握的就是改变我们的学习方法和思维逻辑。我们常说，万变不离其宗。对于前端，我对这个原理的理解是html+css+js。建立一个系统。将已有的知识做成一个体系结构，然后把市场上的前端技术点填入这个体系结构中。不管新的知识是什么，都在这个体系结构中，无非是对体系结构的补充或完善（新增和修改），我们需要做的是不断完善体系架构，体系架构可以参考《8年前端知识点沉淀》；深入。从每个类别中选择一个，然后深入挖掘；用自己的语言输出深耕的知识点，可以是文字也可以是语音（分享）；无论你处于初级、中级、高级、高级还是大前端阶段，大体的学习方法都大致相同。当然，我会在每个阶段分别说明细小的差异。以上纯属个人观点。如果大家有什么补充和指正，可以按照文章开头的方法在评论区评论（即登录github后评论）。学习方法代码管理2.使用gitbook库打包成小本子，然后使用github自带的功能生成在线书本，然后有空的时候看看自己学到了什么，然后查漏补缺，持续改进；3.学习文档是用markdown语法写的，要养成写文档的好习惯。为什么要写文档，项目开发前端需要写什么文档，我会在后续的文章中说明，这里不再展开；目录请参考前端基础HTML5+CSS2.1部分。建议在w3school在线教程或MDN上学习，边学边练。学习过程中请打开chrome浏览器调试工具辅助学习调试。ECMAScript这部分会有很多学习内容。如果没有编程语言的基础，还是要费一番功夫的。建议从w3school在线教程或MDN入手。犀牛书《javascript语言精粹》或者小红书《Javascript 高级程序设计》，前期看一本就可以了。这时候就可以建仓库ecmascript-note了；在数据结构和算法的实践开发中，与后端提供的接口进行交互，前端自己进行逻辑处理，再将数据渲染到页面上，往往离不开数据结构和算法的知识。前端初级CSS具备CSS基础知识，需要深入了解css3规范；预编译语言：less或sass；只有通过这个过程，你才会发现少的美。阅读本文后，您将了解选择器、盒子模型、弹性布局和媒体查询等概念。Zepto.js或jQuery.js。完成一些简单的项目，熟悉API；推荐小黄书《你不知道的 JS》，上中下册；掌握ES5的知识点，能够区分ES5和ES3常用的一些知识点；ES6的教程太多了，怕你一头雾水陷入枯燥，找一些总结的书（一些常用的ES6语法的总结）看一下，一直想写，但是一直没时间;常见概念（面试中也会遇到）清晰。如变量作用域、传递方式、执行上下文、闭包、apply/call/bind、thispoint等；网络编程。Ajax、fetch、websocket、cors、jsonp、formData等知识。浏览器常用跨域；存储机制；性能常用的性能优化；对XSS和CSRF攻击的安全理解；正则表达式、视频或一些文档的基础知识，此时不建议阅读官方文档；可以写常用的正则表达式；工程npm是常用命令和简单应用；git常用命令及简单应用；webpack可以构建一个应用程序；React.js三大前端框架大家都很熟悉了。建议二选一上手。我安利的是React.js，个人喜好，不亚于其他。主要学习中英文网站的入门知识。结合create-react-app脚手架。Node.js基础知识；express或koa2的简单应用；说明：不用学完就能记住以上学习内容，掌握70%-80%即可。主要是有先入为主的观念。描述问题，培养独立解决问题的能力。最后，祝你好运。如果大家有什么要补充的，请按照文中提到的方法提出自己的想法。特设学习Q-q-u-n⑦⑧④-⑦⑧③-zero①②分享学习方法和需要注意的小细节，持续更新最新教程和学习技巧（从零基础到WEB前端项目实战教程、学习工具、全栈开发学习路线和规划）
