Framework7学习笔记之初始化App

一:初始化应用对象

我们想要在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事件函数。

原文地址:https://www.cnblogs.com/ygj0930/p/8443976.html

时间: 2024-07-31 17:40:09

Framework7学习笔记之初始化App的相关文章

软件测试第六周学习笔记之“Win8 APP应用程序的白盒测试”

这周的学习笔记我想写点自己关于实验中碰到的问题和感想. 因为这次做的是白盒测试,所以我决定去测试一下上回测试的app的功能函数. 这次我用的是单元测试项目来做的白盒测试: 创建单元测试的步骤: 1.点击 “文件”->“添加”->“新建项目” 2.选择 windows应用程序-> 单元测试项目 3.在解决方案资源管理器中为单元测试项目下的引用上右击选择添加引用 4.选择解决方案下的项目中的用来测试的win8应用 接下来是单元测试的代码部分的编写了: 我要测试的是该项目中的一个字符串转化编码

Framework7学习笔记之页面路由(新版)

一:新版路由器 在新版本中,我们可以在js文件中初始化app时,将page文件加载进来,逐一命名,甚至可以传参.定义回调函数等等,十分方便,在app对象中创建的页面路由,各个页面默认是对于app可见的,也就是说各个view都可通过pageName来调用它. 如果在某个View中对一些页面进行特定的路由设置,则可以在js文件中初始化view对象时,将page文件加载进来,逐一命名.传参.定义回调函数等等. 原文地址:https://www.cnblogs.com/ygj0930/p/8445732

Framework7学习笔记之Page的定义与Page初始化

一:Page 一个page文件定义了一个app页面,它可以定义该页面的导航栏.底部工具栏.中间详细内容等等.  page通过加载到view容器中运行,而view在index.html中定义. index.html定义了app的基本结构:引入样式文件.引入js文件.创建app标签.创建view标签. 因此,page的定义文件 XX.html 不需要在定义head.body等等部分,只需要使用 div 搭建出页面的 状态栏.侧边栏.页面内容(导航栏.主体部分.底部工具栏).(不是每部分都要有,按需搭

Framework7学习笔记之App基本布局

一:App基本布局 用Framework7搭建的app,一般在index.html中引入所需的样式文件与js文件,并且搭建起整体的基本视图框架. 二:跨平台.通用型布局 <!DOCTYPE html> <html> <head> <!--1:4个meta标签,指定编码格式.界面宽高.app性质.状态栏颜色等参数--> <meta charset="utf-8"> <meta name="viewport&quo

Framework7学习笔记之View的定义与View的初始化

一:View与Views View:在应用中是一个独立的部分,她有自己的设置.页面切换和历史.每一个视图都可以有不同的导航栏.工具栏布局和不同的样式. 所以View就像是嵌在应用中的另一个应用.这种功能可以让你来分别操作一个应用中的不同部分. Views:是所有可见View的容器(不包括Modal和Panel).Views 是你的应用主容器.一个应用中只能有一个 Views.    辨析:app>views>view>page.    关系:一个app只能有一个views标签,用于容纳v

2015 IOS 学习笔记 面向对象 初始化方法 ——蓝懿教育

今天学习了面向对象以及初始化方法,这个在实际应用中比较重要,也比较抽象,所以要具体在实例中才能理解. ————————面向对象有三大特性—————— 一.封装 封装是对象和类概念的主要特性.它是隐藏内部实现,稳定外部接口,可以看作是“包装”.封装,也就是把客观事物封装成抽象的类,并且类可以把自己的数据和方法只让可信的类或者对象操作,对不可信的进行信息隐藏. 好处:使用更简单变量更安全可以隐藏内部实现细节开发速度加快 OC中一个类可以继承另一个类,被继承的类成为超类(superclass),继承的

PHP 开发 APP 接口 学习笔记与总结 - APP 接口实例 [3] 首页 APP 接口开发方案 ② 读取缓存方式

以静态缓存为例. 修改 file.php line:11 去掉 path 参数(方便),加上缓存时间参数: public function cacheData($k,$v = '',$cacheTime = 0){ //文件名 $filename = $this->_dir.$k.'.'.self::EXT; ..... line:25 把缓存时间设置为 11 位的数字,如果不满 11 位,则在时间前面补 0.再把缓存时间和缓存内容进行拼接: $cacheTime = sprintf('%011

[知了堂学习笔记]_初始化顺序

在我们每次new一个对象的时候,对象都会被初始化,但是他们初始化的顺序又是怎样呢?现在我以存在继承与不存在继承的代码给大家演示. 一.对于没有继承的初始化的顺序(静态变量,静态块.构造函数.变量) package test; //没有继承情况下的代码 public class test5 { //静态变量 private static String st="静态变量"; //静态块 static{ System.out.println(st); System.out.println(&

thinkinginjava学习笔记04_初始化与清理

java沿用了c++的构造器,使用一个和类名完全一样的方法作为类的构造器,可以有多个构造器来通过不同的参数进行构造,称为重载:不仅是构造器可以重载,其他方法也一样通过不同的形参以及不同的返回值来实现重载: 当创建一个新的对象的时候,java就需要对该对象进行初始化(如果没有创建构造器,java会自动创建一个无参构造器,也称默认构造器,并对对象进行初始化),构造器函数只对对象进行初始化操作,并没有任何返回值(也不是返回void): java中区分两个方法时,使用每个方法的参数列表(包括参数的顺序)