不断折腾的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 打磨的越来越完善。

最后,希望世界和平 !!!

你可能感兴趣的:(2016总结)