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

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/1266171/blog/862565