打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Framework7
Framework7
特色的HTML框架
可以创建精美的iOS应用
MIT Licensed, v1.0.3 released on March 7, 2015 | 更新日志

想兼容所有的主流安卓手机?试试 Framework7-Plus

Framework7

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发iOS7风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。

Framework7 并不能兼容所有的设备。她只专注于为iOS7 提供最好的体验。

如果你想开发iOS7混合应用(Phonegap)或者你想开发iOS7风格的WEB APP,那么Framework7将会是你的首选。

简单易用.
像写网页一样简单

使用Framework7创建iOS7应用就和搭建一个网站一样简单。你只需要一个基本的HTML布局,并且把Framework7的CSS和JS文件引入即可!Framework7不会强制你写任何自定义的标签,也不会通过JS来生成任何额外的内容。你不需要通过JS或者JSON来写页面,只需要普通的HTML就可以。

专注iOS

Framework7 是一个针对iOS7的框架。从一开始,她就考虑到如何最方便快捷地实现iOS7上各种惊艳的UI组件,以及复杂的动画和灵活的触摸交互。所以Framework7是你实现像素级精度的iOS7应用的最佳选择。

UI 组件

Framework7 有大量可以直接使用的UI组件和工具,比如modals,popup,action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader, form elements 等。大部分的组件你都完全不需要写任何JS代码。

杀手锏

滑动返回

Framework7的一个最大特色就是提供了的滑动返回功能,当你从屏幕左侧向右滑动的时候可以返回到上一个页面。并且,这不是一个 A-B 动画,她完全跟随你的手指触摸而移动。3 滑动返回

自定义

Framework7 的所有样式文件都被分类放在了一个个小的 less 文件中,所以你可以只选择自己需要的部分文件。

这里有很多使用Framework7并且上架App Store的应用 Showcase:

更多的特色...

原生滚动条

Framework7最大的特点之一就是使用了原生的滚动条。所以你的滚动条会有原生滚动条一样的加速度和回弹,没有任何bug和性能问题。

多个视图

Framework7支持多个独立的视图(view)。并且你可以不用写任何JS,只需要在链接上加一个 data-view 就可以控制每一个视图。

不依赖第三方框架

Framework7 不依赖任何第三方框架。所以它很轻量、高性能和灵活。

简洁的JS API

使用Framework7不需要学习任何新的知识,她的JS接口非常简洁易用并且功能强大。比如,当你需要弹出一个alert的时候你只需要 app.alert("Hello World!")

高性能的动画

Framework7 使用硬件加速的CSS动画以达到最好的性能。

页面动画

Framework7最主要的一个目的就是让你的应用和iOS7本地应用有相同的外观和交互体验。并且Framework7是唯一一个提供了1:1精确平滑的页面切换动画的框架。

XHR + Caching + History + Preloading

这几个功能的组合可以让你的应用的路由功能变得非常强大。Framework7 通过Ajax来加载新页面,并且可以通过缓存配置让页面的加载速度变得非常快。她会在一定的时间内缓存Ajax请求的结果(默认是10分钟),在缓存有效期内不会发送新的请求而是直接从缓存中取出结果。

Dom7 - 自定义的DOM库

Framework7不依赖任何第三方框架,包括dom操作,包括jquery。她有一个自带的高性能dom库 - DOM7。并且,你不需要因为DOM7而学习任何新的知识,因为DOM7的接口和大名鼎鼎的jQuery几乎是一样的。

Featured iOS Apps Made With Framework7

More apps in Showcase

并且它是完全免费的

Framework7 是完全免费开源的(MIT 协议)

下载开始使用文档贡献

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
7个优秀的国内外移动端web框架
React Native与ExMobi技术路线探索
墙裂推荐 iOS 资源大全
【建议收藏】andriod 资源大全
AngularJS 、Backbone.js 和 Ember.js 的比较
如何基于 WebComponents 封装 UI 组件库
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服