2018在路上，先给自己一点掌声！

1、前言也是序

2017，毕业了...

职业：前端开发

坐标：杭州

座右铭：一直在路上

2017年是我人生的一个转折点

再见济南，你好杭州！


我在二环路的里边 想着你

你在远方的山上 春风十里

今天的风又吹向你 下了雨

我说所有的酒 都不如你

            — —《春风十里》

想说很多，不知从哪下笔。2017改变了很多，仍需努力。记录自己，聊聊前端。

毕业担任前端开发一职，很庆幸自己在职业上的选择：

可以码着代码，交一些志趣相投的好友；

故事一：

实习进入公司还是在16年的12月5日。当时拿着自己写的 demo（PHP + MySQL），收到了人生的第一封 offer。就这样师傅带着，最基础的练手。记得第一天，就让我写了一个 dialog，而且是有源代码可参考的，“机智”的我看了一会 cv 伺候，交差。最后，功能不符合需求 ... ...

  这一年，大小经历了四个不同的项目，有合作开发的、有独立开发的，经历过爬坑的迷茫，有因为找不到问题的原因而崩溃，也曾淹没于一连串的bug中。被埋怨过、有过失落，开发的路很崎岖，坚持了、对自己苛刻了，发现踩过的脚印越发的深。

  一年的工作，或许你已经爬过了一座高山，也可能这时的你来到了半山腰，或者你还在山下观望；不管现在你能看到什么，stay hungry , stay foolish 。

2018在路上，但在开始之前，先给自己的2017一点掌声吧！

2017/12/26

二、2017有些总结

没有到不了的明天，只有起不来的早晨。

  2017分为两个阶段，7月前的实习生和7月后的正式转正。当时和我一起以实习生进来的有2个前端，2个UI妹子，5个Java，2个数据分析。同龄人学术的氛围总是会比较浓，我们这些实习生一人有一个师傅带着，第一天就是师傅从办公室领回工位的。

《简易版 PC 端（类微信）聊天模块》
《xx反电信诈骗平台》

  我的第一位领路人就是面试我的前端负责人（我“姐”哈哈），所以比较照顾我，上来就能有发挥的机会，第一个正式的项目是为公司的公安平台写一个内部聊天系统，UI原型很简单，功能很简单，终极阉割版的 PC 版微信。

技术：后台jsp模板开发，JavaScript，jQuery，layerUI，Less
编辑器： eclipse
版本控制器：svn

  就这样我和另外一个前端和一个后端开发，开始了比较正式模块开发。由于在之前的一段时间在师傅的指导下，做过一些demo，主要是练习自己的代码整洁和一些封装的思想，所以自己在开发的时候会比较在意，写的代码起码不能很乱。就这样，陆陆续续写了一周的结构样式和功能函数。就开始调接口，之前自己也我用过php写过接口，Ajax来异步请求，所以这一块也不陌生。后台模板语法，不是前后端分离的模式。

  因为是第一个放在正式项目中的模块，所以写的时候也是很认真，代码的也是有一定的可读性，但是对于易重构性，耦合性这些概念都很模糊。这次的编写代码，使自己在用jQuery开发技巧上有一定的提升，api的使用也变得熟练。也深深感到，项目实践对于技术的提升和快速。

   其中，也发现自己在逻辑和问题解决上还是比较欠缺的，不管是去找问题或者找解决方法上，相比其他的小伙伴都有些不如。这也是我暗暗下定要整理自己的一套方法库，所以开始把自己遇到的问题和解决方法记录在博客上，也尝试着看看jQuery的源码。

.box .boxRight .chatting-record .record-middle .person-talk li:nth-child(2) div {
  background-color: #E3F4F6;
}

这是回去看到自己写的css， 这样选择器嵌套的，非常影响解析的性能。

截取小部分 jQuery 写的代码，看着清晰，但代码一多就看起来很乱：

2017/12/27

《xx 后台管理系统》

  领完毕业证回来后，当月在公司就转正了，说实话除了工资上的变化外，也没有特别的感受。就开始投入到开发中去了。

  部门新的业务需要一个后台的管理系统，并且配有 app 应用。当时就已经又开始学习 vue.js 了，相关的基础语法较熟悉，写过一些 demo。所以当架构师和项目经理将任务给我的时候，我就提议了用 vue 以单页面应用的方式来开发这个系统。现在 vue 同样也是我前端开发的主力语言，当然优选但不限于 vue，也看具体的业务需求。

  也很幸运，提议有被采纳，我还是一个比较自己想法的人，在开发的时候，不管是和架构师说技术的使用，还是和产品讨论原型上的想法，都会去表达自己的意见。沟通差从来不是一个程序员固定标签，不想和不敢，不等于不会。积极、及时的沟通，可以打打推进项目的进度。

技术：vue-cli-simple、vue-router、vuex、Element-ui、Axios
编辑器：sublime
版本控制器： svn
前后端分离的架构设计

  这一次的开发，前端是我自己搭建环境，从一到二，到项目正式上线，整个开发过程下来。编写代码能力，整体项目把控、处理、解决问题的能力，都有了一定的提高。也发现自己对于产品功能、需求的理解还是比较迟钝的，其实到最后项目上线，还是没有其中的一些业务逻辑，所以上线后出现了一些不满足场景的问题。而且代码的复用性上，还没有一些思考，导致代码非常臃肿，代码维护真的有点头疼，有很大的优化空间。

