响应式开发复习.pdfVIP

复习要点：

第一章：jquerymobile的

1.如何第一个移动web页面？

去官网对应的框架文件：三个必不可少的三个框架文件：

jquery.mobile-1.4.5.css

jquery-1.9.1.js

jquery.mobile-1.4.5.js

（考试的时候会提供素材给大家。）

metaname=viewportcontent=width=device-width,initial-scale=1/

linkhref=JQuery.mobile/jquery.mobile-1.4.5.cssrel=stylesheettype=text/css

scripttype=text/javascriptsrc=JQuery.mobile/jquery-1.9.1.js/script

scripttype=text/javascriptsrc=JQuery.mobile/jquery.mobile-1.4.5.js/script

2.搞清楚页面结构：

Html

Divdata-role=page

Header

Content

Footer

同一个html页面中是可以定义多个page

每一个page需要有唯一的一个id

3.

头部和尾部要固定。——data-position=fixed

4.页面过渡

翻页效果data-transition=flip

Fadepopswip。。。

第二章：jquerymobile的组件

1.按钮，按钮带图标

2.导航栏

底部footer用导航来设计三个tab，按钮上面要有图标，homeusergridheart等样式

3.

头部栏，——工具按钮不超过两个，home，如果有一个按钮，放左边和放右边？

尾部栏，

4.面板

定义的时候要注意下位置：header的前面，footer的后面

必考，点击头部栏中的按钮，会出现面板：自己定义的关闭按钮：

面板出现的方式有三种：overlayrevealpush

在左侧出现，——在右侧出现

5.弹窗

出现弹窗：关闭按钮，内容。

6.列表——过滤

每一项，，标题文字，段文字，

给列表上方要有一个搜索框，输入搜索内容，——列表会显示不同的值

点击列表中的某一项，出现弹窗。

表单——不考

列表过滤，上方需要一个输入文本框，在输入条件，根据条件来过滤

Placeholder属性是用来设置文本框的提示文字

第三章：jquerymobile的

1.data-theme=a/b

A默认的灰色的，黑色的文字

B反过来，黑色的背景，白色的文字。

自定义。A~z

第四章：jquery选择器

1.三大基本选择器

元素，id，类名

复合

工厂函数$(“”)

层次选择器：

祖先

父子

Pre+next

简单过滤

第五章：jquerymobile

Tap

Taphold

滑动swipe

发生的地点在哪里。？——组件和需要进行绑定。

html

head

/head

body

pid=”myp”