Html5+jQuery Mobile開發手機端網站感想與總結-(初)
看jQuery Mobile相關方面的東西,看了幾天,發現,其實除了裡邊預設的圖示、主題、以及點選後跳轉的效果之外,其他的東西,和普通的html頁面一樣。
jQuery Mobile注意事項:
1、新的頁面開始,標註:data-role=“page”
2、頁面中的角色:data-role=“header”,其中的header、footer、navbar等,對應的css中,均為:ui-header、ui-footer、ui-navbar等。
3、頁面中的圖示,若想要自定義圖示,則需要定義一個其他的data-icon的值,例如:頁面中就可以這樣寫 data-icon="send-msg",css檔案中,需要我們定義:ui-icon-send-msg{ background:url(../images/msg16.png);}
相當於ui-icon-加上你指定的data-icon就是對應css中的class值。
4、頁面連結同html一樣。
5、其他的樣式修改,就很繁瑣了,需要多次檢查,因為一個地方的樣式修改可能會牽扯很多地方的變動。
相關推薦
Html5+jQuery Mobile開發手機端網站感想與總結-(初)
看jQuery Mobile相關方面的東西,看了幾天,發現,其實除了裡邊預設的圖示、主題、以及點選後跳轉的效果之外,其他的東西,和普通的html頁面一樣。 jQuery Mobile注意事項: 1、新的頁面開始,標註:data-role=“page” 2、頁面中的角色:da
JS前端開發判斷是否是手機端並跳轉操作(小結)
var bForcepc = fGetQuery("dv") == "pc"; function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var
用Vue開發仿旅遊站webapp專案總結 (上)
寫著寫著發現會寫不少內容... 全部寫在一篇文章裡感覺太多了不方便看,所以分為上下篇吧... 溫馨提示 此文章,僅是做完專案後的個人覺得可以總結下來的操作/思路,接觸vue不久的朋友應該會有收穫。此專案也才是萌新做的第二個Vue專案,使用了腳手架工具( vue-cli 2.x 非 3 ),前輩老
用Vue開發仿旅遊站webapp專案總結 (下)
用Vue開發仿旅遊站webapp專案總結 (上) 該說的話,該表明的上篇已經表明了。謝謝上篇評論區一些同學~ 很鼓勵我,不過下下篇估計沒了,這篇總結完,下下篇可能就是之後學習路的總結記錄啦。 有些話還是要說的 接觸vue不久的朋友應該會有收穫。此專案也才是萌新做的第二個Vue專案,使
Intel IPP密碼庫 IPPCP 2018 開發筆記與總結(全)
Part I. 開發指南 內容參考官方文件 《Intel® Integrated Performance Primitives Cryptography Developer Guide, Intel Integrated Performance Primitives 2018》 1. G
基於vue框架專案開發過程中遇到的問題總結(一)
(一)關於computed修改data裡變數的值 問題:computed裡是不能直接修改data裡變數的值,否則在git commit 時會報錯 解決:在computed裡使用get和set來進行獲取和修改data變數,(參考下圖) (二)computed裡監聽陣列
以太坊連載(八):C++客戶端的安裝與定製(二)
從源安裝客戶端 概覽 cpp-ethereum 程式碼庫在幾個Git庫中傳播,庫在Git上被分組為webthree-umbrella庫下的子模組。 我們用一般的CMake編譯系統來生成平臺特定的架構檔案,這意味著工作流程和你用的任何作業系統都非常類似: 安裝編譯
C++ STL開發溫習與總結(二): 2.C++儲存技術
C++ STL開發溫習與總結(二):2.C++儲存技術 使用了多年C++,沒有系統的溫習總結過,所以準備溫習《C++STL程式設計師開發指南》,本系列篇章將會是溫習總結該書本概念和技術。 本節討論的C++儲存技術保局哦C++儲存型別,C++儲存
C++ STL開發溫習與總結(一): 1.C++程式設計技術
C++ STL開發溫習與總結(一):1.C++程式設計技術 使用了多年C++,沒有系統的溫習總結過,所以準備溫習《C++STL程式設計師開發指南》,本系列篇章將會是溫習總結該書本概念和技術點。 1概論 l C++語言是基於C語言的語法基礎上融入了其他語
公司開發過程中遇到的問題總結(一)
來公司已經兩個多月了,之前一直忽略了文件的積累,經過公司大佬貓哥的帶領下,我才慢慢意識到優秀的文件到底是什麼樣? 如果說生活是一門藝術,那麼每天的文件記錄是程式設計師生活中的一首高昂的讚歌!! 自己寫的工具類在測試時候報錯, org.springfra
手機射頻測試分析與總結(一)——GPS部分
剛入行的時候手機還是以2G的feature phone為主,兩三年的時間已經是3G smartphone的天下了。2G就是GSM+EDGE(就不分2.5G或者2.75G了),3G包含CDMA,WCDMA,TD-SCDMA,此外就是BT/FM這樣的標配,目前FM在很多專案
C++ STL開發溫習與總結(三): 3.C++函式技術
C++ STL開發溫習與總結(三): 3.C++函式技術 幾乎所有的C++類都有一個或多個建構函式,一個解構函式和一個賦值操作符。 對於任何一個類A,如果不想編寫上述函式,C++編譯器將自動為A產生4個預設的函式,如下:
HTML5手機端網站開發meta設定
前端在進行手機端頁面開發時,需要在頁面head中完成很多基本設定,確保頁面在手機端的顯示效果。在開發的過程中,是通過meta標籤的設定。1.viewport標籤<meta name="viewport" content="width=device-width, init
Html5+css3+angularjs+jquery+webAPi 開發手機web
前言 隨著瀏覽器的發展 HTML5+CSS3 的使用也越來越廣泛,一直想學這個,想學那個折騰下來幾乎沒學到什麼東西。工作經驗告訴我,要掌握一門技術,就需要在專案中去磨練, 所以我就準備開發一個手機端的BBS練練手,技術更新快,也要學的快,跟的上時代,才漲的了工資。 技術
HTML5和CSS3開發電子商務網站 第一章習題
3.<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>聚美優品常見問題頁面</title> <
如何開發手機端網頁,如何讓網頁自適應?
現在是不是很明瞭了。現在我們來解析下,我們新增的這個meta標籤。首先,meta標籤儲存的是一些使用者不可見,但是瀏覽器可見的一些元資訊,一般以鍵值對的方式儲存。比如這個<meta name="viewport" content="width=device-width,initial-scale=1.0
前端開發手機端呼叫開發者工具(控制檯資訊,報錯,介面資訊等),ios安卓通用vue-cli專案中mockjs和vConsole的使用
在vue-cli專案中mockjs和vConsole的使用 mockjs使用 1.安裝npm install mockjs 2.在src/assets目錄下建立個util資料夾,並在裡新建一個檔案mock.js 如下: const Mock = require(‘m
使用HTML5和CSS3開發電子商務網站——第三張課後作業
1.<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>申請表</title> </head&
使用HTML5和CSS3開發電子商務網站——第二章,課後作業
1.製作百度知道頁面中的"品牌全知道"板塊。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>品牌全知道<
這兩天使用jquery-mobile寫手機頁面遇到的append樣式不生效,以及listview內容顯示不完解決方法
昨天才接觸jquery-mobile,想寫一個手機適應頁面,由於基礎不好,各種問題困擾,做到晚上還沒有完成,現在把遇到的一些問題記錄下來以免後面還會遇到,都是一些基礎的問題, 使用jquery 的append 新增元素時所新增的元素樣式沒有效果,經網上查詢,解釋