又到了为抢票发愁的时候,好在今天我终于买到,可以好好的写个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 打磨的越来越完善。
最后,希望世界和平 !!!