快快乐乐使用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介绍与使用