1. 程式人生 > >Framework7學習筆記之初始化App

Framework7學習筆記之初始化App

筆記 需要 默認 通知欄 default 周期 routes path 定義

一:初始化應用對象

我們想要在js文件中操作app,就需要初始化一個app對象來存儲應用本身。

在初始化app時,還可以傳遞一些參數,對app進行一些個性化定制,如:主題、緩存設置、工具欄、導航欄、通知欄等等對app整體的特性設置。

二:格式實例

var app = new Framework7({
  // App root element
  root: ‘#app‘,
  // App Name
  name: ‘My App‘,
  // App id
  id: ‘com.myapp.test‘,
  // Enable swipe panel
  panel: {
    swipe: 
‘left‘, }, // Add default routes routes: [ { path: ‘/about/‘, url: ‘about.html‘, }, ], // ... other parameters });

三:具體參數查閱

中文版(舊版):http://docs.framework7.cn/Index/init_app.html

包括了:主題、緩存設置、快速點擊事件庫、路由、push state、滑動後退、列表可排序、側邊欄、模態框、智能選取、導航欄、工具欄、圖片懶加載、通知欄、狀態欄、頁面回調函數、Ajax回調函數、模版文件、命名空間等。

英文版(新版):http://framework7.io/docs/app.html

簡化了很多設置,主要有:默認基本設置(路由、語言、函數定義、生命周期函數定義等)、module事件函數。

Framework7學習筆記之初始化App