1. 程式人生 > >十一、HTML5單頁框架View.js介紹

十一、HTML5單頁框架View.js介紹

在使用View.js開發移動端應用時,我們通常以檢視為單位拆分並實施對應的功能開發。一個檢視完整的包括了一個單獨的介面所要展現的所有內容。也就是說,視覺上一個頁面中的所有內容,都是一個特定的檢視所提供的。雖然檢視之間可能含有視覺上的共性元素,但出於簡化問題的考慮,View.js並不打算支援檢視內區域性元素的跨檢視複用。

針對“多個檢視的檢視正文中含有視覺相同的元素”的場景,View.js建議開發者將其在不同檢視中分別定義。但對於檢視正文之外的其它邊界位置,如檢視上方、檢視下方等用於執行跨檢視任務的區域,開發者則可以利用View.js提供的“檢視容器”實現這種“頁面區域性區塊是單頁應用”的特性。

例如,對於所有檢視都需要在底部展現導航入口的場景,開發者就可以按照下面程式碼展現的方式組織DOM:


<!DOCTYPE HTML>
<html>
<head>
    <link rel = "stylesheet" href = "main.css"/>
</head>
<body>
    <div data-view-container>
        <section id = "view1" data-view = "true" >
        ...
        </section>
        <section id = "view2" data-view = "true" >
            ...
        </section>  </section>ion>
    </div>
    <footer>
        <span>首頁</span>
        <span>分類</span>
        <span>購物車</span>
        <span>我的</span>
    </footer>
</body>
</html>

其中,data-view-container屬性用於告知View.js檢視容器的位置。除非額外指定,否則View.js將使使用document.body作為檢視容器。

同樣地,在使用View.js完成諸如PC管理後臺的功能開發時,開發者可以將主操作區域使用檢視容器整合在一起,而將操作區域之外的頂部導航和側邊導航作為多檢視共享使用的DOM單獨定義。

相關推薦

HTML5框架View.js介紹

在使用View.js開發移動端應用時,我們通常以檢視為單位拆分並實施對應的功能開發。一個檢視完整的包括了一個單獨的介面所要展現的所有內容。也就是說,視覺上一個頁面中的所有內容,都是一個特定的檢視所提供的。雖然檢視之間可能含有視覺上的共性元素,但出於簡化問題的考慮,View.j

