《很高兴我没有猝死》- 前端新人的 2016 年总结和感悟

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2881 天前的主题，其中的信息可能已经有所发展或是发生改变。

现在是 2016 年 12 月 31 日晚，很高兴我没有猝死。

想弥补耽搁的几年，过去一年里，我几乎一直坚持着 9117 （周一至周五每天 9 点半至 11 点半，周六、日 12 点至 24 点）。

开始前端之旅

2015 年 8 月 1 日，刚入职南通一家船舶制造国企的第三天，我就决定做改行的准备，开始前端学习之旅。每晚下班后学习两个小时，用了一个月，把最基础的 HTML, CSS, JavaScript ，到 Git, Gulp, Less, Node(Express) 过了一遍。 9 月初投了 5 份简历试试水，很幸运的得到了两个面试机会并拿到了 offer 。

入行一年

晃荡了一个月之后， 2015 年 10 月 27 日，正式入职。

试用期早已计划好疯狂学习一个月。主动坚持着 9117 。这段时间里，除了熟悉业务，我补充了一些基础知识，学习了 Angular 。

试用期过后，觉得自己有限的知识，应付工作仍然吃力，于是又自觉地坚持 9117 两个月。春节后我参与了一个全新的项目，使用 Vue + PostCSS + Webpack 。作为一位初学者，我非常珍惜这次机会。

3, 4 月，尝试着写一个监测属性变化的库和一个简单的 MVVM 框架。这段时间我找到了造轮子的快乐，于是决定 9117 制度延长至一年。

5 月，参与了另一个使用 Vue 的项目。业余时间，我开始学习 Vue 的源码，主要是响应系统。为了方便单独学习和使用，我把 Vue 的响应系统剥离了出来（地址: ob.js）。

6 月，开始学习 Virtual-DOM ，并希望尝试结合 JavaScript 表达式和 JsonML ，实现跨平台渲染（地址: eJsonML）。幸运的是，这个项目很快收到了 JsonML 作者 Stephen McKamey 的 star 。

好景不长，8 月初，因工作需要，我负责独立开发一款 Android 扫码软件。之前并没有 Android 或 Java 基础，于是中断了 eJsonML 和 Vexil 的开发。拿出全部精力，学了 1 天的 Java ， 2 天的 Kotlin ， 3 天的 Android ，一周的 RxJava, Dagger2, Firebase 等，做了个在线记事本的 Demo ，第三周开始开发，第五周上线，成就感瞬间爆棚。

9 月和 10 月，做着修修补补的工作，休了个假，过了个十一。

2016 年 10 月 26 日工作刚好满一年，决定不再续签。

目前

原本计划疯狂的玩耍半个月，然后再开始找工作。但没有工作时，才发现根本无心玩耍，于是开始疯狂的投简历。

阿里二面被淘汰，虽有些难过，但对未来仍充满信心，毕竟前端之旅我才开始一年。

目前在一家做性能加速、监控的公司做数据可视化方面的前端开发，偶尔写写服务端。

感悟

感悟太多，随便挑几条吧

入行要学好 Git

工作中 Git 真的很重要。就在前几日，一刚入行的博士生同事在转正报告中，阐述了他没有解决好冲突就上线的悲剧，并总结了一句话，“ Git 不学好，上线上到老”。 Git 不难学，网上教程也很多。建议本地建个专门学习 Git 的 repo ，针对教程多多练习。工作中如果遇到拿不准的场景，也可以用来模拟一下。在熟悉之后，建议设置一套适合自己的 alias 。

初学者要珍惜参与全新项目的机会

参与新项目可以直面很多问题，拿 CSS 来说，垂直居中、封闭浮动、高度根据宽度等比例自适应、多行文本尾部自动省略……这些问题网上有很多介绍，但真正遇到并亲自解决掉时，会有着更加深刻的体会。

如果只是直接参与项目的维护，这些问题可能都已经被解决好了，对于初学者，看着别人写好的解决方案，可能就不会有那么多的感触了。

用好 Webpack ，以及 Babel 和 PostCSS 等

Webpack 是一个神器，但是“官方文档是一坨屎”（注：引用来源找不到了）。初学者可以多看看国内的教程，多研究研究 Github 上的 Demo 。此外，对只有 JavaScript 的项目，也可以试试 Rollup。

Babel 重要性不用多说，使用 Chrome 最新浏览器开发时，可以裸 Babel 运行，这意味什么……？

