前端菜鸟的 2016 年年终总结

[V2BW]

原文发布在写在 2016 年的尾巴，欢迎各位大佬来玩~

---

前言

    一年的时间过得太快，但足以发生很多很多的事情，这也造成了提笔难言的窘境。如果要叙述一个复杂的故事，最简单的办法就是利用时间作为线索，采用顺序的叙述结构。这种结构同样非常适合年终总结。

    在前言中，我就简单的以时间为线来简单的流水一遍我这一年：

• 1-3 月：设计制作最后三套轮胎自动搬运设备， 3 月底辞职；
• 4-5 月：在 w3school 上学习 html ， css ， JavaScript 的相关知识；重新使用 github ；
• 6-7 月：利用视频教程学习 JavaScript ；搭建博客并将整个学习过程总结到博客上；
• 8-9 月：学习 jQuery ， BootStrap 并利用所学模仿制作了简历；开始投简历、面试、得到 offer 并放弃；学习《 JavaScript 编程精解》；初步接触 vue.js ；
• 10 月：学习 vue.js 及相关工具（ router 、 vuex 、 loader ）；学习 webpack 的使用；学习 git ；投简历被拒；
• 11 月：学习《 JavaScript 高级程序设计》；尝试利用 vue.js 制作完整项目遇阻；
• 12 月：重新学习 vue.js 并准备做完整的项目，遇阻；学习 ES6 语法；利用 xmind 总结 vue.js ；年终总结。

    上面所提到的虽不全面，但也大体覆盖了这近一年所做的主要努力。下面的正文还将从各个方面来进行总结，从另一个角度来更加全面的回顾这一年所发生的的事情。

---

正文

    下面将从这两个方面来总结：学习工作与生活娱乐。

学习工作

    前端学习的内容无外乎语言本身（ HTML ， CSS 及 JavaScript ）的学习及辅助工具应用方面（框架、模块化工具等）的学习，那么就从这两方面来说说目前的情况吧。

• 语言本身
  1. HTML：主要从 w3s 上学习，项目中碰到问题靠搜索解决。对于 HTML5 中新加入的新特征了解但没达到熟悉的程度；
  2. CSS：主要从 w3s 上学习，了解在 CSS3 中新加入的特征但实践不够；
  3. JavaScript：
     • 前期： w3s 上学习了一阵子，摸不着头脑。转而到网易云课堂学习了《精通 JavaScript 开发》，当时自觉已经大概了解了这门语言，现在看来还是 too young ， too simple 。之后在准备面试的时候看到各种 JavaScript 方面的考题都不会做，然后又开始在网上找资源来学习知识，这时候找到《 JavaScript 秘密花园》以及汤姆大叔的 JS 总结博客，如获至宝。又一次 be naive 。总结是个升华的过程，而学习基础知识则是升温过程。其实当时也懂得这个道理，只是在希望能尽快找到工作的心态影响下变得浮躁。
     • 中期：开始看书，第一本看的是 《 JavaScript 编程精解》。书如其名，处处体现一个精字，导致看完一遍之后和朋友切磋的时候被暴虐。因为本书中对很多基础性的概念并没有做出详尽的介绍，所以我看了一遍之后对这些都是一知半解。但不可否认的是，这本书里面的编程技巧让我大开眼界。总而言之：新手不推荐这本书。看的第二本书是《 JavaScript 高级程序设计》，它为我打开了新世界的大门。这本书深入浅出的为初学者介绍了所需要了解的绝大部分关于 JavaScript 的知识点，看完后我受益匪浅，值得反复阅读、总结。在学 vue.js 做项目的时候发现有大量的 ES6 新增的特性在发挥作用，所以后期也学习了 ES6 规范。学习 ES6 的途径是阮一峰老师的博客。总体而言，对于我这种水平的新手来说，教程难度适中，看过一遍之后能够理解大概 80%左右的知识点。所以，对于希望能初步掌握 ES6 规范的学习者来说，我还是很推荐这份教程的。
     • 后期： JS 语言的学习将在很长一段时间处于中期阶段，因为很多知识点都需要通过在实践中慢慢的掌握，而这也是目前我所严重欠缺的方面。虽然此阶段的到来还很遥远，不过总体方针还是有的：关注了解与前端相关的知识如服务器端（ node.js ）以及网络协议等；关心语言的发展趋势，如果可能的话，甚至去影响趋势。

