有什么比较不错的适用于纯移动端的html5的框架?

html html5 mobile by Xudong Zhang @ 2015-09-26 22:34:20

像bootstrap这种兼顾PC跟移动的感觉不错,但是只想做一个纯html5的移动段的页面,感觉各种效果什么的还是略少,而且boostrap加jquery大小也不算小。

jquery mobile也短暂看过,感觉也不是特别好。

如果只是做个纯移动的html5页面(比如微信公众号什么的),还有什么别的不错的推荐的么?


我搜索研究过一段时间,没有找到合适的单纯的html5移动页面的框架,倒是找到了很多以web技术来做跨平台应用(hybrid app)的一些框架。

我感觉这些也可以用来做移动页面(可能略显重量级了)。

  1. ionic ionicframework.com github.com/driftyco/ionic

这个是比较早的比较成熟的一个用web来做跨平台应用的,集成了angularJS.

  1. onsenUI onsen.io github.com/OnsenUI/OnsenUI

这个似乎没有ionic那么成熟,但是看起来也挺不错的,样式之类的似乎比inoic少点。也是集成了augularJS。

  1. framework7 www.idangero.us/framework7 github.com/nolimits4web/Framework7

这是俄罗斯开发的一个hybrid app的框架。

我个人正在用这个做一个小的html5移动页面的项目,个人比较后选了这个。

这个框架自建了一个类jquery的支持,几乎各种DOM操作看起来跟jquery没太大差别,这是我选这个的一个比较重要的原因,前面两个集成了angularJS,如果再集成一个jquery,感觉对移动页面来说太重了点。

它还内建了一个client端的template支持,这一点对于app开发可能比较不错,不过我用server端的template,暂时不需要这一块。

他家的文档做的非常好,清晰,而且几乎都有效果的demo,非常好。

他家的官网有一些demo应用,做的非常好,拿来可以直接用的那种,比如那个HackNews: http://guillaumebiton.github.io/HackerNews7/

还有一点,似乎taobao的人做了中文的全站翻译,对于不想看英文的人来说挺好的,站点如下: framework7.taobao.org

目前最新的release支持模块化,可以裁剪掉一些不需要的模块以减小大小。

另外说下缺点吧,他家UI风格总体是以ios为主,也有android/Material的支持,但是似乎没有ios那么好。

最后,以上是个人的意见,仅供参考。

by Xudong Zhang @2015-09-26 23:05:16.889 +0800 CST


我来回答

Markdown格式技巧

  • 行尾添加2个空格或者添加一个空行就能换行
  • 斜体: *hello* 或者 _world_
  • 加粗: **hello** 或者 __world__
  • 代码块: 添加空行,然后代码缩进4个空格
  • 特殊字符: 用\避免转义;\*就是*本身
  • python: `__name__`可以以代码形式输出__name__
  • 一个简单的例子

切换到移动版