2019最全Web前端技能图谱，文末附赠一套Web前端学习资料，初学者来

全面技能图谱 前端门槛低，但是里面门道很多，要想成为一个好的前端一点都不简单。

1. 概述 我相信想开始学习前端的小伙伴们都会听说过html，css和js这三个大家伙。

web前端全面技能图谱

前端门槛低，但是里面门道很多，要想成为一个好的前端一点都不简单。

1. 概述

我相信想开始学习前端的小伙伴们都会听说过html，css和js这三个大家伙。简单来说html就是一堆标签，然后可以在页面显示出一些控件，例如表格，输入框，按钮等。而css的作用在于控制html的标签位置，效果等，如果不是css的话，我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能，动态操作页面的元素，还可以通过网络与服务器通讯（传说中的ajax），动画效果很多时候也是js弄出来的。

你说学习上面三种东西难不难呢？其实一点都不难，多写写页面就会了。上面的图上的东西基本了解之后其实做项目已经没有压力了，当然仅仅是实现功能没有压力，兼容性美观那些还是得不断进修才可以。

前端进阶要学习什么知识呢，其实主要是学习一个兼容性处理，你看现在各种浏览器，各种尺寸的屏幕，适配绝对是一个技术活，弄得好就是一个核心竟增力来的。

另一个东西就是ajax和页面元素操作了，现在一直都在推崇前后端分离，所以网络请求必须得会。

最后呢，写的代码要有可维护性，并且现在都是追求效率的年代，所以效率也很重要。追求效率我们通常引入一些第三方框架，例如jquery，bootstrap等，这样子我们的开发效率就可以大大提高。维护性来看，我们引入vue等mvc框架，开发模块化，然后通过webpack等工具打包页面，使用less预编译css就可以很好的维护工程。

2. 常用的js框架

前端框架多如牛毛，一般我们到需要的时候再边学边用，上图是一些用得比较多的框架。个人建议学习一下，反正没坏处。

3 js技能

作为一个合格的前端，上面的基本技能怎么可以不了解一下呢？不过不要紧张，因为前端发展了怎么多年，已经有很多有用的第三方库来简化我们的工作了，但是还是建议大家伙好好学习理论知识，这样子才可以以不变应万变。

4. 前端推荐书籍

上图仅仅是推荐的一些书籍，当然还有很多好的书籍。虽然说，平时应该多看看技术书，提高自己的理论知识积累，但是呢，最重要的还是经验，这是书籍给予不了我们的。书籍的作用仅仅是让我们入门而已。

小编这里有一份Web前端学习资料，直接加我的Web前端学习群：767273102 免费领取，你敢来我就敢送。

5. 前端社区

学习或者开发过程中，总有遇到问题的时候，社区就是一个很好的寻找答案的地方。而很多时候，我们想实现一个功能，说不准别人已经做过并且开源代码了呢，我们可以偷懒的引用别人的代码来加快我们的开发效率。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/69901074/viewspace-2649755/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/69901074/viewspace-2649755/