V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 3409 days ago, the information mentioned may be changed or developed.
现在是 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 年
Supplement 1 · Jan 1, 2017
1. 谢谢各位的鼓励
2. 大家一起努力吧
3. 健康第一
4. 多点时间陪陪家人、朋友
2. 大家一起努力吧
3. 健康第一
4. 多点时间陪陪家人、朋友
Supplement 2 · Apr 23, 2017
ob.js 停止维护，改名为 smart-observe，地址：https://github.com/cnlon/smart-observe
 |
1
shenfu1991 Dec 31, 2016
666
|
 |
2
finab Dec 31, 2016 via iPhone
就楼主持续一整年的 9117 的毅力，早晚要成为大牛。
|
 |
3
Soaper Dec 31, 2016
2017 年护发正式加入豪华晚餐系列
|
 |
4
iannil Dec 31, 2016
来给楼主加油
|
 |
5
Dexter123 Dec 31, 2016
我跟楼主经历差不多 也是国企跳出来做前端，刚好也是一年。。差不多也是每天很晚下班周末继续去学习的状态，本以为进步得够快了，一看楼主还是自愧不如=。=还是感觉每天工作任务太多，好多时候晚上都得继续做工作上的活，自己学习的时间越来越少了，更别说自己手动撸个轮子了。。
|
 |
6
Anshi Dec 31, 2016
哇 就你这 9117 能坚持一个月又一个月的。。佩服。。记得多运动。。。
|
 |
7
lithium4010 Dec 31, 2016 via Android
厉害了我的哥
|
 |
8
FrankFang128 Dec 31, 2016
我劝楼主，接下来少用框架做项目。
|
 |
9
DoraJDJ Dec 31, 2016
学习能力很强，我跪了
另外这么长的工作时间，建议多调养身体 |
 |
10
peneazy Dec 31, 2016 via Android
学习狂人
|
 |
11
sox Jan 1, 2017
@FrankFang128 那用啥，复制粘贴自己的代码吗 23333
|
 |
12
konakona Jan 1, 2017
牛逼！
|
 |
13
kingcos Jan 1, 2017 via iPhone
厉害…我也想工作……(*☻-☻*)
|
 |
14
leehung Jan 1, 2017 via iPhone
9117 是什么？
|
 |
15
tongyang Jan 1, 2017 via Android
可以...
|
 |
16
stabc Jan 1, 2017
LZ ，坚持！
|
 |
17
zzNucker Jan 1, 2017
Webpack 是一个神器，但是“官方文档是一坨屎”（注：引用来源找不到了）
完全同意，不需要找来源吧，直接去看官方文档就知道了，而且评论也是一致观点。。 |
 |
18
ericls Jan 1, 2017 via iPhone
只看好 elm
|
 |