• 框架工具学习

  1. jQuery：主要通过 w3s 来学习，掌握基本用法，未深究；
  2. BootStrap：通过视频及官方文档来学习。有独立项目，其中个人简历即在此阶段完成的；
  3. Vue.js：仔细看过几遍官方文档并有总结，对基本用法了熟于心。同时也了解关于 Vue.js 的一些辅助插件，如 vuex 、 vue-router 以及 vue-loader 。在很快的一段时间内将会利用这些来完成一个复杂程度较高的完整前端项目。附简单的总结图如下（利用 xMind 制作，如有需要源文件的可以给我发邮件）：

  

  1. webpack：完整的看了一遍文档，并翻译发布了一篇博客，有过少许实践经验。在这个过程中接触到 npm ， yarn ， gitbook 等等；
  2. git：熟练使用 git 的基本操作，写过一篇相关博客。
  3. 其他：了解（基本能看懂代码） bower 、 gulp 、 sass 、 karma 、 eslint 等，但都没有实践经验。这也是之后需要加强的方面。

• 博客写作     自从 6 月份开通到现在为止，一共发布了 10 篇博客，除了两篇为翻译文档，其余全为原创。有一篇访问量超过 2500pv ，对自己来说也是一个鼓励。以此同时，有多位朋友看过博客后通过邮件和我联系并给于肯定，在此对他们表示感谢，也希望大家在前端学习的路上大家都能越走越远。下面附上一些简单的博客流量图：

    至此，学习工作方面的内容基本上也已经总结的差不多了，接下来继续总结生活娱乐方面。

生活娱乐

    All work and no play makes Jack a dull boy. 从以下两个方面来总结吧：精神建设以及生活质量。