HTML5框架View.js介紹 - 檢視跳轉(

檢視跳轉,是指使用者看到的介面切換為另一個介面的過程,亦即活動檢視轉移的過程。(同一時刻,只有一個檢視處於活動狀態。) 檢視跳轉時,View.js將自動調整位址列中的hash部分,使其始終反映出當前的活動檢視ID。如: http://wzhsoft.com/index.htm

Html5中的web儲存

一、在客戶端儲存資料的兩種方法: 1.localStorage:沒有時間限制的資料儲存;   sessionStorage:針對一個session的資料儲存; 由cookie完成,但cookie不適合大量資料的儲存,因為其由每個伺服器的請求來傳遞,使得cookie速度很慢且

python學習之Flask框架(三)檢視:路由上下文Flask-Script擴充套件

一、裝飾器路由的具體實現 1.Flask框架路由實現 Flask有兩大核心:Werkzeug和Jinja2 Werkzeug實現路由、除錯和Web伺服器閘道器介面 Jinja2實現了模板。 Werkzeug是一個遵循WSGI協議的python函式庫

python學習之Django框架(二):Cookie,Session的相關使用

三、cookie: Cookie,有時也用其複數形式Cookies, 指某些網站為了辨別使用者身份、進行session跟蹤而儲存在使用者本地終端的資料(通常經過加密) Cookie最早是網景公司的前僱員Lou Montulli在1993年3月的發明。 Cookie是由伺服器端

ASP.NET MVC 重點教程週年版 第回 母版使用者自定義控制元件及檔案上傳

母版頁(Master) 1.母版頁是與Controller無關的,母版頁只是一個View檔案,而沒有任何Controller與之相對應。 2.其實在ASP.NET MVC中View的aspx與母版頁並不像WebForm中那樣緊密關聯。 例如我想更換一個aspx的母版頁,只要在Action中return

Unity 遊戲框架搭建 2019 (二二) 第三章簡介&整理前的準備

整理前的準備 到目前為止,我們積攢了很多示例了,並且每個示例也都貫徹了最的約定和規則。 在上一篇的小結也說了一個比較新的東西:程式設計體驗優化。 在之前我們還積攢了一個問題:程式碼重複問題。 我們可是忍住整理的衝動忍了好久了。 所以現在也是時候準備著手整理了。 知識點和問題總結 遺留問題 我們寫列出來之前

母版子母版頁面之間的關系

default viewbag 分享 mps pad jquery err sel brush 母版頁和子母版頁,功能的頁面之間的關系,在不同功能的頁面怎麽進行差異化管理樣式和腳本,提高頁面的響應速度,使頁面更加簡潔。 頁面布局的結構圖: 一、子母版頁_Edit

NFS服務器配置和管理

nfs配置、文件共享、autofs11.1、NFS簡介 NFS是Network File System的縮寫,中文名為網絡文件系統,它是一種能使安裝了不同操作系統的計算機之間通過網絡進行共享的網絡協議。由於NFS可以快速地進行文件共享,有效地提供資源的利用率,節省本地磁盤空間,方便集中管理,所以應用廣泛。

構建之法第二章

交互 業界 用戶體驗 可用性 找到 方法 認同 我認 設計 用戶體驗有幾個層次:1 最基礎的是在交互環節,就是usablity,可用性,或者說易用性,大家說得最多的;要把可用性做好,不是太難,業界有成熟的方法,不需要太多天賦,兩個字:“用心”即可。 2 更高層次的乃情

MySQL觸發器

mysql、觸發器 MySQL的觸發器和存儲過程一樣,都是嵌入到MySQL的一段程序。觸發器是由時間來觸發某個操作,這些時間包括INSERT、UODATE和DELETE語句。如果定義了觸發程序,當數據庫執行這些語句的時候就會觸發執行相應的操作,觸發程序是與表有關的命名數據庫對象,當表上出現特定事件時,當激活

事件對象

web lpad 常用 特殊 名詞 版本 特定 cap getchar 二十一、事件對象   JavaScript事件的一個重要方面是它們擁有一些相對一致的特點,可以給你的開發提供更多的強大功能。最方便和強大的就是事件對象,他們可以幫你處理鼠標事件和鍵盤敲擊方面的情況,

接口(接口的概念,實現,繼承,實現)抽象類與抽象方法(抽象類,抽象方法概念,使用)

輸出 重寫 關鍵字 new clas main ride ring strac 接口 接口是一種用來定義程序的協議,它描述可屬於任何類和結構的一組相關行為。 接口可由方法、屬性、事件和索引器這四種成員類型的任何組合構成,但不能包含字段。 接口通過類繼承來實現,一個類雖然只能

叠代器生成器

gen 函數 返回 class gre 超出 新增 true 基礎上 叠代   叠代是一個重復的過程,每次重復即一次叠代,並且每次叠代的結果都是基於下一次叠代的結果   如公司軟件:基於第一次基礎上修改,發第二個版本,基於第二個,發第三個。。。 循環 while True

正則表達式(re模塊)

ons brush 內容 page 返回對象 req 規則 www. 叠代 re模塊 正則表達式:   字符串模糊匹配 字符(普通字符、元字符) 普通字符:普通字母,字符   完全匹配 import re print(re.findall(‘chen‘,‘shuaiges

VueJs 填坑日記之使用Amaze ui調整列表和內容頁面

port article lap idt body 設置 eight get nod 上一篇博文我們整合了Amaze ui,並且調整了一個頭部header和底部footer文件,其實做起來也很簡單,只要按照步驟來做,完全沒有問題。今天我們來重新調整一下列表頁面和內容頁面,使

Linux和Windows互傳文件用戶配置文件和密碼配置文件用戶組管理用戶管理

天才 install gin dd命令 建立 我們 log 永遠 name 十一、Linux和Windows互傳文件、用戶配置文件和密碼配置文件、用戶組管理、用戶管理一、Linux和Windows互傳文件安裝軟件包:yum install -y lrzsz(xshell,s

利用攔截器統計action執行時間

err cep time exceptio execute method current result ack 1.新建login.jsp <body> <a href="HelloAction.action">點擊統計action執行時間

安裝軟件包的三種方法RPM包介紹rpm工具用法yum工具用法yum搭建本地倉庫

rpm工具 yum工具 二十一、安裝軟件包的三種方法、RPM包介紹、rpm工具用法、yum工具用法、yum搭建本地倉庫一、安裝軟件包的三種方法rpm工具、yum工具、源碼包RPM工具:是以一種數據庫記錄的方式將需要的套件安裝到Linux主機的一套管理程序。就是說,你的Linux系統中有一個關於RPM的

Linux網絡相關firewalld和netfilternetfilter5表5鏈介紹

Linux網絡 filewalld和netfilter netfilter5表5鏈 iptables語法 三十一、Linux網絡相關、firewalld和netfilter、netfilter5表5鏈介紹、iptables語法一、Linux網絡相關(一)ifconfig:查看網卡IP,若沒有該