12.12学习经验分享#
Bruce_Zhu于2016.12.12
一、jQuery UI - 集成页页特效
autoOpen:默认打开还是关闭
buttons: 是一个数组，每个元素就是一个按钮
按钮属性
text:按钮名字
click:按钮事件
model:设置对话框是否为模式对话框
width: 宽
height:高
二、 开发插件 - 原理
-
对象方法插件 - $().each()
$.fn.extend(object)
-
全局函数插件 - $.each()
$.extend(object)
选择器插件 - 几乎不用
- 扩展jquery选择器
- jQuery官方专门推出用于扩展选择器的js库
-
目的：
将来实际开发需要独自开发插件(入门级)
为了面试
三、 HTML5介绍
HTML5目前最新的规范(标准)是2014年10月推出的
-
2005年左右出现HTML5版本(非标准)
W3C组织(两个组织定义H5规范)
-
HTML版本： 第一阶段主要学习4版本(包含5版本)
<header><nav>
-
HTML5版本之后，声明不再出现版本信息
有意的弱化版本，以后可能不再会有新版本
HTML5的规范内容实时更新
-
注意：
HTML5永远都不可能脱离javaScript
HTML5在移动端支持好于PC端
四、 HTML5新表单
-
input新类型
email:验证是否包含@
search:搜索框
url: 验证是否包含http
tel: 效果只能在移动端出现
number: 数字选择 min max step
range: 范围类型 min max step value
color: 颜色选择器date:日期类型
week:星期类型
month:月份类型
-
表单新元素
1）datalist: 定义input的备选框
input的list的值要等于datalist的id值 数据与结构的分离 数据：预定义数据内容datalist 结构：显示在页面中的元素input 使用datalist元素定义的数据，可以重复使用2）progress: 进度条
max - 设置进度条的最大值 没有min属性 - 最小值为0 value - 当前的进度值3）meter : 刻度
min: 最小值 max: 最大值 value: 当前值 low: 低预警值 high:高预警值4） output(了解) : 输出
-
表单新属性
placeholder ： 置空字符
-
multiple:允许输入多个值
多个值使用逗号隔开，例如多个邮箱
只定义属性名，没有定义属性值
3）autofocus:自动获取焦点
只定义属性名，没有定义属性值4）form：允许将表单元素定义在表单外
form表单外的表单一定要写form的id
