H5新特性-程序员宅基地

技术标签: 前端八股文  前端  

      总的来说,新增三大类:新增标签新增API新增应用程序缓存

1新增标签:

新特性 功能
语义化标签 <header><footer><nav><article><section> 等,使得开发者能够更清晰地定义页面的结构和内容
多媒体标签 新增了 <audio><video> 标签及对应的API,使得在网页中嵌入音频和视频内容更加方便
Canvas绘图标签 通过JavaScript API可以在页面上进行动态绘图和图形渲染,从而实现复杂的图形和动画效果
SVG可伸缩矢量图形标签 一种用于在Web页面上呈现图形的XML标记语言,用来描述和绘制各种形状和图形,而且由于它是矢量图形格式,因此可以无损地缩放到任意大小而不失真
新的表单标签 <datalist>、<keygen>、<output>
新的表单类型 <input type="date"><input type="email"><input type="url"><input type="number"> 等,使得表单输入更加方便和语义化

2新增API

新特性 功能
WebStorage本地存储API 包括 localStorage 和 sessionStorage,使得网页能够在客户端存储数据,实现离线应用和更好的用户体验
拖放 API 引入了拖放 API,使得开发者能够更轻松地实现拖放操作,如拖拽元素重新排序、拖拽文件上传等功能
Geolocation地理定位 API 用于获得用户的地理位置
Application Cache应用程序缓存 web 应用可进行缓存,并可在没有因特网连接时进行访问 应用程序缓存为应用带来三个优势:①离线浏览 - 用户可在应用离线时使用它们②速度 - 已缓存资源加载得更快 ③减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源
WebSocket API 在单个 TCP 连接上进行全双工通讯的协议,使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据
Web Worker API 在一个单独的线程中运行,并且与主线程相互独立,可以执行一些耗时的操作,而不会阻塞页面的其他操作
桌面通知Notifications API 允许网页应用程序向用户发送系统级别的通知消息,即使用户当前并不在浏览器页面上
querySelectorDOM选择器API 用于在文档中选择元素

 

3新增应用程序缓存

新特性 功能
Application Cache应用程序缓存 web 应用可进行缓存,并可在没有因特网连接时进行访问 应用程序缓存为应用带来三个优势:①离线浏览 - 用户可在应用离线时使用它们②速度 - 已缓存资源加载得更快 ③减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_52980904/article/details/136891400

智能推荐

【语音去噪】基于matlab GUI谱减法+小波变换+改进的EMD算法语音去噪【含Matlab源码 3551期】_小波变换和emd-程序员宅基地

文章浏览阅读442次,点赞10次,收藏5次。谱减法+小波变换+改进的EMD算法语音去噪完整的代码,方可运行;可提供运行操作视频!适合小白!_小波变换和emd

PCB设计--PCB画图技巧_pcb怎么画斜线-程序员宅基地

文章浏览阅读7.1k次,点赞7次,收藏37次。1、原理图库可以随便画,只要相应的相应的管脚有就可以2、原理图库的管脚标数和pcb图库的管脚是一一对应的3、画pcb图库的时候,元件的长宽要适当,可以设置格子的大小来便于设置画出pcb图库的大小。管脚的标数是和原理图库是一一对应的。4、画原理图库的时候,元件必须摆放在画板中心,再保存。否则话pcb原理图的时候,器件总是拖不进去。5、画pcb图库的时候要设置参考点,否则在生成的印制电..._pcb怎么画斜线

Mask-RCNN出现的问题_valueerror: dimension 1 in both shapes must be equ-程序员宅基地

文章浏览阅读630次。出现问题:ValueError: Dimension 1 in both shapes must be equal, but are 28 and 324. Shapes are [1024,28] and [1024,324]. for ‘Assign_682’ (op: ‘Assign’) with input shapes: [1024,28], [1024,324].这是由于维度的原因不同所造成。修改了train.py 的第60行成功!如果还未成功,看几个地方是否一样:1 train._valueerror: dimension 1 in both shapes must be equal, but are 324 and 12. sh

将Ajax请求返回的json数据,转换成json对象-程序员宅基地

文章浏览阅读1.1w次。var json = eval("("+data+")");//将json类型字符串转换为json对象注:https://www.cnblogs.com/yuxiaona/p/5853732.html

