• h5新特性


    HTML 5 Web 存储:

    localStorage - 没有时间限制的数据存储
    sessionStorage - 针对一个 session 的数据存储

    cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
    在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
    对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。
    HTML5 使用 JavaScript 来存储和访问数据。

    HTML 5 应用程序缓存:

    离线浏览 - 用户可在应用离线时使用它们
    速度 - 已缓存资源加载得更快
    减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

    HTML 5 Canvas:

    HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

    HTML 5 音频:

    HTML 5 Video + DOM:(视频)

    HTML 5 拖放:(拖放(Drag 和 drop)是 HTML5 标准的组成部分。

    拖放是一种常见的特性,即抓取对象以后拖到另一个位置。
    在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。

    HTML5 内联 SVG:

    HTML5 新的 Input 类型:

    email(email 类型用于应该包含 e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。)
    url(url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值)
    number(number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定)
    range(range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。您还能够设定对所接受的数字的限定)
    Date pickers (date, month, week, time, datetime, datetime-local)

    date - 选取日、月、年
    month - 选取月、年
    week - 选取周和年
    time - 选取时间(小时和分钟)
    datetime - 选取时间、日、月、年(UTC 时间)
    datetime-local - 选取时间、日、月、年(本地时间)

    search(search 类型用于搜索域,比如站点搜索或 Google 搜索。search 域显示为常规的文本域。)
    color

    新的特殊内容元素,比如 article、footer、header、nav、section

    处理HTML5标签兼容性问题:

    第一种方法:使用Google的html5shiv包(推荐)

    第二种方法:document.createElement()

  • 相关阅读:
    eureka 源码
    注册中心eureka
    自己的spring boot starter
    spring boot基本认识
    我以为我对Kafka很了解,直到我看了此文章
    Spring 中的 18 个注解,你会几个?
    定时任务之crontab命令
    Spring中@Autowired、@Resource和@Inject注解的使用和区别
    Lombok介绍、使用方法和总结
    Mybatis JdbcType与Oracle、MySql数据类型对
  • 原文地址:https://www.cnblogs.com/lhl66/p/7502985.html
Copyright © 2020-2023  润新知