我真的非常喜欢 PostCSS 搭配 CSSNext，配置好插件，就可以使用自定义变量、自定义属性集、自动加前缀等等，喜欢上标准，会让你从心底放弃 SASS ， LESS 。

Vue

Vue 的官方教程很 nice ，入门首选。

工作中建议多思考：如何划分 Vue 组件（提取公用组件、确定组件层级）、提取组件的共享状态（ vuex ）和业务逻辑（使用纯 JS ）、 Vue 组件和 CSS 模块如何搭配等问题。

当前 MVVM 框架核心是“绑定”，做的事情主要是监测变化和响应变化，在 Vue 中它们分别对应着响应系统（学习推荐 ob.js）和 Virtual-DOM ，相信业余时间学习一下会很有收获。

我的 2017 年

大量地做读书笔记
把 eJsonML，Vexil 重新拾起
平衡工作和生活，确保不猝死
护发

原文：https://segmentfault.com/a/1190000007979219

第 1 条附言 · 2017-01-01 20:33:01 +08:00

1. 谢谢各位的鼓励
2. 大家一起努力吧
3. 健康第一
4. 多点时间陪陪家人、朋友

第 2 条附言 · 2017-04-23 14:01:47 +08:00

ob.js 停止维护，改名为 smart-observe，地址：https://github.com/cnlon/smart-observe

86 条回复 • 2018-07-25 18:19:58 +08:00

shenfu1991

2016-12-31 22:16:39 +08:00

666

finab

2016-12-31 22:24:58 +08:00 via iPhone

就楼主持续一整年的 9117 的毅力，早晚要成为大牛。

Soaper

2016-12-31 22:26:25 +08:00

2017 年护发正式加入豪华晚餐系列

iannil

2016-12-31 22:26:56 +08:00

来给楼主加油

Dexter123

2016-12-31 22:31:17 +08:00

我跟楼主经历差不多也是国企跳出来做前端，刚好也是一年。。差不多也是每天很晚下班周末继续去学习的状态，本以为进步得够快了，一看楼主还是自愧不如=。=还是感觉每天工作任务太多，好多时候晚上都得继续做工作上的活，自己学习的时间越来越少了，更别说自己手动撸个轮子了。。

Anshi

2016-12-31 22:35:51 +08:00

哇就你这 9117 能坚持一个月又一个月的。。佩服。。记得多运动。。。

lithium4010

2016-12-31 23:19:53 +08:00 via Android

厉害了我的哥

FrankFang128

2016-12-31 23:22:01 +08:00

我劝楼主，接下来少用框架做项目。

DoraJDJ

2016-12-31 23:23:35 +08:00

学习能力很强，我跪了
另外这么长的工作时间，建议多调养身体

peneazy

2016-12-31 23:31:54 +08:00 via Android

学习狂人

sox

2017-01-01 00:32:30 +08:00

@FrankFang128 那用啥，复制粘贴自己的代码吗 23333

konakona

2017-01-01 00:47:28 +08:00

牛逼！

kingcos

2017-01-01 00:49:20 +08:00 via iPhone

厉害…我也想工作……(*☻-☻*)

leehung

2017-01-01 01:49:38 +08:00 via iPhone

9117 是什么？

tongyang

2017-01-01 01:54:52 +08:00 via Android

可以...

stabc

2017-01-01 02:10:21 +08:00

LZ ，坚持！

zzNucker

2017-01-01 02:53:37 +08:00

Webpack 是一个神器，但是“官方文档是一坨屎”（注：引用来源找不到了）

完全同意，不需要找来源吧，直接去看官方文档就知道了，而且评论也是一致观点。。

ericls

2017-01-01 03:13:27 +08:00 via iPhone

只看好 elm

maemolee

2017-01-01 04:12:37 +08:00

