一个基于 Framework7 开发的简单、有趣的 Web App

[belin520]

写在前面
记得还是在 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失败的命

[itfanr]

确实 通篇英语蹩脚啊 不过我能看懂 英语一般，我也不会给你改。。。

[SoloCompany]

表示我对英文没啥感觉，但逗号和句号后面没有空格，这是要逼死强迫症的节奏啊

pu主如果怕装B失败的话，可以学学这位同学的 →_→ https://github.com/rankjie/TransAuto

[belin520]

@SoloCompany 好吧，其实用英文不是装B，而是想上 Framework7 官网的 Showcase 或者 Demo App ,现在还差 App 里面的 i18n ,和一些展示数据的翻译，对于我来说真的比编程还要痛苦了，正在想办法尽量翻译的好一些！

[abelyao]

楼主是潮汕人吗… 通讯录里面那么多潮汕的…

[belin520]

@abelyao 数据是我从自己运营项目数据库导出来的，只能说潮汕人多。。。。

[yeziahehe]

楼主，有需要可以帮你发布app

[belin520]

@yeziahehe 还在做最后的注册模块，再迭代2个版本先。

[unique]

看起来很屌的样子

[tbaby]

问下啊。。。Framework7 可以用别的打包成app的吗。。顺便问问楼主的联系方式。。。交流交流

[deaboway]

一年啦！！！

[zonghua]

Hi 聊是没有在维护了吗？