• 表单与文件


    1、增强的页面元素                                                    
    新增的figure和figcaption(标题)
    新增的details元素:将画面上局部区域进行展开或者收缩的方法。
    <details>
    <summary>详细</summary>
    <p>内容...</p>
    </details>
    新增的mark元素:用于突出显示或者高亮显示。常用于搜索结果中关键词的高亮显示。
    新增progrress:进度,可以是不确定的,max,value.
    新增meter:表示规定范围内的数量值。
    value,min,max,low,high,optimun
    新增的menu和command:浏览器还不支持。
    改良的ol列表:start定义编号初始值,reversed。
    改良的dl列表:dt,dd,dfn
    加以严格限制的cite:表示作品的标题。
    2、文件API                                                             
    FileList与file对象:通过设置file控件的multiple属性可以一次放置多个文件,name表示文件名,lastModifiedDate表示文件最后修改时间。
    Blob对象:表示二进制元素数据,它提供一个slice方法,可以通过该方法访问到字节内部的原始数据块。
    file也继承了Blob对象。
    size:Blob的字节长度
    type:Blob的MIME类型,如果未知类型则返回空字符串。
    常用于判断用户选择的文件类型,file控件也有accept属性(如accept="image/*")。

    FileReader接口:主要用来把文件读入内存,并且读取文件中的数据。异步。
    检查浏览器支持情况:typeof FileReader=='undefined'
    方法:readAsBinaryString、readAsText、readAsDataUrl、abort.
    事件:onabort,onerror,onloadstart,onprogress,onload,onloadend.
    fileReader对象读取到的数据都保存在result属性中。
    3、拖放API                                                              
    将想要拖放的对象元素的draggable属性设为true,然后编写与拖放有关的事件处理代码。
    事件:dragstart,drag,dragenter,dragover,dragleave,drop(有其它元素被拖放到本元素中),dragend.
    支持拖动处理的MIME类型:text/plain,text/html,text/xml,text/uri-list.

    DataTransfer对象的属性与方法:
    属性:
    dropEffect(拖放操作的视觉效果,none,copy,link,move,一般在ondragover中设置)
    effectAllowed(none,copy,copyLink,copyMove,link,linkMove,move,all,unintialize,一般在ondragstart中设置)
    type(存入数据的种类)。
    方法:
    clearData,setData,getData,setDropImage.

  • 相关阅读:
    nosql数据库:mongodb,redis,memcached,其优缺点和使用应用场景
    进程和线程的定义和区别
    PHP中的 抽象类(abstract class)和 接口(interface)
    简单理解php的socket编程
    session跨域共享解决方案
    MySQL 对于千万级的大表要怎么优化
    关于存session,cookie还是数据库或者memcache的优劣,部分网上抄录
    MYSQL 索引类型、什么情况下用不上索引、什么情况下不推荐使用索引
    MySQL把一个大表拆分多个表后,如何解决跨表查询效率问题
    PHP + NGINX 控制视频文件播放,并防止文件下载
  • 原文地址:https://www.cnblogs.com/lynn-/p/3451947.html
Copyright © 2020-2023  润新知