《xx商城——室内导航》

  从10月份开始，我分配到了最新的项目组中，公司有一条依托室内导航的业务。有过相关的实践经验，我便负责其新的商城项目开发，周期4个月。主要包括微信公众号、Android、iOS三个平台的开发。由于第三方应用以嵌 webview 的方式，所以前端我只需要开发一套代码。当时我个人的提议是使用阿里开源的 weex 来开发 native 级的应用。架构师认为周期太短、相关经验不足、不宜冒险。

  但是无论是 阿里的weex 还是 Facebook 的 react native 都会是你我在高性能移动端 app 开发需要去学习的。

  微信公众号的开发是第一位，在用 vue 开发完管理系统后，深深的迷上了那种组件化的开发体验，代码分成清晰，易于维护、便于重构和协作开发。所以这次的开发仍然沿用了vue-cli脚手架。

技术：vue-cli、vue-router、vuex、mint-ui、wx sdk、fetch.js(封装的async await异步请求)
编辑器：vscode
版本控制器：svn
前后端分离的架构设计

  谈谈这次微信公共号的开发感受：糟糕的开发体验，在微信浏览器中的开发完全不同与普通的 webapp 后者 pc 端的开发。各种缓存、兼容性、在使用微信自带的 sdk 时也是踩了很多坑。也会因为在开发时，使用的微信开发者工具版本较低，而出现莫名的 bug。这也是自己第一次接触到微信公众号的开发，有一种难受叫做开发者工具上明明好的，手机上怎么就不行了！

  这一次的开发过程中，逐渐的熟悉了一些微信的 sdk 使用和提高了调试方面的经验。这个项目的代码整体的质量也是我自己的开发过最用心的。不管是在代码注释上、封装上、复用、耦合性上都做了一些优化。

  对于代码质量的把控，非常重要，所以都应该要有主管去 review 代码，代码不光是给电脑看的、给自己看的，也是要给别人看的。清晰的注释可以省去多余的沟通，也可以大大降低重构的难度。这也是我需要去提高的一部分，也是在努力提升自己的一点。

写不出完美的代码，但我的代码要比上一次的好！
2017/12/30

封装的异步请求，所有的接口都可以写在一个 js 文件中进行管理：

相比于一个接口、写一次完整 Axios 怎么样呢：

是不是对于接口易维护上、代码量上有一定的优化呢。

三、前端回顾、展望

  前端在这两年的发展非常的快，框架层出不穷，当然中间一段时间，也发生了一些前辈之间关于框架的争论。所以前端圈也被戏称为“娱乐圈”。

  我还是在路的前半段上，没有很广的涉猎，所以无法给出专业的想法。

  这里有一篇我看到了，关于前端发展的好文推荐《2017前端发展回顾 》

  我想讲的是，工欲善其事必先利其器，前端的基础还是三剑客（HTML、CSS、JavaScript），当你有了扎实的基础，在辅助以好的工具，好的框架会有更高的效率。也有可能你能写出更好的轮子。会用和理解还是有区别的，我写的文章大多数还是处在怎么使用上面，我给自己的设定是18年，需要去提高文章的层次和质量，更多的去分析一些原理，这样自己的能力也能够发展的更高。

四、我也有目标

说到新一年的目标，想想这一年我又完成了哪些呢：

1、这一年开始健身了，虽然去得次数少的

/**
* 健身的频率
*/
setInterval( () => {
    fitnessEvent();
}, 'A week' );

枸杞保温杯的日子说来就来，泪。

2、给自己换了一台高配的笔记本(没有因为电脑卡而不撸码的理由了)和新iPhone。

3、看了一些书东野圭吾、欧美文学的居多，最近在来回的地铁上看《三体》。也看了一些技术上、管理上的书籍。

4、这一年新交了三五好友，工作上的、生活上的也有 code gay 圈的（出自美剧《硅谷》）。

5、在 CSDN 上新开了一个专栏《前端框架 Vue 系列》，有了7万+的阅读量。整个博客截至现在有了15万+的总阅读量，很开心也拿到了准博客专家的称号，给了我很大的鼓舞。

分享永远是互联网的一条主旋律。

6、在一年的开发中，积累了一套以 Vue 为框架的前端技术栈，也有了两个项目的实践经验。

7、也有幸参与到了部门的团队建设上，在前端的招聘面试上发挥自己的作用，也觅到了一位现在的前端开发搭档。这样的面试经历，对于我的职业发展还是有很大的积极作用的。

8、当然最头等的就是拿到了大学的毕业证书和学位证书。

那 2018 新的一年：

我想在跑车里
想要一辆法拉利
想要钱 Money Money

玩笑玩笑，其实是下一句确实真理。

一切的一切都得靠你自己

技术上：

1、会在这一年更加注重去夯实自己的基础，特别的是 JavaScript 上。

2、回顾一下 python，将这门语言用熟练，并加入到日常的开发中。

3、在 CSDN 和 segmentFault 上开设一个 Node.js 和读书后感的专栏。

4、上面的这些概括就是：持续的关注技术圈，学习新的东西。对自己的职业发展有更好的、清晰的一个规划。

生活上：

1、坚持去健身房，多打几场球。

2、希望有个更多的时间能看勇士队的球（big fan）。

3、希望能遇到一位技术导师（阮一峰那样的哈哈）。

4、能多陪陪家人，都能健健康康，过的更幸福。

5、人总是贪婪的，其实还有很多… …

—————————————— 欲望的分割线 ——————————————

 2017/12/31

最后的最后，回归主题，2018来了，不是世界末日。其实没什么特别，其实可以很特别。在出发之前，先给自己一点掌声。

我们的目标是：

活着就是为了改变世界，难道还有其他原因吗？

 ——乔布斯

YouTube 需翻墙：

罗振宇《时间的朋友》2017跨年演讲（上）
罗振宇《时间的朋友》2017跨年演讲（下）

2018/1/2