不断折腾的2016 | 掘金技术征文

又到了为抢票发愁的时候，好在今天我终于买到，可以好好的写个2016的总结啦！

2016从年初到年尾都在不断的折腾，一些新的技术、工具。。。 最后终于从一个半前端成长为一个还算合格的前端攻城狮。

Hexo 搭建自己的博客

年初决定今年一定要坚持写博客，从毕业以来尝试了很多的博客平台，包括 csdn，farbox等等，后来决定自己搭建一个博客。开始使用最新版的 wordpress 折腾了一段时间未果，公司有位大牛跟我说github是有pages服务可以搭建静态站点，几番探寻之后决定使用, hexo来搭建一个自己博客，搭建好之后我把搭建过程记录下来，作为新博客的第一篇文章: hexo+coding搭建自己的博客 。

作为一个颜控，找了好多主题之后最终选定 yilia ,买了个 MWeb 编辑器，从年初到现在写了30多篇博客，写作确实是意见令人愉悦的事情，希望明年能也能坚持下来。

ReactNative 开发尝试

7月中旬，公司需要做一个阅读类的app，决定使用 react-native 开发安卓端，这个项目的开发时间只有一个人月，但是对我的帮助特别大，当时的技术选型时使用 redux + react-native 开发。

由于是第一次正式开发react-native 项目，于是我选择了noder-react-native 作为参考项目，仔细阅读过代码后，无论是路由、缓存的处理，还是组件抽象，状态的管理都是我耳目一新。这个项目也使用了它的模式进行开发顺利开发完成，自己对组件，状态管理也有了更深的理解。

react-native 开发中也遇到了许多的问题，APP启动的老是会有一段时间的白屏，花了很久时间想在启动的时候给App 设置一张启动图，找了各种插件，最后在android开发同学帮助下解决了这个问题(其实就是设置个背景图的就好了), react-native 版本迭代有点快，有些插件都不能支持现在的版本，所以有些地方需要自己去改动，这段时间经常跟android开发同学沟通，问一些api上的问题，也将一些插件升级之后的问题修复。

最后就是一些集成一些热更新（pushy）,消息推送（jpush）这类的插件, 这次开发收益良多，最终把一些开发过程记录了下来。react-native 开始走向mobile开发 , react-native 给android端设置启动图

和 Vue 的那些事

15年底的时候疯狂痴迷 Web Components ，某天看到一个叫 Vue 的框架支持单文件组件, 于是便是一见钟情，疯狂研究vue，刷了vue 教程和api两周之后决定做一些事情。

angular 迁移到 Vue

公司 app 中嵌入一些HTML5页面使用的angular 1.x，学完vue之后决定重构，angular迁移到vue 大部分没有什么问题，只是有些地方需要特别注意。

• scope 服务使用this， 可以在某些处理函数顶部加上 var scope = this
• 所有ng的指令对应换成 v-， 事件处理的地方 ng- 换成 @, ng-repeat 替换为 v-for
• 干掉所有 services ,换成正常的 function

vue1.0跟angular还比较接近，迁移起来也比较顺手。

开发Vue组件库

使用过vue之后愈发的喜欢，我是一个特别喜欢造轮子的人，老是想写个组件库，一直都很喜欢 material 风格的UI, 在8月初的时候遍开始写自己的第一个UI库，vue-carbon, 这里面大部分的UI是参考 framework7, 写之前把它的代码来来回回撸了好几遍，也是从那时开始flexbox布局使用的越来越熟练，对于vue的组件也有了些自己理解，其中最得意的部分是关于弹出框控制，参考了 vue-popup 的实现方式，也加入了自己思考，最终应用到组件中，一直到后来的 muse-ui 仍然在沿用, 关于 vue 弹窗组件的一些感想 。

后来的时间里，除了对 vue-carbon 的维护，我开始认真的去看 Material Design 的文档，发现之前有很多地方都是不太符合设计规范的，正好的这个时候 vue 2.0 也将要发布，于是便开始计划基于vue2.0 material design 组件，首先我把 material-ui 的源码看了很多遍，因为它是目前为止material最好的实现。三个月的时间里，晚上或是周末的时间基本都在家coding，国庆回家的时候高铁上台太过无聊，于是打开电脑开始coding…. 终于在 11 中旬发布了 Muse UI 的第一个版本，中间也写过一篇博客记录组件的开发 vue 开发波纹点击特效组件 。

Muse UI 发布之后获得了许多人的关注，所以特别感谢支持它的每一位开发者，后来的维护工作比开发复杂的多，好多的组件都反复修改，弹层框相关的组件我都完整重构过，感谢开源社区的强大，也收到很多开发者的 pr 和 issues，后面英文文档翻译都是 LinGuang 、 Justin Toh 帮我完成的。

零零碎碎的一些

2016 还有好多的事情：

• 编辑器最终选择了 Atom: atom这个IDE有点酷

• 赶了波潮流，玩了下微信小程序: 微信小程序开发初体验

• 参加过一次 html5 的培训：

  • html5网络连接
  • html5设备api
  • html5离线存储
  • html5 语义化

• 基本用使用 ES6 进行开发了：

  • ES6的二三事(一)/)
  • ES6的二三事(二)-模块化%EF%BC%8D%E6%A8%A1%E5%9D%97%E5%8C%96/)

• 终于能够熟练使用 webpack、rollup、eslint、karama 这些工具了：

  • node 和 npm 版本升级
  • npm 发布一个自己的包
  • 使用 rollup 打包你的 ES6 代码
  • javascript单元测试实践
  • editorconfig和Eslint规范代码编辑

• 读过几本书

• 有过一次说走就走的旅行——厦门

End

好久没写博客，年终总结居然花了两天才写完，希望在2017年，自己能够坚持阅读、运动、写博客。。。希望 Vue 越来越好，希望可以在公司顺利推行 Vue2.0，我也会将Muse UI 打磨的越来越完善。

最后，希望世界和平 ！！！

掘金年度征文 | 2016 与我的技术之路