全面技能图谱 前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。
1. 概述 我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。
web前端全面技能图谱
![webp](https://i-blog.csdnimg.cn/blog_migrate/ad7f7c08e14f48d5d2d952fd014299af.webp?x-image-process=image/format,png)
前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。
1. 概述
![webp](https://i-blog.csdnimg.cn/blog_migrate/3e14c3940e97e05323db1ac7f7b387ff.webp?x-image-process=image/format,png)
我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。简单来说html就是一堆标签,然后可以在页面显示出一些控件,例如表格,输入框,按钮等。而css的作用在于控制html的标签位置,效果等,如果不是css的话,我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能,动态操作页面的元素,还可以通过网络与服务器通讯(传说中的ajax),动画效果很多时候也是js弄出来的。
![1240](https://i-blog.csdnimg.cn/blog_migrate/2ccbfc057313cc4ae88549c8eebce2d0.webp?x-image-process=image/format,png)
你说学习上面三种东西难不难呢?其实一点都不难,多写写页面就会了。上面的图上的东西基本了解之后其实做项目已经没有压力了,当然仅仅是实现功能没有压力,兼容性美观那些还是得不断进修才可以。
前端进阶要学习什么知识呢,其实主要是学习一个兼容性处理,你看现在各种浏览器,各种尺寸的屏幕,适配绝对是一个技术活,弄得好就是一个核心竟增力来的。
另一个东西就是ajax和页面元素操作了,现在一直都在推崇前后端分离,所以网络请求必须得会。
最后呢,写的代码要有可维护性,并且现在都是追求效率的年代,所以效率也很重要。追求效率我们通常引入一些第三方框架,例如jquery,bootstrap等,这样子我们的开发效率就可以大大提高。维护性来看,我们引入vue等mvc框架,开发模块化,然后通过webpack等工具打包页面,使用less预编译css就可以很好的维护工程。
2. 常用的js框架
![webp](https://i-blog.csdnimg.cn/blog_migrate/e99d7441cb36c9ad159b66428a80fdfb.webp?x-image-process=image/format,png)
前端框架多如牛毛,一般我们到需要的时候再边学边用,上图是一些用得比较多的框架。个人建议学习一下,反正没坏处。
3 js技能
![webp](https://i-blog.csdnimg.cn/blog_migrate/392c8dfb8b59af7075b0c05aa65d6479.webp?x-image-process=image/format,png)
作为一个合格的前端,上面的基本技能怎么可以不了解一下呢?不过不要紧张,因为前端发展了怎么多年,已经有很多有用的第三方库来简化我们的工作了,但是还是建议大家伙好好学习理论知识,这样子才可以以不变应万变。
4. 前端推荐书籍
![webp](https://i-blog.csdnimg.cn/blog_migrate/b32d9403861ebd656d965e7ce39c81ef.webp?x-image-process=image/format,png)
上图仅仅是推荐的一些书籍,当然还有很多好的书籍。虽然说,平时应该多看看技术书,提高自己的理论知识积累,但是呢,最重要的还是经验,这是书籍给予不了我们的。书籍的作用仅仅是让我们入门而已。
小编这里有一份Web前端学习资料,直接加我的Web前端学习群:767273102 免费领取,你敢来我就敢送。
![webp](https://i-blog.csdnimg.cn/blog_migrate/38208925ca02eb6609e6e0ee356fd884.webp?x-image-process=image/format,png)
5. 前端社区
![webp](https://i-blog.csdnimg.cn/blog_migrate/43a1aad147f2de983ae0ebfb8c53b2d4.webp?x-image-process=image/format,png)
学习或者开发过程中,总有遇到问题的时候,社区就是一个很好的寻找答案的地方。而很多时候,我们想实现一个功能,说不准别人已经做过并且开源代码了呢,我们可以偷懒的引用别人的代码来加快我们的开发效率。
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69901074/viewspace-2649755/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/69901074/viewspace-2649755/