转载

52.2016-这一年的总结和随想

2016 一些感想一些总结

年前写的一篇总结，本不想放出来，但想想，总还是要有个地方存着吧。

过年放假在家，干活、打扫卫生、走亲戚，比上班还忙，晚上也算有点空闲时间对2016做些总结。

主要都是些自己的感想，想到哪说那。

今年的成长主要做了三件事

引入以 Vue.js + Webpack + Node.js 为核心的前端工程规范
把 Vue.js 作为业务前台、后台的技术栈并开源了 Rubik UI 组件库
每周都写下自己的产品、业务心得，并开源了个人项目：知乎日报爬虫、数据统计分析

回顾这一年

看了下 GitHub 上的博客，虽然总结了很多东西，但真正总结到博客上、写下来的，还真是不多，惭愧。

2017还是不应该局限在技术上，过去一年对产品的理解和总结上在纸上倒是写了不少字，今年争取也记录下来。

Vue.js

因为小巧一上手，年初我们从一个新的内部系统开始引入了 Vue.js，但因为对 vue 不熟悉所以还是和 jQuery 一起来用，完全没有理解 MVVM 的精髓。

可没多久因为公司业务变动，这个系统没做多久也废弃了，并同时开启了另一个项目，前后台的前端部分全由我一人主导，而且在做后台的过程中造了好多 vue 组件的轮子，因为造了这些轮子的经验，也最终促成了我去开发 Rubik UI 的动力。

说起 Rubik UI ，开始是为了练手，后来深入的思考这些后台在开发使用上的各种痛点后，就想借此统一内部后台系统的视觉设计、开发流程、规范等等，在权衡利弊(主要前端、设计师太少)之后，决定以 Material Design 为视觉规范，把我之前造的轮子组成一辆车，让这些复杂交互的后台不仅用起来爽，还一定要看起来漂亮。

后来，在和设计沟通和建议下，抽象出了之前的基础组件，并学习了很多优秀的开源组件库如 Element UI、AntDesign、iView 等，真是学到了很多编程思想、开发思路，对自己也产生了潜移默化的提升。

后来也最终开发出了 Rubik UI 组件库的 beta 版。虽然和社区里那些优秀的开源项目无论从资源上还是技术能力上都有差距，但这也是打磨产品和技术的必经之路。

那段时间每天都写代码到凌晨3点（不能占用白天做业务的时间），倒还真感觉很爽。

现在我们的电商业务、内容众包业务也迁入到 Vue.js 的技术栈，老业务也从 Vue 1.x 升级到了 Vue 2.0+，在此过程中也积累了很多经验。回想2016年 Vue.js 的大热，当时把 vue 作为前端技术栈的核心还真是一条正确的路。

关于前端工程

这是个庞大的话题，也是自始至终一直在做的事情。之前写过一篇前端技术工程体系和结构总结

不过工程化的很多问题现在都和业务的关联比较紧，没有抽象出更通用的系统。今年打算把异常监控统计的系统用 Node.js 重构一次，并开源出去，保证中小型系统用起来没问题。

一个人的项目

2015年的时候就开始做一个知乎日报的爬虫，但是断断续续只是爬了点没多大用的数据，所以也没多大动力做下去。

因为公司需要做一些内容型的产品，所以和后端工程师们开始写爬虫去爬各大新闻站点的新闻，因为刚开始做内容，也不知道什么内容是有用的，所以感觉有点价值的就去爬下来。

因为这期间和运营、产品、设计同学沟通了很多产品、设计相关的东西，我也逐渐锻炼成一个对产品、数据、视觉有追求的人，会用心、细致的去做好一款啊产品。

这也让我想起来那个扔了很久的知乎日报爬虫，于是用前端同学更熟悉的 Node.js + MongoDB + ES6 爬下了自 201305 知乎日报上线以来的所有文章、点赞、部分评论数据，然后用 Vue.js 的全家桶（Vue-Router Vuex）做了前端展示部分并在百度云上成功部署了项目 http://zhihu.ccforward.net/

所有的接口设计、DB设计、运维部署、视觉设计都是一个人完成，因为个人能力有限，有很多瑕疵也在所难免，但专注的去做一些事情也是快速成长的最好方式。

老板告诉我们要有产品思维、产品意识，所以我从这个爬虫项目的统计数据出发，通过可视化的数据来做分析，如我在知乎上的一段回(xia)答(che)