2015年终总结


两天后,就是新的一年。今年里,了解并熟悉了一些技术,在此做个总结。

重构方向上,掌握了移动设备上的切图,CSS3基本属性也蛮熟练了。比如radius,shadow,gradient,flexbox,transition,transform,animation,刚开始用流式布局百分比+media queries调整不同尺寸移动设备的兼容,最近尝试了rem发现真的很好用,等比缩放字体大小通通都解决了。Web Font这方面,图标有很多方便易用的,只要不是很特殊的图标,阿里的 Iconfont 和 Bootstrap 的 Font Awesome 都包括在内。但中文字体的解决方案还没有找到特别喜欢的,大多网站提供的都是云服务,有字库之前能下载,现在也不提供了。对了,听了好久的预处理,Less语法也粗粗看过,但怎么看都没实战来的感觉深刻,这个月正好拿来试试手,我原以为变量够好用了,没想到嵌套和mixin才是Csser的最大便利~

JavaScript 方向上,虽然日常工作还是写写小效果的节奏,但基础总的都过了一遍,对 JavaScript 基于prototype的面向对象也有了一个具体的理解。今年的JS代码量不够,每隔段时间敲demo还是手生,明年要仔细练习。Canvas跟着教程写了个数码点阵时钟,最后运行的时候真的觉得那是个特别有意思的技术。我对自己的coding还是不太有信心,总觉得图形化的、炫酷的交互更好玩儿。尤其是这次搭建 Github pages,看到命令行就头晕……

其他的方面,玩了会WebStorm,真真儿的重量级强悍IDE选手,和Sublime搭配写不同偏向的项目,自我感觉挺良好。遇到了几个可以单独说说的插件:SuperSlide,Swiper,fullPage.js,Mobiscroll,文档齐全功能丰富,配置习惯了非常省时间。

说说明年。一年有点儿长,不想把计划列太细又做不到。对于想学的技术,我列了份清单,很多都是还没了解过的,可能有的值得深入研究,有的半天就ok,有的选其中之一就好。希望明年年终总结的时候达成率有70%~

CSS:

  • base64
  • PostCSS
  • Semantic

Javascript:

  • RegExp
  • Ajax
  • Canvas
  • jQuery
  • underscore
  • ES6

API:

  • map SDK
  • wechat JS-SDK
  • editor
  • form valid

MVVM:

  • Angularjs
  • Backbone
  • Vue.js
  • React
  • Avalon

AMD:

  • Requriejs
  • Sea.js

Build:

  • Gulp/Grunt
  • webpack

Lang:

  • PHP
  • CoffeeScript
  • Node.js
  • Python

Other:

  • Git
  • Fiddler
  • SVG
  • Markdown

 Toc