Framework7(01:简介)

1.简介

Framework7出产于:iDangero.us

免费开源!https://github.com/nolimits4web/Framework7/

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。
Framework7最主要的功能是可以使用HTMLCSSJS来开发移动应用。Framework7是完全免费开源的。
Framework7 并不能兼容所有的设备。只专注于为 iOSGoogle Material设计提供最好的体验。
如果你想开发iOS或者 Android混合应用(Phonegap/Cordova)或者你想开发 iOSGoogle Material 风格的WEB APP,那么Framework7将会是你的首选。

2.Framework7特征:

  • 容易上手使用
    只需要一个基本的HTML布局,并且把Framework7CSSJS文件引入即可!Framework7不会强制你写任何自定义的标签,也不会通过JS来生成任何额外的内容。你不需要通过JS或者JSON来写页面,只需要普通的HTML就可以。
  • 专注于iOS
    Framework7 是一个主要专业于iOS的框架。从一开始,就考虑到如何最方便快捷地实现iOS上各种惊艳的UI组件,以及复杂的动画和灵活的触摸交互。所以Framework7是你实现像素级精度的iOS应用的最佳选择。
  • 拥有Material Theme
    适用于AndroidMaterial Theme
  • 丰富的UI组件
    Framework7 有大量可以直接使用的UI组件和工具,比如modals,popup,action sheet, popover, list views, media lists, tabs,side panels, layout grid, preloader, form elements 等。大部分的组件你都完全不需要写任何JS代码。
  • 十分棒的各种接近于native效果
    手势返回,接近于iOS的滑动操作,动态导航栏,下拉刷新,而且,Framework7 有一个非常强大的”消息“组件,你可以很容易定制并集成到你的app中,然后通过异步数据服务(比如 pusher或者 PubNub)来实现不同用户之间发送消息。
  • 自定义方便
    Framework7 的所有样式文件都被分类放在了一个个很小的 .less 文件中,所以你可以只选择自己需要的部分文件。

3.更多特色:

  • 原生滚动条
    Framework7最大的特点之一就是使用了原生的滚动条。所以你的滚动条会有原生滚动条一样的加速度和回弹,没有任何bug和性能问题。
  • 不依赖第三方库
    Framework7 不依赖任何第三方库。所以它很轻量、高性能和灵活
  • 高性能的动画
    Framework7 使用硬件加速的CSS动画以达到最好的性能
  • XHR + Caching + History + Preloading
    这几个功能的组合可以让你的应用的路由功能变得非常强大。Framework7通过Ajax来加载新页面,并且可以通过缓存配置让页面的加载速度变得非常快。她会在一定的时间内缓存Ajax请求的结果(默认是10分钟),在缓存有效期内不会发送新的请求而是直接从缓存中取出结果。
  • 多个视图(分屏)支持,也就是iFrame
    Framework7支持多个独立的视图(view)。并且你可以不用写任何JS,只需要在链接上加一个 "data-view" 就可以控制每一个视图。
  • 简洁的JS API
    使用Framework7不需要学习任何新的知识,她的JS接口非常简洁易用并且功能强大。比如,当你需要弹出一个alert的时候你只需要 app.alert("Hello World!")
  • 页面动画
    Framework7最主要的一个目的就是让你的应用和iOS本地应用有相同的外观和交互体验。并且Framework7是唯一一个提供了1:1精确平滑的页面切换动画的框架。
  • Dom7 – 自定义的DOM库
    Framework7不依赖任何第三方库,包括dom操作,包括jqueryFramework7有一个自带的高性能dom库 – DOM7。并且,你不需要因为DOM7而学习任何新的知识,因为DOM7的接口和大名鼎鼎的jQuery几乎是一样的。

Framework7 QQ交流群:548512517

    原文作者:廖马儿
    原文地址: https://www.jianshu.com/p/4ae1c866fd60
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