19
maemolee Jan 1, 2017
哥们儿,有个词叫 flag 不知道你了解不了解.(手动滑稽
|
 |
20
blacktulip Jan 1, 2017  1
> 每晚下班后学习两个小时，用了一个月，把最基础的 HTML, CSS, JavaScript ，到 Git, Gulp, Less, Node(Express) 过了一遍。
楼主你用了 60 个小时就学通了这一套？我只能说真神人也，换了我估计光是 JS 没 600 小时都学不通。 |
 |
21
lihua Jan 1, 2017 via iPhone 2
2017 一大商机：来 V2EX 卖护发产品。
|
 |
22
bigzhu Jan 1, 2017 via Android
总结的非常好，大家一起努力吧
|
 |
23
sorra Jan 1, 2017
佩服楼主，新的一年调整 work-life-balance 吧
|
 |
24
it407841482 Jan 1, 2017 via Android
同南通，为啥我身边没有这样的神人。。。大家都很安逸
|
 |
25
loading Jan 1, 2017 via Android
至于么……
|
 |
26
yiqiok Jan 1, 2017
楼主学习能力真强，好奇楼主大学学什么的
|
 |
27
kn007 Jan 1, 2017
人生在于坚持
|
 |
28
cnkuner Jan 1, 2017
不要随意立 flag 。
|
 |
29
dtw5t Jan 1, 2017 via iPhone
真·学霸
|
 |
30
nanoxx Jan 1, 2017 via iPhone
赞👍
|
 |
31
yuchting Jan 1, 2017 via Android
仅仅提醒卤煮一句话，不要用行动上的勤劳去弥补思想上的惰怠。
|
|
32
nanoxx Jan 1, 2017 via iPhone
文章不是楼主写的～最后有说原文在哪里。
|
|
33
nanoxx Jan 1, 2017 via iPhone
好吧，好像是同一个人～
|
 |
34
byron Jan 1, 2017
你必有一个锦绣的前程。
|
 |
35
1OF7G Jan 1, 2017
一个月，每天 2 小时， 60 小时就成功入行了，真是 nb ！佩服！
|
 |
36
civet Jan 1, 2017 via iPhone
<strong>护肝</strong>
|
 |
37
krui Jan 1, 2017 via iPhone
牛逼， 2017 继续前行
|
 |
38
aias Jan 1, 2017
厉害
|
 |
39
sorkl Jan 1, 2017 via iPhone
两种可能
楼主学习能力超乎寻常 楼主有高人指点 |
 |
40
precisi0nux Jan 1, 2017 via iPhone
原以为自己学习能力很厉害，一看楼主感觉自叹不如啊。
|
 |
41
zeyandeng Jan 1, 2017
6666
|
 |
42
Tourin Jan 1, 2017
南通人路过！楼主厉害，佩服佩服
|
 |
43
alsas Jan 1, 2017
我只能说真学霸
|
 |
44
oska874 Jan 1, 2017
年轻真好。
|
 |
45
likezun Jan 1, 2017
个人观点：没有什么值得学习的，
1.带坏风气， 自己 9117 ， 还好意思说出来～ ， 丢人。 个人更倾向于劝人缓慢进步，双休毫不含糊，健康第一，其他靠边，就算退步也无所谓。 2.他只是在这里显摆的。毫无意义！ |
 |
46
mhtt Jan 1, 2017 via iPhone
好羡慕，现在年岁大了，有家庭了，坚持很难
|
 |
47
Hito Jan 1, 2017
向楼主学习！
|
 |
48
ilovlowphy Jan 1, 2017 via Android
同样是在国企，三年了，早就不想干了。也准备改变一下。目前学习中！
|
 |
49
Raidal Jan 1, 2017
后端狗今天学了双飞翼和圣杯布局，和楼主比起来，感觉好丢人。
|
 |
50
uxstone Jan 1, 2017
高人指点+学习能力很强
楼主的经历没有普遍意义 |
 |
51
longhao OP |
|
53
longhao OP @FrankFang128 谢谢指出！前段时间找工作时碰了壁，硬是恶补很多底层知识。
|
|
54
longhao OP |
|
55
longhao OP |
 |
58
Roycom Jan 1, 2017
护发.......................
|
 |
59
zhenghuiy Jan 1, 2017
> 拿出全部精力，学了 1 天的 Java ， 2 天的 Kotlin ， 3 天的 Android ，一周的 RxJava, Dagger2, Firebase 等，做了个> 在线记事本的 Demo ，第三周开始开发，第五周上线，成就感瞬间爆棚。
这。。作为 Android 开发小小吐槽一句，弯路走的不是一点半点。。。不过还是赞楼主的毅力和坚持，加油吧。 |
 |
60
quietin Jan 1, 2017
其它行业转行前端的真是多
|
 |
61
DebugFuture Jan 1, 2017
2017 ，与楼主共勉
|
 |
63
pigsinthesky Jan 1, 2017
绳命在于运动，与楼主共勉。
|
|
64
longhao OP |
 |
65
lwbjing Jan 1, 2017 via iPhone
上个月住院了我才感觉到，我应该好好休息，或者挺好的。
|
 |
67
longxboy Jan 1, 2017
带我啊。我的龙
|
 |
69
2zH Jan 2, 2017
感觉楼主工作量不饱和呀 哈哈
工作时间可以疯狂学习研究自己的东西，老板没说你？(我就被说了……) |
 |
71
wobuhuicode Jan 2, 2017 via iPhone
入门容易，精通难
|
|
72
longhao OP @wobuhuicode 需要沉淀一两年吧
|
 |
73
dothis Jan 3, 2017
第一次留言！同南通、楼主还在南通工作么？感觉现在工作环境太安逸了、没有之前在杭州互联网公司工作的那股劲了。。。希望能留个联系方式、以后一起学习、身边就缺少一个标杆了。
|
 |
74
zlawliet Jan 3, 2017
总结的很好，不过你说的这些技术包括社区里提到的很多我都没听过 我只知道 java SSH 、 C# MVC entity framework code first 、 jquery 这些主流的东西！ 你们学的那些东西 在我大庄公司估计很少用。 我觉得 技术这种东西掌握一门核心即可！ 懂得多真的容易混淆迷失自己的方向 给开发带来难度
|
 |
75
CruelMoon Jan 3, 2017
楼主这精力。。干造船一样不会差
|
 |
76
renyijiu Jan 3, 2017
真是佩服这么强的学习能力
|
 |
77
holy_sin Jan 3, 2017
纳闷为啥一致要学新东西，为啥不去撩妹呢
|
 |
78
AmazeUI Jan 3, 2017
加油！
|
 |
79
crabRunning Jan 3, 2017
哈哈我也是干船舶的，只是我大二的时候就转行了～。当年我刚毕业的时候和楼主一样有干劲，晚上回来自己折腾，周末去图书馆写代码，现在不行了，自己写的小程序碰到 bug 都懒得去思考。吐槽一下，前端真是乱，花了点时间学了 vue 和 react ，真不比学一门语言简单到哪去。
|
|
84
longhao OP @crabRunning 大二改专业还是很明智的。框架多用用，等熟悉一个了就好了
|
 |
86
jasonbourne Jul 25, 2018
厉害，真不是一般地能折腾，我要去 star
|
Select Language