• html5的新特性


    (1) 语义化标签  [nav  header  footer article aside section]

    (2) 增强型表单

    input增加了新的表单输入类型, 如:email,url,range,number,datePikcers,search,color

    新的表单元素

    新的表单属性autofocus,placeholder

    (3) 用于媒介回放的video与audio

    (4) 元素的拖放drag(api)

    设置元素为可拖放draggable为true

    拖动什么?:ondragstart调用了一个函数,规定了要拖动的数据, event.dataTransfer.setData()方法设置了被拖动数据的数据类型和值

    放到哪里?:ondragover事件,设置目标位置允许放置,阻止对元素的默认处理行为

    进行放置:ondrop事件,event.dataTransfer.getData()方法获取被拖动的数据,把数据追加到目标位置元素

    (5) 用于绘画的 canvas 元素

    canvas是使用javascript在网页上绘制图像,

    画布是一个矩形区域可以控制每一个像素

    getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

    (6)  HTML5里可以直接把svg元素插入HTML页面

    (7) 地理定位

    geolocation(地理定位)用于定位用户的位置

    (8) Web存储

    存客户端临时的信息,专门为储存而设计,不会随着请求发出去

    localStorage  没有时间限制的数据存储

    sessionStorage 针对一个session的数据存储

    Api:存:localStorage.setItem(‘userinfo’,JSON.stringify(o))

           取:var o=JSON.parse(localStorage.getItem(‘userInfo’))

          删除:localStorge.remove(‘userInfo’)

          清空:localStorage.clear()

    cookie: 本身用于浏览器和server通讯,被借用到本地来存储,可用document.cookie=''来修改

        http请求的时候需要发送到服务端,增加请求的数据量

    (9) webscoket

  • 相关阅读:
    【bzoj2653】【middle】【主席树+二分答案】
    Codeforces 464E. The Classic Problem
    关于主席树的入门,讲解和题单
    BZOJ3531-[Sdoi2014]旅行(树剖+线段树动态开点)
    [bzoj3123][洛谷P3302] [SDOI2013]森林(树上主席树+启发式合并)
    1018_两个圆相交的面积
    String对象中常用的方法
    张爱玲写的信
    React Native拆包及热更新方案 · Solartisan
    vue项目实战
  • 原文地址:https://www.cnblogs.com/zhuMother/p/12199787.html
Copyright © 2020-2023  润新知