前端技能图谱

作者: yubang | 来源:发表于2016-09-25 20:38 被阅读7796次

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

    概述

    前端的大概知识点

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

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

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

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

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

    常用的js框架

    常用的js框架

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

    技能

    前端技能

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

    前端相关书籍

    前端相关书籍

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

    前端社区

    前端的一些社区

    学习或者开发过程中,总有遇到问题的时候,社区就是一个很好的寻找答案的地方。而很多时候,我们想实现一个功能,说不准别人已经做过并且开源代码了呢,我们可以偷懒的引用别人的代码来加快我们的开发效率。新技术从哪里挖掘呢,看看牛人的博客和一些公司的技术博客可能有意想不到的收获喔。

    相关文章

      网友评论

      • d270297d9f08:mark一下,赞一个
        前端库:http://www.jqhtml.com/
      • Me极客:我想学通java后端,我觉得你文章写的很好,希望能请教一下,java后端学习方法。
        Me极客:@yubang 网络编程。 jsp啥的 了解了有一点
        yubang: @散人lin 不知道你现在掌握了哪一些后端知识了呢?
      • 5d1f2b50e2df:你好!请问你的联系方式是什么呢?
        yubang:@H伟 你可以私信叫我给微信号你
      • 19df2b4dcfff:加一个MDN跟stackoverflow呗……
      • a283e23b0e0e:接触前端差不多一年,自己有点急于求成,学习中遇到很多困难,觉得还是该按步骤来学习。谢谢作者分享图谱,看似简单,却很实用呢。 :smile:
        yubang:@不懂js的前端小菜鸟 共勉之
        XFE_Noah:我也差不多,自学的以实践驱动,自己基础相当薄弱,
        还需要好好学习学习
      • e66fb493893f:做为一个前端 , 拥有以上技能足以完爆绝多后台非构架弄开发人员, 比方说一个普通PHP研发, 没有多线程经验, 没有异步任何概念, 没有事件驱动概念的. js 随便一个setTimeout就是一个异步线程, 更别说随处可见的ajax, 熟练Promise逻辑的前端都不简单. 前端的环境兼容远比后台服务复杂得多, 前端脑海经常模拟三维动画渲染(动画解决思路), 大多人还顺带了PS入门技巧. 前端在程序开发领域有太多的理由傲娇, 前提是你技术杂而精 :smile: . 安全性对资深前端以下意义不大, 而猎及网络层, 则是上了一个巨大的台阶, 你至少会用Charles抓包查看你的ajax请求有没有问题,字段少了还是数据类型不对. 如果你知道multi-part表单数据是如何通过boundary拼接, 发送到服务器的, 那么, 你已经有能力(熟知HTTP协议)和后台程序一起封装你的ajax请求, 以至于那些无良的宽带商劫持修改了你们的数据包(追加广告或木马脚本), 仍然能保障数据正常(DNS劫持, 链路劫持无处不在)
        yubang: @Idollo 的确好多人能应付基础开发,但是底层却不怎么了解
      • 6ea70298a4e6:谢谢分享
        yubang: @LaboriousGirl 感谢支持
      • e4d19e45624a:真的很好!!多多分享!棒棒的
        yubang: @一样的迷宫 感谢支持
      • seafruit:非常感谢
        yubang: @seafruit 下次再分享更多开发经验
      • 卡绫:技能树写的很详细,谢谢作者
        yubang: @卡绫 你们的支持是我写文章的动力
      • 8f446649c165:不错的嘛
        yubang: @雪宝宝1 感谢支持
      • 熊孩子CEO:很喜欢,你是大神吗?我目前还是菜鸟,会一点 js....
        css是最好的,框架会用简单的,这样的低水平能在北京找到工作吗
        熊孩子CEO:@Owen要写字 如果想要在北京找到前端工作 js水平达到什么程度
        刺桐小孩:@熊孩子CEO不能
        yubang:@熊孩子CEO 坦白说,我主要是做后台研发和服务器运维的,去搞高并发系统优化的能力比前端水平高很多,以前折腾JS,但CSS没去研究太多,按你的描述,如果页面做得很漂亮,工作应该挺容易找的,但JS还是要补补,Vue这种框架也去折腾一下,提高自己的核心竞争力。北京的情况我不了解,因为我不在北京工作。
      • t7ink:不错
        yubang:@t7ink 多谢

      本文标题:前端技能图谱

      本文链接:https://www.haomeiwen.com/subject/qjmfyttx.html