評論 」 例項 設計基於JQM的WebApp「

2021-09-25 20:33:36 字數 1522 閱讀 9692

實現的功能是微博上偶然看到的乙個小測試,動物認識真實的自己,不說測試的真實性如何,只是覺得挺有趣的,還給它取了個洋氣的名字,叫 看見,自己

廢話不多說,下面開始正題

它有很多優點,比如

全平台相容,安卓,ios,windowsphone 通用

免去了更新的麻煩,因為它根本就無需安裝

無需提交到應用商店,方便、快捷地部署

缺點也非常明顯

硬體要有足夠的處理能力去支援圖形和動畫效果

網速限制,脫離了網路就無法執行

我認為這是乙個技術發展的過程,未來會變成啥樣兒誰也說不清對吧

官網鏈結  ,當前最新版本是 version 1.4.5

需要的是 jquery.mobile-1.4.5.min.css 、jquery.mobile-1.4.5.min.js 和一張 ajax-loader.gif 作為載入時的

還有,別忘記了jquery,支援版本 jquery 1.8 - 1.11 / 2.1

檔案載入好了,接下來就可以開始構建專案了,在jqm中,使用 html5 data-* 屬性為移動裝置建立對觸控友好的互動外觀,

在 jquery mobile 中,可以在單一 html 檔案中建立多個頁面,通過唯一的 id 來分隔每張頁面,並使用 href 屬性來連線彼此

  轉到頁面二a> div> div>   轉到頁面一a> div> div> 

看見,自己 全部的**也是寫在同乙個檔案中,但是如果要構建大型專案的話,不推薦採取這種方式,會嚴重影響載入時間

data-role="page"顯示在瀏覽器中的頁面

data-role="header"建立頁面上方的工具欄(常用於標題和搜尋按鈕)

data-role="content"定義頁面的內容,比如文字、影象、表單和按鈕,等等

data-role="footer"建立頁面底部的工具欄

除了查官方文件外,w3school的教程也很詳細,不過你需要將**部署到本地來檢視效果

預設有兩種主題供選擇,也可以自己 diy 定製主題,

在原有的樣式上進行修改並不是一件容易的事,如果認為可以給元素加乙個 class 然後寫樣式,會發現自己寫的樣式將會被覆蓋,因為這裡的樣式為動態新增

定製主題建議的方法是

通過themeroller,簡單方便

找到jquery.mobile.css檔案,通過複製主題a和替換每個類名稱–a的字尾名定製自己的主題

原於微博上看到的一則小測試

head

視窗大小等於裝置大小,初始大小為1,不允許使用者縮放

忽略頁面中的數字識別為**號碼

隨便畫了乙個非常簡單的 icon

在裝置上檢視圖示

css

基於Python的《慶餘年》評論分析

支援人數 3594 支援人數 2285 支援人數 1929 支援人數 1384 支援人數 1696 接下來提取字段,清洗處理,部分結果如下 達康書記的臉配上陳萍萍的名字,有種莫名的喜感。帶著鐐銬能把舞跳這麼好我是很服的,開頭的穿越設定很驚豔,第一集這個還原度真心沒得說,小范閒人畜無害的笑我可太喜歡了...

基於Web酒店管理系統的設計與實現

一 基本資訊 二 研究內容 1.摘要 構建基於web的酒店管理系統,實現利用計算機網路來管理客戶資訊 客房資訊 洒店預訂 入住 賬務結算 統計報表等功能,實現中小型酒店資訊管理的系統化 規範化和自動化。結論通過應用新技術對系統的再次開發,解決原有系統的功能缺陷,對同類資訊管理系統的設計開發有參考價值...

基於Web的仿WF工作流設計器

微軟的wf是個不錯的工作流開發平台,相對於開源的工作流實現而言,它的設計器不可謂不漂亮 當然,也和我以前看到的連線式設計器大不一樣 上個星期突然冒出個想法,能不能在web頁面上實現乙個類似的工作流設計器呢?大家都知道用js在web頁面上畫線是困難的 實際上,根本就無法畫出線來,除非用n個div元素模...