线性空间(也叫向量空间)、线性运算_线性空间定义-程序员宅基地

文章浏览阅读793次,点赞7次,收藏9次。线性空间(也叫向量空间)、线性运算_线性空间定义

pychram中更换pip源_pycharm更换pip源-程序员宅基地

文章浏览阅读1.1k次。2、pip config set global.index-url http://mirrors.aliyun.com/pypi/simple/ #修改配置文件。原本的pip源一般为国外源,在下载第三方库的速度很慢,更改pip源可以快速提高下载速度。清华大学:https://pypi.tuna.tsinghua.edu.cn/simple。阿里云:http://mirrors.aliyun.com/pypi/simple。豆瓣:http://pypi.douban.com/simple。_pycharm更换pip源

随便推点

C语言常见程序讲解,适合初学者快速入门!_简单的c语言代码解析-程序员宅基地

文章浏览阅读936次。之前发了很多有关C/C++项目的文章。但是对于C语言的学习,需要自己亲自敲一些代码才能够学好C语言。在这里讲解一下简单的C语言程序(代码),希望自己能够在自己的电脑上敲几遍。a与b的算术运算描述:输出a和b的初始化值的简单算术运算。代码:输出结果:分析:printf函数是将双引号中的内容输出到弹出框中,其中因为a和b的数据类型都是int型,所以运算结果都要用%d的形式输..._简单的c语言代码解析

python中kmeans求到类中心的平均距离_k-means算法python实现-程序员宅基地

文章浏览阅读3.8k次。1.k-means算法的思想k-means算法是一种非监督学习方式,没有目标值,是一种聚类算法,因此要把数据划分成k个类别,那么一般k是知道的。那么假设k=3,聚类过程如下:随机在数据当中抽取三个样本,当做三个类别的中心点(k1,k2,k3);计算其余点(除3个中心点之外的点)到这三个中心点的距离,每一个样本应该有三个距离(a,b,c),然后选出与自己距离最近的中心点作为自己的标记,形成三个簇群;..._kmeans 计算类内平均距离

CSS Material+Icons 本地下载使用 国内解决方案_material icons 无法访问-程序员宅基地

文章浏览阅读1.7k次。前端使用<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">由于访问fonts.googleapis.com不稳定,所以经常出现图标访问不到_material icons 无法访问

java中使用mysql查询 条件中含有中文时查询不到结果_Mybatis使用MySQL模糊查询时输入中文检索不到结果怎么办...-程序员宅基地

文章浏览阅读647次。项目开发中,在做mybatis动态查询时,遇到了一个问题:mysql在进行like模糊查询时,输入英文可以正常检索出结果,但是输入中文后检索得到的结果为空。由于是使用get方式请求,所以为了确保中文不乱码,在控制台接收到请求参数后,对中文进行了一次编码。try {realname = new string(realname.getbytes("gbk"), "utf-8");} catch (un..._通过java查询mysql 模糊查询中文失效

MFC中线程间通信--主线程与子线程间的通信_mfc中主进程和子线程共享数据-程序员宅基地

文章浏览阅读1.8k次。第0步:声明一个线程、一个事件CWinThread* m_hThread; //接收线程的句柄HANDLE hStartEven; //第一步:定义自己的消息#define MY_MESSAGE WM_USER+100第二步:在发送消息的线程中//得到需要传输的数据 CString str; GetDlgItemText..._mfc中主进程和子线程共享数据

2020年第二届“网鼎杯”网络安全大赛 白虎组 部分题目Writeup_网鼎杯网络安全大赛比赛题目-程序员宅基地

文章浏览阅读7.7k次,点赞3次,收藏12次。2020年第二届“网鼎杯”网络安全大赛 白虎组 部分题目Writeup2020年网鼎杯白虎组赛题.zip下载https://download.csdn.net/download/jameswhite2417/124212670x00 签到操作内容:完成游戏,通过第7关,让提交队伍token值提交后获得flag通过qq截图,文字识别FLAG值:flag{f6e5************************3112}0x01 hidden操作内容:.._网鼎杯网络安全大赛比赛题目

推荐文章

热门文章

相关标签