Framework7 基礎教程


    Framework7 是一個開源免費的框架可以用來開發混合移動應用(原生和HTML混合)或者開發 iOS & Android 風格的WEB APP。也可以用來作為原型開發工具,可以迅速創建一個應用的原型。    Framework7 最主要的功能是可以使用HTML、CSS和JS來開發iOS7應用。Framework7 是完全免費開源的。    Framework7 并不能兼容所有的設備。她只專注于為 iOS 和 Google Material 設計提供最好的體驗。

2016-04-19_230625.gif2016-04-19_230649.gif
IOS 在線預覽Android 在線預覽

     如果你想開發 iOS 或者 Android 混合應用(Phonegap)或者你想開發 iOS 和 Google Material 風格的WEB APP,那么Framework7將會是你的首選。使用Framework7創建iOS7應用就和搭建一個網站一樣簡單。你只需要一個基本的HTML布局,并且把Framework7的CSS和JS文件引 入即可!Framework7不會強制你寫任何自定義的標簽,也不會通過JS來生成任何額外的內容。你不需要通過JS或者JSON來寫頁面,只需要普通的 HTML就可以。

2016-04-19_230302.gif


專注iOS

    Framework7 是一個針對iOS7的框架。從一開始,她就考慮到如何最方便快捷地實現iOS7上各種驚艷的UI組件,以及復雜的動畫和靈活的觸摸交互。所以Framework7是你實現像素級精度的iOS7應用的最佳選擇。

自定義

    Framework7 的所有樣式文件都被分類放在了一個個小的 less 文件中,所以你可以只選擇自己需要的部分文件。

原生滾動條

    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幾乎是一樣的

framework7官網

http://framework7.io/

https://github.com/nolimits4web/framework7/

下載地址


股票配资平台l选一直牛