1.模拟器，IOS:XCODE GENYMOTION ANDROID:ECLIPSE GENYMOTION
2.jquery mobile
data-role=page 代表一个页面
data-position=fixed 代表固定工具栏
data-transition=slide 跳转动画效果
data-rel=dialog 弹窗口
button：A <button> B <input type="button" /> C <a class="ui-btn ui-btn-inline" >
data-role=controlgroup 按钮间距变小
data-type=horizontal
date-them=B
collapsible:data-role=collapsible
data-content-them:false 展开框里没有样式
data-collapsed=false 默认展开
data-role=listview 列表可用于<ul>
3. grid layout: class="ui-grid-b" 两列 ui-grid-solo 单列
子内容class="ui-block-a"
listview：data-role="listview"
data-filter = true 过滤
data-inset = true 规定可折叠按钮是否拥有圆角和外边距的样式
data-input ="#xxx" 指定ipunt取值
data-autodividers =true 按首字母分区
实现效果：http://www.jikexueyuan.com/course/273_2.html?ss=1
navbar：导航条 data-role="navbar"
学习资料：http://www.jikexueyuan.com/path/html5#stage6