从正美的吐槽开始,我回了下,说对盲目跟风的大众失去信心了。然后一些同学说我固步自封,另一些同学估计想说倚老卖老啥的。我想说清楚一点,我从 未停止过学习,只是对知识的重要程度和精力分配有自己的观点。具体来说,前端方面的知识从重要程度来排,私以为应该先后学这些:

  1,api学习,系统地学,可以看看这个方面的书,不要只零散地看网上文章,这个书钱要舍得花。前端领域,这个方面我推荐看看《javascript高级程序设计》和《html5和css3权威指南》。

  2,学习一些编程上的技巧,比如面向对象,组件,api设计,推荐几本书《js设计模式》《head first设计模式》和《代码整洁之道》。

  3,学习除jqury之外的一两个框架,因为jqury只是个库,算不上框架,加上jqury ui也仍然只是个库。学学两个前端框架,再学一个后端框架,加强对所谓框架的理解,回头再来做框架选型,就可以有自己的理解和态度了,而不是跟风。

  4,然后学的是工具类的,比如预处理器,打包工具,调试工具,开发工具啥 的,less,sass,coffeescript,grunt,git,vim之流,晚点学不会死,甚至不学也不见得有啥问题,这种工具类的,一周一 个,一 下就入门了没啥了不起,关键在于实不实用,不实用不用也罢,而实不实用就见仁见智了,我个人是不怎么待见的。

  5,乱七八糟的各种框架类库,这种东西看看就好,真有空就看看,多学点东西总是好的,不见得要用,看看人家设计理念也是好的。只是这种东西每年都出一 波,然后大部分很快就消失了。真正能活下来的,还是能顺利成为工业标准的东西,比如jquery和requirejs。

  这只说了标准前端,其实如果把hybrid也算进来,那要学的知识量要翻两倍而且优先级很靠前,插在3和4之间比较合适。重要的待学的东西多了,我不 是说该固步自封,吃老本,而是先想清楚,哪些东西是最核心最重要的,哪些是辅助性的,哪些是噱头很可能只是昙花一现,哪些是花拳绣腿,哪些干脆就是屠龙 术。这么多待学的东西,你的时间真的值得花在错误或者不实用的地方吗?

  一家之言,求同存异。

WEB前端知识在乱花渐欲迷人眼的当下,如何分清主次和学习优先级呢?的更多相关文章

  1. web前端知识体系总结

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  2. 自己总结的web前端知识体系大全【欢迎补充】

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  3. WEB前端知识体系脑图

    说在开始的话: 我上大学那会,虽说主要是学Java语言,但是web前端也稍微学了一些,那时候对前端也没多在意,因为涉入的不深,可以搞一个差不多可以看的界面就可以了,其他也没过多在意. 因为稍微了解一点 ...

  4. web前端知识体系大全

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  5. web前端知识体系小结(转)

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  6. Web前端知识体系精简

    Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知 ...

  7. 整理六百篇web前端知识混总

    9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具 创建响应式布局的10款优秀 ...

  8. (转)web前端知识精简

    Web前端技术由 html.css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学 ...

  9. Web前端知识体系

    看到一篇不错的文章,拿来收藏和分享. 原文:http://mp.weixin.qq.com/s/UFTfdE7LYhHquWEzwZKLCQ Web前端技术由html.css和 javascript三 ...

随机推荐

  1. asp.net js 倒计时总秒数量 和 排序

    Edit in JSFiddle JavaScript HTML CSS Result h1 { font-family: "微软雅黑"; font-size: 40px; mar ...

  2. QT 的下载地址

    http://blog.csdn.net/friendan/article/details/44873347

  3. Runner站立会议08

    会议时间:2016.4.27  21.10~21.25 地点:基教负一层 今天:看日历的代码,网上下的,没有注释 明天:继续看代码 困难:代码看不懂 会议照片: 燃尽图:

  4. 使用Diagnose服务查看Azure网站诊断信息

    注意:当前操作只针对"基本"和"标准"模式的网站(也就是有独立实例的网站) 登陆网站的kudu模式:http://{yoursitename}.scm.chin ...

  5. 重启nginx

    在env/nginx/sbin目录下输入:nginx,即可重启

  6. Visual Studio 2012中Visual Assist破解办法

    本工具有两种破解方式 1.破解方式一:Visual_Assist_X_DiE.exe 运行Visual_Assist_X_DiE.exe,勾选安装的VC版本,点击“Patch”按钮即可. 2.破解方式 ...

  7. php上传$_FILES 无法取值

    无法取值的主要原因在form. 代码 <form method="post" action="****" name="theForm" ...

  8. rz和sz上传下载文件工具lrzsz

    ######################### rz和sz上传下载文件工具lrzsz ####################################################### ...

  9. ubuntu系统无法访问无法磁盘最佳解决办法

    出现如下错误: Error mounting /dev/sda8 at /media/fzh/System: Command-line `mount -t "ntfs" -o &q ...

  10. gvim如何显示html属性代码提示? vim 如何显示 javascript属性及方法提示?

    gvim如何显示html属性代码 可以在vim中 显示 html, css, js等的属性/方法 提示: 一是: 在 ~/.vim/after/syntax/ 目录中 安装 css-color.vim ...