对于前端的人来说，想要入门Web前端技术，首先要了解的当然是Web前端有哪些知识点是必须掌握的。从前端产生到现在，已经从简陋的HTML，CSS，JavaScript三把刷子做出来静态网页的时代，发展到现在视觉效果酷炫，适用终端广泛，开发手段丰富多样的更广阔的发展时代。HTML、CSS，JavaScript是学习前端的基础，特别是JavaScript，我们对前端基础的掌握程度，极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript，我们使用的框架也是用JavaScript开发的。此外，我们还需要学习运行的机制和原理。不仅是框架的原理，也还包括JavaScript语言和浏览器引擎的原理。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上，需要深入到了解内部原理和运行机制的层面上。

1、敢于表现自己

不是说要像销售一样可以口若悬河的介绍和推销自己，而是敢于把自己做的东西推荐给别人用。因为很多时候人都是有惰性的，如果你把你自己的东西推荐给别人使用，那么别人使用会提出一些意见或建议，甚至是bug，这个时候你需要不断完善你的代码从而提高自己。

比如说一个团队里面，A同学写了一个插件，那么推荐给团队的其他同学使用，这个插件在项目的使用中会得到完善，从而水平会有所提高，看问题的视野也得到扩展。如果他一直都是自己用，可能自己会很熟悉，但是很多的情形是自己考虑不到的，最后自己这方面的实践(学习)也到此为止。

推荐：在团队里，把自己写东西推荐给其他队友使用。如果不巧，你只有一个人，那么你就把你写的代码放到开源社区(npm/开源中国/github 等)或者是同行的朋友。

2、做好自己的笔记

是的，要做好自己的笔记，做笔记有很多方法，写博客，用APP(印象、有道)等方式，做笔记是为了更好记忆和理解自己学习到的东西。因为开发或学习过程中会遇到各种各样的问题，有些是当时不理解或者是找不出原因的，有些是很容易被忽视的，那么你记录下来，等到你下次遇到同样或者类似的，那么你可以快速得解决或者是搞懂一些以前不完全理解的知识。

这个是我入门的时候，我的上司教我的一个方法，我觉得很实用，一直到现在，很多可能大家觉得比较简单的问题，我都会记录，有一部分是记录在开源中国的博客里面，一个是为了帮助自己学习，一个是帮助那些跟我一样遇到这个问题的人。即使在网络发达，搜索强悍的今天，我还是建议这么做。

推荐：记录自己的问题或没搞懂的知识，方便自己回忆和巩固，同时可以作为分享的素材。

3、学习和提高团队相关的开发技能

有这么一种情况，团队开发用的是react，然后有个同学自己的react都没有掌握就跑去搞angularjs。说实话，我不反对学习任何的技术，当时在一个团队里面互相学习和团队开发事实上是提高自己一个很好的途径。如果团队里的一些技能自己没有掌握，那么你去学习其他技能很容易适得其反，因为在团队开发用到的技能是你工作中不可缺少的，如果没有熟练掌握，你在工作中很多事情都做不好，而你新学习的技能因为在工作中没有应用场景，你也很容易忘记。

如果真的在你团队中应该去使用一些新的框架或组件之类的，那么可以跟leader或者同事沟通，提出自己的想法，给团队引进新的技能。但是这个的前提是你能把旧的框架或组件搞懂，因为你想替换旧的那必须能够适用现在的场景，反过来说，你还是要熟悉现在团队的开发。其实没有不好的框架，只有更合适的框架。

推荐：先学习和提高团队的开发技能，先提升自己的能力。

4、做好自己的计划

做工作计划是我刚入门的时候，我上司教给我的一个技能。在工作过程中，我们经常被打断，比如说要修复bug，或者是一些插进来的任务。这样的事情多的时候我们经常容易混乱，这个时候做自己的工作计划的重要性就突显了。其实做工作计划可以很简单的，只要记录自己做了什么，什么东西没做，计划什么时候完成这些内容，这样可以了。

除了做好工作计划之外，做好自己的学习计划。这个时代变化太快了，特别是前端，那个规划好自己的学习我觉得是很有必要的。前端在快速发展，之前还是prototype.js 一转眼就是jquery，再眨眼的时候angularjs、reactjs、vuejs就出来了。有时候我自己都会有点恐慌，觉得自己赶不上时代，但就因为这样，所以更要计划学习，学习新框架的技术和了解它的应用场景，规划好自己的时间，选择性了解和学习一些新东西。

推荐：做好工作和学习计划，让自己有节奏地处理好事情和增强自己的技能。

5、读别人的源码和造轮子

这里说的读源码是只读取一些优秀插件或框架的源代码，因为这些代码里面会有很多的应用技巧、基础扩展、设计模式等，这些都是很好的学习demo。比如说读lodash你可以知道一些js的基础应用和扩展，读jquery你可以了解到一些设计模式和dom操作技巧、缓存技巧甚至是动画运用等。

读懂了、学习了别人的源码，更易于自己造轮子，造轮子是为了自己更好的去理解使用技巧和应用场景。但这里并不是告诉你，什么情况下都要造轮子，很多时候我比较建议用一些合适的成熟的框架，这个是出于开发效率考虑。那么什么时候造轮子?我觉得是为了自己更好掌握这个轮子从而造一部车做准备，或者是这个轮子已经不能满足自己的扩展。

推荐：读优秀的代码，为了准备做好造一辆车而造轮子或者是打造一个更好的轮子。

6、参与开源项目或坚持一个自己的一个开源项目

其实这一点跟第一个观点很像，第一个观点敢于表现自己是为了让自己更好地学习技术，督促自己学习，而这个观点我想说的则是要推销自己，让自己的一些理念和观念产品化，做出一款属于自己的程序(代码产品)，跟第一个观点是一个质的提升。

简单的来说就是把自己的插件或组件或框架当作一个产品来做，当自己学习到的知识应用到里面去，让你的代码能够应用到更多的场景或者再某一个应用场景下发挥更大的作用。现实的一个例子，我身边一个朋友做了一款编辑器，打造了好些功能，其中有专题制作，在他服务过的几个公司都用上了，而后有人通过这款编辑器找到他，给他提供了一个待遇不错的岗位。

推荐：参与或创建开源项目，做一个自己的产品。

7、总结

技能的应用技巧学习很重要，但是我觉得一个人的心态和态度更加重要，所以要敢于表现自己，督促自己不断学习，有一颗向上的心，好好的计划自己的工作和学习，希望每个前端都能打造自己的产品。