• 精神建设

  1. 电影：看电影是一个终生爱好，可能和小时候的经历有关。按照时间顺序简单的总结下今年看过的影片（包括电影和剧集，数据来自豆瓣记录以及下载记录），根据个人喜好推荐加粗部分的电影：
     • 一月份： 《老炮儿》《黑金》《我的少女时代》《机械姬》《走到尽头》《为了 N 》（剧集）;
     • 二月份：《守望者》《美国狙击手》《史蒂夫·乔布斯》《夜行者》《暗杀》《视觉》；
     • 三月份：《八恶人》《饥饿游戏 3 ：嘲笑鸟》《聚焦》 《荒野猎人》《蝙蝠侠大战超人：正义黎明》《控方证人》《功夫熊猫 3 》；
     • 四月份：《纸牌屋 第四季》；
     • 五月份：《危楼愚夫》《成长系列》《盗梦空间》，其中《成长系列》极力推荐；
     • 六月份：无记录。（可能在 B 站上有看，但是记录不可查）；
     • 七月份：《危机 13 小时》《奇幻森林》《人间世》《知无涯者》《行尸走肉》；
     • 八月份：《一个叫欧维的男人决定去死》《红眼航班》《云图》；
     • 九月份：《惊天盗魔团》《寒战 2 》《黑客军团 2 》《心迷宫》《你眼中的世界》《杀死一只知更鸟》《阿凡达》；
     • 十月份：《荒野生存》《黑镜 3 》《西部世界》《冰血暴 2 》《毕业生》《追梦赤子心》
     • 十一月份：《我们这一天》《斯诺登》《头脑特工队》《逃避虽可耻但有用》《七武士》《双峰 第一季》《双峰 第二季》
     • 十二月份：《行星地球 2 》《萨利机长》《梦之安魂曲》《驴得水》《疯狂的麦克斯 4 》《豪勇七蛟龙》《夜班经理》

  由于有部分电影在 B 站上看的，导致没有任何记录，所以可能有 10%-20% 左右的电影没有归纳出来。

  1. 书籍：除了专业书籍之外，还看了一些其他方面的书，以下大概按照时间来排序：

     • 《独生告白》：这是一本关于家庭教育的书，我认为每个身为人父（母）的人都应该看一看这本书。文章中的心理描写非常精彩，比如下面这一段：

     多年来对爱的渴望让她变得敏感，她就像一条饥饿的狗，不停的翕动鼻孔，捕捉着哪怕是最微弱的食物的香气。她不会弄错的。她一看到就认出了它。那是爱，是一厢情愿的深切渴慕，只有付出，得不到回报；是小心翼翼而安静的爱恋，却无所畏惧，无论如何，都会执着的进行下去。

     • 《黑客与画家》：讨论了很多关于计算机以及互联网行业的问题，比如编程语言发展趋势。对我影响不大，看完之后很多内容多忘记了。摘取一段作者对于怎么致富的方法的看法：

     要致富，你需要有两样东西：可测量性和可放大性。你的职位产生的业绩，应该是可测量的，否则你做的再多，也不会得到更多的报酬。此外，你还必须有可放大性，也就是说你做的决定能够产生巨大的效应。

     • 《月亮与六便士》：什么是信仰？什么又是真正的幸福？

     难道做自己最想做的事，生活在让你感到舒服的环境里，让你的内心得到安宁是糟践自己吗？难道成为年入上万英镑的外科医生、娶得如花美眷就算是成功吗？我想这取决于你如何看待生活的意义，取决于你认为你应该对社会做出什么贡献，应该对自己有什么要求。

     • 《自控力》：这本书通过一系列的实验给我们展示了关于自控力种种方面的研究成果。对于有严重拖延症的人来说，值得一看。摘抄部分结论：

     人脑想一个求知欲很强的学生，对经验有着超乎大家想象的反应。如果你每天都让大脑学习数学，他就会越来越擅长数学。如果你让他忧虑，他就会越来越忧虑。如果你让他专注，他就会越来越专注。

     • 《三体全集》：佩服作者的想象力和知识面，不过不符合个人口味，看了 40%左右，弃坑。摘录部分笔记：

     也许，人类和邪恶的关系，就是大洋与漂浮于其上的冰山的关系，它们其实是同一物质组成的巨大水体。冰山之所以被醒目的认出来，只是由于其形态不同而已，而它实质上只不过是这整个巨大水体中较小的一部分……人类真正的道德自觉是不可能的，就像他们不可能自己把着自己的头发离开大陆。

     • 《一个人的朝圣》：我只是想安安静静的去拜访个老朋友而已，你们这帮记者除了弄个大新闻还会啥？

     他发现正是这些普通人的渺小与孤独使他诧异，牵动他内心的温柔。在这个世界上有多少人每天做的事就是不断将一只脚放到另一只脚前面，日子久了，生活便显得平淡无奇。哈罗德无法再否认其实一路上见过的每个陌生人虽然是独特的，却又是一样的，这就是人生的两难。

     • 《阿城精选集》：阿城先生的《棋王》《树王》以及《孩子王》都写的非常精彩，其中又以《棋王》最为精彩：

     王一生孤身一人坐在大屋子中央，瞪眼看着我们，双手支在膝盖上，铁铸一个细树桩，似无所见，似无所闻。高高的一盏电灯，暗暗地照在他脸上，眼睛深陷进去，黑黑的似俯视大千世界，茫茫宇宙。那生命像聚在一头乱发中，久久不散，又慢慢弥散开来，灼的人脸热。

     • 《人类简史》：跳出人类的设定来看人类的发展。不同心态的人看完会有不同的结论，在这个思考的过程会刷新自己的认知。于我而言，这本书让我看问题多了一个角度：上帝视角。摘取《奢侈生活的骗局》中的一段：

     有多少年轻的大学毕业生投身大企业、从事各种劳心劳力的工作，发誓要努力赚钱，好在 35 岁就退休，去从事他们真正有兴趣的事业？但等他们到了 35 岁，却发现自己背负着巨额贷款，要支付子女的学费，要养在高级住宅区的豪宅，每家得有两部车，而且生活里面不能没有高级红酒和国外假期。他们该怎么做？他们会放下一切，回去野外挖树根？当然不可能，而是加倍努力，继续把自己累的半死。

     • 《杀死一只知更鸟》：先看的书，再看的电影，足见我很喜欢这部作品。从种族歧视的角度探讨何为正义的作品不少，但这本书有着其独特的味道，比如书中的家庭教育。如果我有一个女儿，那么我希望她能够像斯考特一样纯真、勇敢而又具有独立而思辨的灵魂。

     勇敢是：当你还未开始就已知道自己会输，可你依然要去做，而且无论如何你都要把它坚持到底。你很少能赢，但有时也会。

     • 《沉默的大多数》：这是一本王小波的杂文集，讨论的范围非常广，阅读的过程中能感受到一种思辨的快乐。这本书对我最大的影响是它让我相信一个有智慧的实诚人是可爱的。

            恕我直言，能够带来思想快乐的东西，只能是人类智慧至高的产物。比这再低一级的东西，只会给人带来痛苦；而这种低档货，就是出于功利的种种想法。 --《思维的乐趣 第二章》
            我现在当然有自己的善恶标准，而且我现在并不比别人表现的坏。我认为低智、偏执、思想贫乏是最大的邪恶。按照这个标准，别人说我最善良，就是我最邪恶时；别人说我最邪恶时，就是我最善良时。当然，我不想把这个标准推荐给别人，但我认为，聪明、达观、多知的人，比之别样的人更堪信任。 --《思维的乐趣 第四章》
            如果说贫穷是种生活方式，捡垃圾和挑大粪只是这种方式的契机。生活方式像是一个曲折漫长的故事，或者使人迷失的迷宫。很不幸的是，任何一种负面的生活都能产生很多乱七八糟的细节，使得他变得有趣；人就在这种趣味中沉沦下去，从根本上忘记了这种生活需要改进。用文化人类学的观点来看，这些细节加在一起，就叫做“文化”。 --《有关贫穷》

  上面这些书都是看完了的，现在正在看小波的《黄金时代》、张纯如的《南京大屠杀》，已经购买计划要看的有《情人》《菊与刀》《江村经济》《唐吉坷德》等等。

