V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
longhao
V2EX  ›  程序员

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

  •  6
     
  •   longhao ·
    cnlon · 2016-12-31 22:12:41 +08:00 · 8906 次点击
    这是一个创建于 2644 天前的主题,其中的信息可能已经有所发展或是发生改变。

    现在是 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 基础,于是中断了 eJsonMLVexil 的开发。拿出全部精力,学了 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 年

    • 大量地做读书笔记
    • eJsonMLVexil 重新拾起
    • 平衡工作和生活,确保不猝死
    • 护发

    原文: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
        1
    shenfu1991  
       2016-12-31 22:16:39 +08:00
    666
    finab
        2
    finab  
       2016-12-31 22:24:58 +08:00 via iPhone
    就楼主持续一整年的 9117 的毅力,早晚要成为大牛。
    Soaper
        3
    Soaper  
       2016-12-31 22:26:25 +08:00
    2017 年护发正式加入豪华晚餐系列
    iannil
        4
    iannil  
       2016-12-31 22:26:56 +08:00
    来给楼主加油
    Dexter123
        5
    Dexter123  
       2016-12-31 22:31:17 +08:00
    我跟楼主经历差不多 也是国企跳出来做前端,刚好也是一年。。差不多也是每天很晚下班周末继续去学习的状态,本以为进步得够快了,一看楼主还是自愧不如=。=还是感觉每天工作任务太多,好多时候晚上都得继续做工作上的活,自己学习的时间越来越少了,更别说自己手动撸个轮子了。。
    Anshi
        6
    Anshi  
       2016-12-31 22:35:51 +08:00
    哇 就你这 9117 能坚持一个月又一个月的。。佩服。。记得多运动。。。
    lithium4010
        7
    lithium4010  
       2016-12-31 23:19:53 +08:00 via Android
    厉害了我的哥
    FrankFang128
        8
    FrankFang128  
       2016-12-31 23:22:01 +08:00
    我劝楼主,接下来少用框架做项目。
    DoraJDJ
        9
    DoraJDJ  
       2016-12-31 23:23:35 +08:00
    学习能力很强,我跪了
    另外这么长的工作时间,建议多调养身体
    peneazy
        10
    peneazy  
       2016-12-31 23:31:54 +08:00 via Android
    学习狂人
    sox
        11
    sox  
       2017-01-01 00:32:30 +08:00
    @FrankFang128 那用啥,复制粘贴自己的代码吗 23333
    konakona
        12
    konakona  
       2017-01-01 00:47:28 +08:00
    牛逼!
    kingcos
        13
    kingcos  
       2017-01-01 00:49:20 +08:00 via iPhone
    厉害…我也想工作……(*☻-☻*)
    leehung
        14
    leehung  
       2017-01-01 01:49:38 +08:00 via iPhone
    9117 是什么?
    tongyang
        15
    tongyang  
       2017-01-01 01:54:52 +08:00 via Android
    可以...
    stabc
        16
    stabc  
       2017-01-01 02:10:21 +08:00
    LZ ,坚持!
    zzNucker
        17
    zzNucker  
       2017-01-01 02:53:37 +08:00
    Webpack 是一个神器,但是“官方文档是一坨屎”(注:引用来源找不到了)

    完全同意,不需要找来源吧,直接去看官方文档就知道了,而且评论也是一致观点。。
    ericls
        18
    ericls  
       2017-01-01 03:13:27 +08:00 via iPhone
    只看好 elm
    maemolee
        19
    maemolee  
       2017-01-01 04:12:37 +08:00
    哥们儿,有个词叫 flag 不知道你了解不了解.(手动滑稽
    blacktulip
        20
    blacktulip  
       2017-01-01 05:42:01 +08:00   ❤️ 1
    > 每晚下班后学习两个小时,用了一个月,把最基础的 HTML, CSS, JavaScript ,到 Git, Gulp, Less, Node(Express) 过了一遍。

    楼主你用了 60 个小时就学通了这一套?我只能说真神人也,换了我估计光是 JS 没 600 小时都学不通。
    lihua
        21
    lihua  
       2017-01-01 08:11:43 +08:00 via iPhone   ❤️ 2
    2017 一大商机:来 V2EX 卖护发产品。
    bigzhu
        22
    bigzhu  
       2017-01-01 09:10:36 +08:00 via Android
    总结的非常好,大家一起努力吧
    sorra
        23
    sorra  
       2017-01-01 09:18:05 +08:00
    佩服楼主,新的一年调整 work-life-balance 吧
    it407841482
        24
    it407841482  
       2017-01-01 09:23:33 +08:00 via Android
    同南通,为啥我身边没有这样的神人。。。大家都很安逸
    loading
        25
    loading  
       2017-01-01 09:24:33 +08:00 via Android
    至于么……
    yiqiok
        26
    yiqiok  
       2017-01-01 09:57:49 +08:00
    楼主学习能力真强,好奇楼主大学学什么的
    kn007
        27
    kn007  
       2017-01-01 10:09:29 +08:00
    人生在于坚持
    cnkuner
        28
    cnkuner  
       2017-01-01 10:33:13 +08:00
    不要随意立 flag 。
    dtw5t
        29
    dtw5t  
       2017-01-01 10:39:12 +08:00 via iPhone
    真·学霸
    nanoxx
        30
    nanoxx  
       2017-01-01 10:46:21 +08:00 via iPhone
    赞👍
    yuchting
        31
    yuchting  
       2017-01-01 10:48:14 +08:00 via Android
    仅仅提醒卤煮一句话,不要用行动上的勤劳去弥补思想上的惰怠。
    nanoxx
        32
    nanoxx  
       2017-01-01 10:55:09 +08:00 via iPhone
    文章不是楼主写的~最后有说原文在哪里。
    nanoxx
        33
    nanoxx  
       2017-01-01 10:55:59 +08:00 via iPhone
    好吧,好像是同一个人~
    byron
        34
    byron  
       2017-01-01 11:47:04 +08:00
    你必有一个锦绣的前程。
    1OF7G
        35
    1OF7G  
       2017-01-01 11:48:21 +08:00
    一个月,每天 2 小时, 60 小时就成功入行了,真是 nb !佩服!
    civet
        36
    civet  
       2017-01-01 11:58:21 +08:00 via iPhone
    <strong>护肝</strong>
    krui
        37
    krui  
       2017-01-01 12:32:19 +08:00 via iPhone
    牛逼, 2017 继续前行
    aias
        38
    aias  
       2017-01-01 12:49:37 +08:00
    厉害
    sorkl
        39
    sorkl  
       2017-01-01 13:29:18 +08:00 via iPhone
    两种可能
    楼主学习能力超乎寻常
    楼主有高人指点
    precisi0nux
        40
    precisi0nux  
       2017-01-01 13:46:55 +08:00 via iPhone
    原以为自己学习能力很厉害,一看楼主感觉自叹不如啊。
    zeyandeng
        41
    zeyandeng  
       2017-01-01 14:12:06 +08:00
    6666
    Tourin
        42
    Tourin  
       2017-01-01 14:16:39 +08:00
    南通人路过!楼主厉害,佩服佩服
    alsas
        43
    alsas  
       2017-01-01 14:26:55 +08:00
    我只能说真学霸
    oska874
        44
    oska874  
       2017-01-01 14:29:25 +08:00
    年轻真好。
    likezun
        45
    likezun  
       2017-01-01 18:12:21 +08:00
    个人观点:没有什么值得学习的,

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

    2.他只是在这里显摆的。毫无意义!
    mhtt
        46
    mhtt  
       2017-01-01 18:15:32 +08:00 via iPhone
    好羡慕,现在年岁大了,有家庭了,坚持很难
    Hito
        47
    Hito  
       2017-01-01 18:15:39 +08:00
    向楼主学习!
    ilovlowphy
        48
    ilovlowphy  
       2017-01-01 18:33:41 +08:00 via Android
    同样是在国企,三年了,早就不想干了。也准备改变一下。目前学习中!
    Raidal
        49
    Raidal  
       2017-01-01 18:46:58 +08:00
    后端狗今天学了双飞翼和圣杯布局,和楼主比起来,感觉好丢人。
    uxstone
        50
    uxstone  
       2017-01-01 19:54:08 +08:00
    高人指点+学习能力很强
    楼主的经历没有普遍意义
    longhao
        51
    longhao  
    OP
       2017-01-01 20:00:02 +08:00
    @finab
    @iannil
    @Anshi
    @DoraJDJ
    @stabc
    @bigzhu
    @sorra
    @kn007
    @byron
    @civet
    @krui
    @所有人,谢谢,一起努力吧
    longhao
        52
    longhao  
    OP
       2017-01-01 20:02:06 +08:00
    @Dexter123 工作第一!我算是比较幸运吧,有业余时间。一起加油~
    longhao
        53
    longhao  
    OP
       2017-01-01 20:05:24 +08:00
    @FrankFang128 谢谢指出!前段时间找工作时碰了壁,硬是恶补很多底层知识。
    longhao
        54
    longhao  
    OP
       2017-01-01 20:10:54 +08:00
    @blacktulip
    @1OF7G
    举一反三、融会贯通,还是要花很多精力的
    longhao
        55
    longhao  
    OP
       2017-01-01 20:13:44 +08:00
    @it407841482
    @Dexter123
    @ilovlowphy
    之前在国企,工资低,试用期每天闲的只能在长江边抓螃蟹,这种生活安逸得让人难受
    longhao
        56
    longhao  
    OP
       2017-01-01 20:15:52 +08:00
    @yuchting 戳中了我的痛点,真心感谢指出~
    longhao
        57
    longhao  
    OP
       2017-01-01 20:19:31 +08:00
    @likezun 谢谢指出,赞同“健康第一”
    Roycom
        58
    Roycom  
       2017-01-01 20:26:44 +08:00
    护发.......................
    zhenghuiy
        59
    zhenghuiy  
       2017-01-01 20:34:08 +08:00
    > 拿出全部精力,学了 1 天的 Java , 2 天的 Kotlin , 3 天的 Android ,一周的 RxJava, Dagger2, Firebase 等,做了个> 在线记事本的 Demo ,第三周开始开发,第五周上线,成就感瞬间爆棚。

    这。。作为 Android 开发小小吐槽一句,弯路走的不是一点半点。。。不过还是赞楼主的毅力和坚持,加油吧。
    quietin
        60
    quietin  
       2017-01-01 20:39:21 +08:00
    其它行业转行前端的真是多
    DebugFuture
        61
    DebugFuture  
       2017-01-01 20:50:48 +08:00
    2017 ,与楼主共勉
    longhao
        62
    longhao  
    OP
       2017-01-01 20:54:52 +08:00 via iPhone
    @zhenghuiy 谢谢,当时学 Android 有人指点就好了
    pigsinthesky
        63
    pigsinthesky  
       2017-01-01 20:58:20 +08:00
    绳命在于运动,与楼主共勉。
    longhao
        64
    longhao  
    OP
       2017-01-01 21:00:35 +08:00 via iPhone
    lwbjing
        65
    lwbjing  
       2017-01-01 21:01:56 +08:00 via iPhone
    上个月住院了我才感觉到,我应该好好休息,或者挺好的。
    longhao
        66
    longhao  
    OP
       2017-01-01 21:05:13 +08:00 via iPhone
    @lwbjing 😟健康第一,劳逸结合,共勉!
    longxboy
        67
    longxboy  
       2017-01-01 21:09:07 +08:00
    带我啊。我的龙
    longhao
        68
    longhao  
    OP
       2017-01-01 21:11:52 +08:00 via iPhone
    @longxboy 后面要学 go ,还要向你请教呢
    2zH
        69
    2zH  
       2017-01-02 18:04:10 +08:00
    感觉楼主工作量不饱和呀 哈哈
    工作时间可以疯狂学习研究自己的东西,老板没说你?(我就被说了……)
    longhao
        70
    longhao  
    OP
       2017-01-02 18:29:49 +08:00
    @2zH 哈哈,其实我也是以工作为重,任务紧的时候,自己的事情也是全部放下的。幸运的是,其实老板也写代码,很支持我的,真心感谢他~
    wobuhuicode
        71
    wobuhuicode  
       2017-01-02 21:03:34 +08:00 via iPhone
    入门容易,精通难
    longhao
        72
    longhao  
    OP
       2017-01-02 21:58:47 +08:00
    @wobuhuicode 需要沉淀一两年吧
    dothis
        73
    dothis  
       2017-01-03 09:19:50 +08:00
    第一次留言!同南通、楼主还在南通工作么?感觉现在工作环境太安逸了、没有之前在杭州互联网公司工作的那股劲了。。。希望能留个联系方式、以后一起学习、身边就缺少一个标杆了。
    zlawliet
        74
    zlawliet  
       2017-01-03 10:49:34 +08:00
    总结的很好,不过你说的这些技术包括社区里提到的很多我都没听过 我只知道 java SSH 、 C# MVC entity framework code first 、 jquery 这些主流的东西! 你们学的那些东西 在我大庄公司估计很少用。 我觉得 技术这种东西掌握一门核心即可! 懂得多真的容易混淆迷失自己的方向 给开发带来难度
    CruelMoon
        75
    CruelMoon  
       2017-01-03 11:30:51 +08:00
    楼主这精力。。干造船一样不会差
    renyijiu
        76
    renyijiu  
       2017-01-03 13:09:26 +08:00
    真是佩服这么强的学习能力
    holy_sin
        77
    holy_sin  
       2017-01-03 14:50:40 +08:00
    纳闷为啥一致要学新东西,为啥不去撩妹呢
    AmazeUI
        78
    AmazeUI  
       2017-01-03 16:09:33 +08:00
    加油!
    crabRunning
        79
    crabRunning  
       2017-01-03 20:24:19 +08:00
    哈哈我也是干船舶的,只是我大二的时候就转行了~。当年我刚毕业的时候和楼主一样有干劲,晚上回来自己折腾,周末去图书馆写代码,现在不行了,自己写的小程序碰到 bug 都懒得去思考。吐槽一下,前端真是乱,花了点时间学了 vue 和 react ,真不比学一门语言简单到哪去。
    longhao
        80
    longhao  
    OP
       2017-01-03 22:26:33 +08:00 via iPhone
    @dothis 不在南通。联系方式就不留了,建议定一两个有挑战的目标
    longhao
        81
    longhao  
    OP
       2017-01-03 22:33:35 +08:00 via iPhone
    @zlawliet 了解多点总会是好事,但一定要有几个精通的
    longhao
        82
    longhao  
    OP
       2017-01-03 22:34:46 +08:00 via iPhone
    @CruelMoon 学渣…
    longhao
        83
    longhao  
    OP
       2017-01-03 22:35:33 +08:00 via iPhone
    @holy_sin 17 年努力
    longhao
        84
    longhao  
    OP
       2017-01-03 22:52:33 +08:00 via iPhone
    @crabRunning 大二改专业还是很明智的。框架多用用,等熟悉一个了就好了
    holy_sin
        85
    holy_sin  
       2017-01-04 11:35:16 +08:00
    @longhao 谢谢
    jasonbourne
        86
    jasonbourne  
       2018-07-25 18:19:58 +08:00
    厉害,真不是一般地能折腾,我要去 star
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1540 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 17:15 · PVG 01:15 · LAX 10:15 · JFK 13:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.