NFH.003 - 12.12课堂笔记

---

12.12学习经验分享#

Bruce_Zhu于2016.12.12

---

一、jQuery UI - 集成页页特效

           autoOpen:默认打开还是关闭
           buttons: 是一个数组，每个元素就是一个按钮

               按钮属性

                  text:按钮名字
                  click:按钮事件

            model:设置对话框是否为模式对话框

            width: 宽
            height:高

二、 开发插件 - 原理

1. 对象方法插件 - $().each()

   $.fn.extend(object)

2. 全局函数插件 - $.each()

   $.extend(object)

3. 选择器插件 - 几乎不用

 - 扩展jquery选择器
 - jQuery官方专门推出用于扩展选择器的js库

4. 目的：

   将来实际开发需要独自开发插件(入门级)
   为了面试

三、 HTML5介绍

1. HTML5目前最新的规范(标准)是2014年10月推出的

2. 2005年左右出现HTML5版本(非标准)

   W3C组织(两个组织定义H5规范)

3. HTML版本： 第一阶段主要学习4版本(包含5版本)

4. HTML5版本之后，声明不再出现版本信息

   有意的弱化版本，以后可能不再会有新版本

   HTML5的规范内容实时更新

5. 注意：

   HTML5永远都不可能脱离javaScript
   HTML5在移动端支持好于PC端

四、 HTML5新表单

1. input新类型

   email:验证是否包含@
   search:搜索框
   url: 验证是否包含http
   tel: 效果只能在移动端出现
   number: 数字选择 min max step
   range: 范围类型 min max step value
   color: 颜色选择器

   date:日期类型
   week:星期类型
   month:月份类型

2. 表单新元素

   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(了解) : 输出

3. 表单新属性

   1. placeholder ： 置空字符

   2. multiple:允许输入多个值

      多个值使用逗号隔开，例如多个邮箱
      　　　　　　 只定义属性名，没有定义属性值

   3）autofocus:自动获取焦点

    只定义属性名，没有定义属性值
   

   4）form：允许将表单元素定义在表单外

    form表单外的表单一定要写form的id