• 生活质量

  • 做饭水平：经过一年的锻炼，做饭经验丰富；
  • 健身进展：对比去年，背阔肌和三头肌有明显进步；最近也加强了对大腿、肩部的锻炼，目前效果不明显；俄式挺身还是没有学会，核心力量太弱；训练的不够系统，整体进步趋于平缓；
  • 摄影水平：原地踏步；
  • 游戏水平：效率上涨 100 点，但是浪费太多时间和精力，已决定 afk 。

---

展望

    2016 年还有两天就过完了。这一年，我彻底的改变了自己的职业发展方向，一切从头开始。这一年，虽然过得还不够充实，但每一天都是按照自己的意愿来生活。这一年，胜过了很多年。
    2017 年希望自己和周围的人身体都健健康康。除此之外，也希望自己能够找到一份适合自己的工作，实现自己的价值。
    最后套用一句小波的话来结束整篇文章：虽然人生在世会有种种不如意，但你仍可以在幸福与不幸中做出选择。
    新年快乐~

[kingcos]

加油！
我也正在学 Vue …对前端，尤其 JS 真是不懂啊…

[gy134340]

不知楼楼这么长时间学习吃什么。

[V2BW]

@gy134340 因为我已经工作了两年， 14 年毕业的~

[V2BW]

@kingcos 加了个油~

[Baymaxbowen]

一直在坚持看电影但是还是没有楼主看的多，厉害👍

[HustLiu]

楼主。。这一年。。吃的有点多啊

[im67]

楼主厉害了~

[im67]

工作了还能用学习和读书来做自己的年终总结，是件多么幸福的事情！

[logbang]

666

[IdJoel]

加油 羡慕楼主这种有记录的人~ 我也要记录下来看看 2017 的改变~~

[lwbjing]

赞一个。。

[lifesimple]

赞

[ianzhou233]

向大佬学习

[Transon]

佩服总是在不断充电的人

[V2BW]

@Baymaxbowen 如果没有这个爱好，不坚持也罢，太耗费时间~

[V2BW]

@HustLiu 厉害了，这都能看出来

