不断折腾的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的二三事(二)-模块化

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

  • node 和 npm 版本升级

  • npm 发布一个本身的包

  • 使用 rollup 打包你的 ES6 代码

  • javascript单元测试实践

  • editorconfig和Eslint规范代码编辑

• 读过几本书

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

End

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

最后，但愿世界和平 ！！！