WIFI连接建立历程 - jquerymobile-一第一个jquerymobile...- UIScrollView可以定位到滚动的具体位置，就这么简略

当前位置: 编程技术>移动开发

本页文章导读:

▪WIFI连接建立历程 WIFI连接建立过程WIFI建立过程概述： STA ------------> Probe Request ----------------> AP //广播自身数据 STA <------------ Probe Response <------------- AP STA ------------> Authentication Request --------&.........

▪ jquerymobile-一第一个jquerymobile页面 jquerymobile-1 第一个jquerymobile页面最近在公司做一个移动客户端，混合应用模式开发，使用的Jquerymobile，自己对jquerymobile不是很熟悉，利用空闲的时间从头开始学习jquerymobile。希望通过自己的.........

▪ UIScrollView可以定位到滚动的具体位置，就这么简略 UIScrollView可以定位到滚动的具体位置，就这么简单CGPoint position = CGPointMake(0, 142); [hotScrollerView setContentOffset:position animated:YES]; ......

[1]WIFI连接建立历程

来源: 互联网发布时间: 2014-02-18

WIFI连接建立过程

WIFI建立过程概述：

STA ------------> Probe Request ----------------> AP //广播自身数据

STA <------------ Probe Response <------------- AP

STA ------------> Authentication Request --------> AP //认证Auth类型，Open System , Shared Key等

STA ------------> Authentication Response------> AP

STA-------------> Association Request ------------> AP //请求与AP建立关联，从而可以进行数据交互

STA-------------> Association Response-----------> AP

WEP/WPA/WPA2/DISABLED Security Type.

Data Communication

http://standards.ieee.org/about/get/802/802.11.html

[2] jquerymobile-一第一个jquerymobile页面

来源: 互联网发布时间: 2014-02-18

jquerymobile-1 第一个jquerymobile页面

最近在公司做一个移动客户端，混合应用模式开发，使用的Jquerymobile，自己对jquerymobile不是很熟悉，利用空闲的时间从头开始学习jquerymobile。希望通过自己的努力，和记录能够使自己对于jquerymobile有一定的了解。

花了几分钟写了一个jquerymobile的最简单的页面，学习每个技术都是先写hello XX，所以我这次第一次写的是hello jquerymobile。代码如下：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>第一个jquerymobile页面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" /> 
    <link rel="stylesheet" href="/blog_article/jqm/jquery.mobile-1.2.0.min.css"/>
    <script src="/blog_article/jqm/jquery-1.8.2.min.js"></script>
    <script src="/blog_article/jqm/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>
	<div id="first" data-role="page">
        <div id="header" data-role="header">
        	<h1>这是第一个jquerymobile页面</h1>
        </div>
        <div id="content" data-role="content">
        	Hello Jquerymobile!!
        </div>
        <div id="footer" data-role="footer">
        	<h4>Footer</h4>
        </div>
    </div>
</body>
</html>

这是一个很简单的页面，但是有几点需要说明。

在代码中使用的是本地下载的css、js，但是真正做网站的时候不建议这样，建议使用jquerymobile的CDN去加载文件，代码如下：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

引用js的时候，一定要先写jquery然后再写jquerymobile，否则会出错。因为jquerymobile依赖jquery。

还有在head中的一段代码：

<meta name="viewport" content="width=device-width,initial-scale=1" />

这行代码的功能是：设置移动设备中浏览器缩放的宽度与等级。通常情况下，移动设备的浏览器默认以“900px”的宽度显示页面，这种宽度会导致屏幕缩小，页面放大，不适合浏览。如果在页面中添加元素，并设置“content”的属性值为“width=device-width,initial-scale=1”，可以使页面的宽度与移动设备的屏幕宽度相同，更加适合用户浏览。

在代码中我们并没有对header和footer加什么样式，但是显示的结果是有样式的，这样的原因是jquerymobile自动为它们添加了样式。

[3] UIScrollView可以定位到滚动的具体位置，就这么简略

来源: 互联网发布时间: 2014-02-18

UIScrollView可以定位到滚动的具体位置，就这么简单

CGPoint position = CGPointMake(0, 142);

[hotScrollerView setContentOffset:position animated:YES];