zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    网页、JavaScript 数据类型
    网页javascript
    网页CSS
    使用ButterKnife无法inject view的解决办法
    项目管理实践 -- 健身小管家(Fitness housekeeper)的管理
    XML的序列化与反序列化
    JAVA虚拟机JVM-7.多线程常见问题刨析
    JAVA虚拟机JVM-6.锁优化
    JAVA虚拟机JVM-5.多线程以及锁
    JAVA虚拟机JVM-4.线程模型
  • 原文地址:https://www.cnblogs.com/zhuMother/p/12199787.html
Copyright © 2011-2022 走看看