写在前面
记得还是在 V2EX 上认识 Framework7 的,那时候 Framework7 才刚刚发布,文档和一些组件都还不齐全。自己前端对于移动开发这块还很空缺(可以说那时候前端也不咋地,只会实现,没有自己的思想),所以决定使用它做一个 Web app 练手,顺带在 Framework7 不断迭代的过程中读下它的源码和一些开发思想。
总得来说,Framework7 UI在 iOS 上面表现还是非常不错的,我也尝试将 App 通过 PhoneGap 打包,运行效果不得不称赞。而对于 Android ,我只能说 'Bug 很多',因为 Framework7 目前还是处于不断完善的过程中,好像基本上还没有考虑过 Android 的优化和适配。
还有值得一提的是,Framework7 的作者人非常好,只要开 issue ,一定帮解答,如果是需要增加的新特性或需要修复的 bug ,基本上在下一个版本就会体现。
关于HiApp
它本来是我用 Framework7 为我自己的一个小项目做的一个 Web App,自己一个人写,能实现自己想要的功能,但是总觉得缺少了点什么,一些编程和架构的思想也完成局限在自己有限的范围内,所以这几天下班回家,抽空把它的前端抽离了出来,放在了 GitHub 上,希望有人能帮忙指正一些东西。
项目非常小,实现了登录、类微博基础模块(时间线、发帖、评论)、基本的联系人和聊天页面,还有一个 Setting 页面,只算的上是 Framework7 一个小 Demo 。UI 也是自己胡思乱想出来的,自己没有设计基础,想不出比较好的配色和交互,只能自己觉得怎么好看就怎么来了。所以关于这方面的吐槽,就真的是吐槽了我也不知道该怎么改的啦!
技术上的选择
以前在上一个公司的时候,自己挫,不敢用一些东西,因为害怕一旦项目中遇到问题,没人帮忙解答,Google 搜不到,比如说:这个模块应该放在 ’controller‘ 还是在 ’services‘ 里面呢?
现在的公司,还有几个前端的同事,吃饭、临下班的时候,有事没事可以问一下他们,我觉得只要不是很无意义的问题,大家都会很乐意解答的。
上面的铺垫只是说我选择以下的搭配并得到了同事的帮助:
HTML Framework: Framework7
Task Runner: Grunt
Module Loader: Require.js
Templates Engine: mustache
Stylesheet Language: LESS
Demo
http://dearb.me/hi/
Github
https://github.com/BelinChung/HiApp
PS:临下班的时候,
我同事说:你那些装B的英文 README 有语法错误。
我说:哪里?
同事:下班啦!不告诉你!
坑爹啊~注定装B失败的命
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/122216
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.