走进移动前端

By | 2015年4月26日

仔细算来,加入新公司每日优鲜已经39天了,之所以记得这么清楚,因为记得这几年所有公司入职的日期,也是因为工作换的不多。这是回到北京的第二份工作,移动互联网公司,是自己喜欢的公司类型,也使用了比较新的技术,也让自己走进了真正的移动前端。

先说一下公司做的产品,目前公司业务主要集中在微信上,我们开发的APP「每日优鲜」android 版本已经发布在豌豆荚,百度应用,安卓市场等几个比较知名的应用市场上了,ios 版本的还在等待APP Stroe审核,预计需要一个月才能放出来。以上都是native app,本周我们也完成了web app的开发,功能跟native app是一样的,不过针对的是浏览器而已,因为业务的需要目前只能在微信内部浏览器使用,对其他手机浏览器业务功能不开放,只能显示页面。

进入到公司这些日子以来,算是踏进了前端的大门,最初的感觉就是一大波技术扑面而来,各种陌生的技术名词不断的出现,出于对于技术的喜欢,着实让我开心的不得了,随之而来就是强大的学习压力了,后面我会给出目前公司所用技术的思维导图。老板很大方,技术部统一27寸 Apple LED 显示器,Apple Mini, 无线键盘鼠标,无线触摸板,说心里话,个人是非常开心使用大屏幕的,写代码真的很爽,加上mac os 各种便捷,多屏幕切换,触摸板的强大功能,颠覆了自己之前在window下的coding体验。

前端

来说说技术,公司使用ionic进行开发,也是因为ionic 我们做到了write once, run anywhere.不过针对不同平台个别插件还是要使用各自平台原生语言来进行开发,目的就是为了进一步提高使用体验。

ionic负责打包编译成不同平台代码,内部业务开发重度依赖AngularJS,使用过AngularJS之后你会喜欢这个框架的,MVC的结构让各个模块结构非常清晰,跟之前使用jQuery操作到到NG的关注数据开发是不同的感觉,由于只关注业务跟数据,所以代码量也减少了40~50%左右,而且AngularJS非常适合SPA应用的开发。

对于JS部分的开发,我们统一使用TypeScript进行开发,之前一直使用coffeescript,这2个都是针对于js诞生的新的语法糖,2个语言的侧重点不同,typescript在开发时给人一种类似后端语言面向对象的开发方式,因为是微软推出的所以语法跟C#有很多相似的地方。

既然是前端开发肯定少不了CSS,目前我们使用SCSS根据模块划分的文件,打包时会将所有.scss文件合并在一起,自己之前是纯手工写css的,不得不承认自己CSS相关技能比较弱,也在加强CSS3相关的技能,毕竟页面上很多效果我们尽量是通过css来实现的。

与css相关的也是每个前端每天都用到的一点:布局,面对不同平台,各种终端,自适应还是非常重要的,目前我们使用的是flex-box,个人还是比较喜欢flex-box感觉灵活适应性也比较强。

工具

关于工具,自己挺汗颜的,为了使用windows系统,特地买了正版的parallels desktop,400大洋也是唯一买的一个正版软件,目前mac 上装的大部分不是免费就是破解的,感谢天朝各位破解大神。

公司所有的项目统一使用git 进行版本控制管理,我们使用git flow来规范我们日常git工作流程。

因为是第一次使用Mac os 进行工作,跟以往windows下不一样感觉就是,mac 下需要自己去学习很多命令,自己目前在使用的命令行工具是Item2跟myzsh 以及tmux分屏神器。

平时开发使用Webstrom,其实sublime也可以,不过Webstrom集成了很多功能,比如说文件监视并编译,所以干脆直接用webstrom来开发了。

Gas Mark和Charles在进行微信JS-SDK的功能开发时,做了代理,方便本地测试。

技术思维导图

技术思维导图

 

发表评论