Home > Developer > Web Develop
1. Chapter One: Understanding jquery Mobile
What is jquery mobile, simply put, is a tool, like the. NET Framework, that encapsulates APIs that allow you to quickly develop and deploy a website. It uses the technology of jquery, with the HTML5 and CSS, so that you can simply, happy to do a website. Of course, this website is used on the mobile phone.
Get ready:
What do we need to prepare? Of course, it is the development of tools, debugging tools and mobile phones (of course, it is best to Apple 6plus, but I can't afford to buy) ...
First of all to talk about development tools, to see a master level of teaching video, using a word of the beginning of a development tool, I tried to install a bit, need to install Java package, installed after, incredibly install the official tools when jumping, finally niang a bit, found it seems that the software does not support 64-bit system, OK, brother floated over , can only silently open DW CS6, to, DreamWeaver Cs6 pirated ... Yes, from the ASP era to the HTM5 era, I found the most handy or DW. Well, I'll be despised. Of course, in addition to this, if you do not like to write code, just to do the demo, please use Codiqa Bar, is said to be a visual jqm tool, OK, I am Baidu, I did not use, I still like Ctrl+c+v code.
Debugging tools, of course, is the browser, HTML5 directly can be opened with a browser, of course, the use of Google's browser, what is called ... OK, go to Google for yourself, Google is not? Well, it's called Chrome, well, why choose it, because it can simulate the phone environment, yes, just reduce it to the size of the phone. Of course some people say Firefox firefox, I support, OK, you put a seat to spare.
Say JQM bag, come on, let's just look at the code.
<script type= "Text/javascript" charset= "Utf-8" src= "Jquery.js" ></script>
First introduced is jquery this is the most critical of a package, of course, you can use the Min version or compression version, of course, personal favorite.
<link rel= "stylesheet" href= "Jquery-mobile.css"/>
document.write ("<script type= ' text/javascript ' charset= ' utf-8 ' src= ' jquery-mobile.js?" + math.random () + "' > </"+" script> ");
The second step to prepare is of course the mobile CSS and JS package, someone asked what is CSS, sorry, can't explain, or degree Niang bar.
Finally, we want to see what we need in the
<meta name= "viewport" content= "width=default-width; User-scalable=no "/>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
Right, that is the two lines, the first line, should be the key to HTML5, can adapt to the browser, the second line does not explain the standard configuration, we will copy it on the good. Well, we have finished the first lesson of the study. Well, people don't think it's enough, so let's take a look at the first lesson to learn the configuration of the head inside the HTML5.
1 <!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd ">2 <HTMLxmlns= "http://www.w3.org/1999/xhtml">3 <Head>4 <title>First Program</title>5 <Metaname= "Viewport"content= "width=default-width; User-scalable=no" />6 <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8">7 8 <Scripttype= "Text/javascript"CharSet= "Utf-8"src= "Jquery.js"></Script>9 <Linkrel= "stylesheet"href= "Jquery-mobile.css" />Ten <Scripttype= "Text/javascript"CharSet= "Utf-8"> One document.write ("<script type= ' text/javascript ' charset= ' utf-8 ' src= ' jquery-mobile.js?" +math.random ()+ "' ></" + "script>"); A </Script> - - </Head> the - <Body></Body>
Happy to use jquery mobile--------The first chapter to know Jquerymobile
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