哥们儿,有个词叫 flag 不知道你了解不了解.(手动滑稽

blacktulip

2017-01-01 05:42:01 +08:00

> 每晚下班后学习两个小时，用了一个月，把最基础的 HTML, CSS, JavaScript ，到 Git, Gulp, Less, Node(Express) 过了一遍。

楼主你用了 60 个小时就学通了这一套？我只能说真神人也，换了我估计光是 JS 没 600 小时都学不通。

lihua

2017-01-01 08:11:43 +08:00 via iPhone

2017 一大商机：来 V2EX 卖护发产品。

bigzhu

2017-01-01 09:10:36 +08:00 via Android

总结的非常好，大家一起努力吧

sorra

2017-01-01 09:18:05 +08:00

佩服楼主，新的一年调整 work-life-balance 吧

it407841482

2017-01-01 09:23:33 +08:00 via Android

同南通，为啥我身边没有这样的神人。。。大家都很安逸

loading

2017-01-01 09:24:33 +08:00 via Android

至于么……

yiqiok

2017-01-01 09:57:49 +08:00

楼主学习能力真强，好奇楼主大学学什么的

kn007

2017-01-01 10:09:29 +08:00

人生在于坚持

cnkuner

2017-01-01 10:33:13 +08:00

不要随意立 flag 。

dtw5t

2017-01-01 10:39:12 +08:00 via iPhone

真·学霸

nanoxx

2017-01-01 10:46:21 +08:00 via iPhone

赞👍

yuchting

2017-01-01 10:48:14 +08:00 via Android

仅仅提醒卤煮一句话，不要用行动上的勤劳去弥补思想上的惰怠。

nanoxx

2017-01-01 10:55:09 +08:00 via iPhone

文章不是楼主写的～最后有说原文在哪里。

nanoxx

2017-01-01 10:55:59 +08:00 via iPhone

好吧，好像是同一个人～

byron

2017-01-01 11:47:04 +08:00

你必有一个锦绣的前程。

1OF7G

2017-01-01 11:48:21 +08:00

一个月，每天 2 小时， 60 小时就成功入行了，真是 nb ！佩服！

civet

2017-01-01 11:58:21 +08:00 via iPhone

krui

2017-01-01 12:32:19 +08:00 via iPhone

牛逼， 2017 继续前行

aias

2017-01-01 12:49:37 +08:00

厉害

sorkl

2017-01-01 13:29:18 +08:00 via iPhone

两种可能
楼主学习能力超乎寻常
楼主有高人指点

precisi0nux

2017-01-01 13:46:55 +08:00 via iPhone

原以为自己学习能力很厉害，一看楼主感觉自叹不如啊。

zeyandeng

2017-01-01 14:12:06 +08:00

6666

Tourin

2017-01-01 14:16:39 +08:00

南通人路过！楼主厉害，佩服佩服

alsas

2017-01-01 14:26:55 +08:00

我只能说真学霸

oska874

2017-01-01 14:29:25 +08:00

年轻真好。

likezun

2017-01-01 18:12:21 +08:00

个人观点：没有什么值得学习的，

1.带坏风气，自己 9117 ，还好意思说出来～，丢人。个人更倾向于劝人缓慢进步，双休毫不含糊，健康第一，其他靠边，就算退步也无所谓。

2.他只是在这里显摆的。毫无意义！

mhtt

2017-01-01 18:15:32 +08:00 via iPhone

好羡慕，现在年岁大了，有家庭了，坚持很难

Hito

2017-01-01 18:15:39 +08:00

向楼主学习！

ilovlowphy

2017-01-01 18:33:41 +08:00 via Android

同样是在国企，三年了，早就不想干了。也准备改变一下。目前学习中！

Raidal

2017-01-01 18:46:58 +08:00

后端狗今天学了双飞翼和圣杯布局，和楼主比起来，感觉好丢人。

uxstone

2017-01-01 19:54:08 +08:00

高人指点+学习能力很强
楼主的经历没有普遍意义

longhao

2017-01-01 20:00:02 +08:00

@finab
@iannil
@Anshi
@DoraJDJ
@stabc
@bigzhu
@sorra
@kn007
@byron
@civet
@krui
@所有人，谢谢，一起努力吧

longhao

2017-01-01 20:02:06 +08:00

@Dexter123 工作第一！我算是比较幸运吧，有业余时间。一起加油~

longhao

2017-01-01 20:05:24 +08:00

@FrankFang128 谢谢指出！前段时间找工作时碰了壁，硬是恶补很多底层知识。

longhao

2017-01-01 20:10:54 +08:00

@blacktulip
@1OF7G
举一反三、融会贯通，还是要花很多精力的

longhao

2017-01-01 20:13:44 +08:00

@it407841482
@Dexter123
@ilovlowphy
之前在国企，工资低，试用期每天闲的只能在长江边抓螃蟹，这种生活安逸得让人难受

longhao

2017-01-01 20:15:52 +08:00

@yuchting 戳中了我的痛点，真心感谢指出~

longhao

2017-01-01 20:19:31 +08:00

@likezun 谢谢指出，赞同“健康第一”

Roycom

2017-01-01 20:26:44 +08:00

护发.......................

zhenghuiy

2017-01-01 20:34:08 +08:00

> 拿出全部精力，学了 1 天的 Java ， 2 天的 Kotlin ， 3 天的 Android ，一周的 RxJava, Dagger2, Firebase 等，做了个> 在线记事本的 Demo ，第三周开始开发，第五周上线，成就感瞬间爆棚。

这。。作为 Android 开发小小吐槽一句，弯路走的不是一点半点。。。不过还是赞楼主的毅力和坚持，加油吧。

quietin

2017-01-01 20:39:21 +08:00

其它行业转行前端的真是多

DebugFuture

2017-01-01 20:50:48 +08:00

2017 ，与楼主共勉

longhao

2017-01-01 20:54:52 +08:00 via iPhone

@zhenghuiy 谢谢，当时学 Android 有人指点就好了

pigsinthesky

2017-01-01 20:58:20 +08:00

绳命在于运动，与楼主共勉。

longhao

2017-01-01 21:00:35 +08:00 via iPhone

@DebugFuture
@pigsinthesky
共勉！

lwbjing

2017-01-01 21:01:56 +08:00 via iPhone

上个月住院了我才感觉到，我应该好好休息，或者挺好的。

longhao

2017-01-01 21:05:13 +08:00 via iPhone

@lwbjing 😟健康第一，劳逸结合，共勉！

longxboy

2017-01-01 21:09:07 +08:00

带我啊。我的龙

longhao

2017-01-01 21:11:52 +08:00 via iPhone

@longxboy 后面要学 go ，还要向你请教呢

2zH

2017-01-02 18:04:10 +08:00

感觉楼主工作量不饱和呀哈哈
工作时间可以疯狂学习研究自己的东西，老板没说你？(我就被说了……)

longhao

2017-01-02 18:29:49 +08:00

@2zH 哈哈，其实我也是以工作为重，任务紧的时候，自己的事情也是全部放下的。幸运的是，其实老板也写代码，很支持我的，真心感谢他~

wobuhuicode

2017-01-02 21:03:34 +08:00 via iPhone

入门容易，精通难

longhao

2017-01-02 21:58:47 +08:00

@wobuhuicode 需要沉淀一两年吧

dothis

2017-01-03 09:19:50 +08:00

第一次留言！同南通、楼主还在南通工作么？感觉现在工作环境太安逸了、没有之前在杭州互联网公司工作的那股劲了。。。希望能留个联系方式、以后一起学习、身边就缺少一个标杆了。

zlawliet

2017-01-03 10:49:34 +08:00

总结的很好，不过你说的这些技术包括社区里提到的很多我都没听过我只知道 java SSH 、 C# MVC entity framework code first 、 jquery 这些主流的东西！你们学的那些东西在我大庄公司估计很少用。我觉得技术这种东西掌握一门核心即可！懂得多真的容易混淆迷失自己的方向给开发带来难度

CruelMoon

2017-01-03 11:30:51 +08:00

楼主这精力。。干造船一样不会差

renyijiu

2017-01-03 13:09:26 +08:00

真是佩服这么强的学习能力

holy_sin

2017-01-03 14:50:40 +08:00

纳闷为啥一致要学新东西，为啥不去撩妹呢

AmazeUI

2017-01-03 16:09:33 +08:00

加油！

crabRunning

2017-01-03 20:24:19 +08:00

哈哈我也是干船舶的，只是我大二的时候就转行了～。当年我刚毕业的时候和楼主一样有干劲，晚上回来自己折腾，周末去图书馆写代码，现在不行了，自己写的小程序碰到 bug 都懒得去思考。吐槽一下，前端真是乱，花了点时间学了 vue 和 react ，真不比学一门语言简单到哪去。

longhao

2017-01-03 22:26:33 +08:00 via iPhone

@dothis 不在南通。联系方式就不留了，建议定一两个有挑战的目标

longhao

2017-01-03 22:33:35 +08:00 via iPhone

@zlawliet 了解多点总会是好事，但一定要有几个精通的

longhao

2017-01-03 22:34:46 +08:00 via iPhone

@CruelMoon 学渣…

longhao

2017-01-03 22:35:33 +08:00 via iPhone

@holy_sin 17 年努力

longhao

2017-01-03 22:52:33 +08:00 via iPhone

@crabRunning 大二改专业还是很明智的。框架多用用，等熟悉一个了就好了

holy_sin

2017-01-04 11:35:16 +08:00

@longhao 谢谢

jasonbourne

2018-07-25 18:19:58 +08:00

厉害，真不是一般地能折腾，我要去 star