[V2BW]

@im67 然后今年是辞职了在家学习了一年的。。。

[V2BW]

@IdJoel 快记录！

[V2BW]

@ianzhou233 向大佬学习

[Livisme]

2017 向你学习

[vsunbe]

欣赏楼主这种脚踏实地的人

[djFFFFF]

你这一年好充实啊

[weiwanying]

特别佩服 楼主好棒

[wangjialin]

github 可以放一下吗

[V2BW]

@wangjialin 当然可以呀，但是上面没有成熟的项目：[Detachment]( https://github.com/Detachment)

[wangjialin]

@V2BW 哦 还想学习下呢

[zoffy]

楼主应该是个安静不浮躁的人，我看好你

[ckckgyf]

跟楼主有点像， vue 各种遇到阻碍，感觉自己 js 不够好导致的

[V2BW]

@ckckgyf 嗯嗯，基础不好加上之前又没有类似框架的使用经验就会这样，毕竟这些框架有相互借鉴的部分

[cbb903601682]

@V2BW 楼主博客加个评论插件呗，这样好方便交流啊~

[V2BW]

@cbb903601682 有的呀，用的 DISQUS ， 没看到话应该是要翻墙

[hantsy]

一年都在捣鼓 Vue ，没上班?

[bayernmunchen]

厉害 都有记录的习惯

[V2BW]

@hantsy 嗯

[morewe]

《无声告白》打成了《独生告白》？

[V2BW]

@morewe 。。。打错了

[blake]

厉害，整篇文章下来很有条理。
同样喜欢看电影和美剧，今年的《 This is us 》和《 Westworld 》确实不错

[hantsy]

@V2BW 如果有很强的学习能力和自我管理能力（自我约束，时间管理，等），可以考虑找远程工作啊。

[V2BW]

@hantsy 主要是目前水平还不够

[V2BW]

@blake 《神探夏洛克》第四季又开始了哟~

[blake]

@V2BW 哈哈，等这一季完结再看。其实另外一直有在看一部剧 Shameless ，不知你看过没？

[V2BW]

@blake 听说过，没看过。
像这种已经播了 6.7 季的剧，想从头开始看的话真的需要耐心~

[Mel0rz]

佩服楼主。加油吧。

[wang9706]

学 js 我推荐两本书， speaking javascript, exploring es6 ,

[V2BW]

@wang9706 谢谢推荐。其中 exploring es6 看过一点，讲的太细就搁置了，啥时候静下心来再看一看。
之前是从作者的博客接触到这两笔书（他还有一本《 Exploring ES2016 and ES2017 》）的，确实是大牛~

[wang9706]

@V2BW 还有两本， effective javascript , javascript design pattern

[V2BW]

@wang9706 Get it, thanks bro~

[xiaoke0718]

自己自学完 CSS 和 HTML ，又去学了些天 JS 、感觉不难，突然想做个静态网页，不用 js 那种，发现特别乱，一点头绪都没有，感觉就像前面一双筷子，不知道怎么用， 2 天（ 1 天 10 个小时）模仿了个百度和腾讯静态的，还各种问题，排版什么的我感觉也明白了，写网页就是写不好，初学者都这样么，还是我比较笨，还是方法不对，求指点，哎

[V2BW]

@xiaoke0718 你举例的这些都是工业化程度较高的页面，如果不考虑交互、体验等方面，纯静态页面实现确实不难。
所以你的问题出现在： 1. 方法不对； 2. 经验欠缺。针对这两点： 1. 先做一些非常简单的静态页面（比如这个： http://codepen.io/Leon-Zhao/pen/jrMxBV ），循序渐进； 2. 有时间的话多做，多总结规律。
新手这样子很正常，别担心。

[xiaoke0718]

@V2BW 是个英文站 我看不懂 我英文很烂

[xiaoke0718]

@V2BW 请问能不能前端学习笔记所有发给我，因为我有工作，白天要上班，晚上可以学习前端，所以每天坐车时候不知道做什么？我在想最近学习 HTML css 语法基础怕忘记了，想补充一下，不知道怎么补充？但我在想用你的学习记录拿来补充下，可以不？