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

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

原文 

http://www.myronliu.com/2016/12/29/随笔/2016/

PS:如果您想和业内技术大牛交流的话,请加qq群(527933790)或者关注微信公众 号(AskHarries),谢谢!

转载请注明原文出处:Harries Blog™ » 不断折腾的2016

赞 (0)

分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址