快快樂樂使用Jquery mobile--------第一章認識Jquerymobile

時間 2020-04-09

標籤快快樂樂使用 jquery mobile 第一章認識 jquerymobile 欄目 JQuery 简体版

原文原文鏈接

一、第一章：認識Jquery mobilejavascript

什麼是Jquery mobile，簡單點來講，是一個工具，就像.net框架，封裝了一些API，可以讓你快速的開發部署出一個網站。它利用了Jquery的技術，配合上html5 和css，讓你可以簡簡單單，快快樂樂的作一個網站。固然，這網站是用在手機上的。css

準備：html

　　咱們須要準備什麼東西呢？固然，是開發工具、調試工具和手機（固然最好是蘋果6plus啦，惋惜俺買不起）……………………html5

　　首先說說開發工具，看某大師級別的教學視頻，使用的是A字開頭的一款開發工具，俺試着安裝了一下，須要安裝java的包包，裝完之後，竟然安裝正式工具的時候跳不過去，最後度娘了一下，發現好像該軟件不支持64位的系統，好吧，哥飄過，只能默默的打開DW CS6了，對，DreamWeaver Cs6 盜版的……對，從ASP時代到htm5時代，我發現最順手的仍是DW 。好吧，我會被輕視了。固然除了這個之外，若是是不喜歡寫代碼的，只是用來作demo的，請使用Codiqa吧，聽說是一款可視化的jqm的工具，好吧，我是百度的，我本身卻是沒有用過，我仍是喜歡Ctrl+C+V代碼。java

調試工具方面，固然是瀏覽器了，html5的直接能夠用瀏覽器來打開，固然，使用的是google的瀏覽器，那個叫啥…… 好吧，本身去google一下吧，google不了？那好吧，是叫chrome，恩，爲啥選它，由於它能夠模擬手機環境，是的，只要把它縮小到手機尺寸就能夠了。固然有的人說火狐火狐，我支持，好吧，你就裝一個座位備用吧。jquery

　再說說jqm包吧，來，咱們直接看看代碼chrome

　　<script type="text/javascript" charset="utf-8" src="jquery.js"></script>瀏覽器

首先引入的是jquery 這個是最關鍵的一個包包啦，固然，你能夠用min版或者是壓縮版，固然我的喜好。框架

　　 <link rel="stylesheet" href="jquery-mobile.css" />dom

document.write("<script type='text/javascript' charset='utf-8' src='jquery-mobile.js?" + Math.random() + "'></" + "script>");

第二步要準備的固然是mobile的css 和 js 包了，有人問什麼是css，對不起，解釋不了，仍是度娘吧。

最後咱們要看一下，咱們的html5裏面的<head></head> 裏面還須要什麼東東。

對了，就是這兩行，第一行，應該是html5的關鍵，能夠適應瀏覽器，第二行就不解釋了，標準配置，你們把它抄上就行了。恩，那咱們完成了第一課的學習。好吧，你們以爲仍是不夠，那咱們貼貼代碼，看看第一節課學習了 html5裏面的 head的配置吧。

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <title>第一個程序</title>
 5 <meta name="viewport" content="width=default-width; user-scalable=no" />
 6 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 7 
 8 <script type="text/javascript" charset="utf-8" src="jquery.js"></script>
 9 <link rel="stylesheet" href="jquery-mobile.css" />
10 <script type="text/javascript" charset="utf-8">
11 document.write("<script type='text/javascript' charset='utf-8' src='jquery-mobile.js?" + Math.random() + "'></" + "script>"); 12 </script>
13 
14 </head>
15 
16 <body></body>

1. 六一快樂
2. 第一章（第七節）即使快樂是真的
3. 1024快樂！
4. 快樂
5. 2016! 新年快樂! 猴年快樂!
6. 新年快樂
7. 離職使我快樂
8. LeetCode202——快樂數
9. 元旦快樂！
10. Leetcode-快樂數
更多相關文章...
• Hibernate樂觀鎖 - Hibernate教程
• Maven 快照(SNAPSHOT) - Maven教程
• IntelliJ IDEA 代碼格式化配置和快捷鍵
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。