![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端之html5
文章平均质量分 94
ass_ace
选择你所喜欢的,爱你所选择的
展开
-
H5标签input标签上传文件(图片)
简单版的图片附件上传实现如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>H5-input标签上传文件</title> <script type="text/javascript" src="jquery.min.js"></script> </head>原创 2020-08-12 00:18:25 · 3867 阅读 · 0 评论 -
解决html5中的video标签,ios系统中无法播放使用
1.先是从前端的角度去考虑,如何让safari浏览器兼容video,并支持播放(未找到解决的方法)。2.经多次查找网上信息,发现使用后台能解决该问题,解决点在HTTP协议的响应头里面(Accept-Ranges)。3.safari浏览器,在打开视频的时候,先是发送一个请求探测文件的大小,之后再多次发送请求分段获取数据流的数据(个人理解大概是分段下载,Accept-Ranges)。4.想要解决这种问题要考虑两个方面:a.需要根据请求内容的不同做出不同的响应,第一次探测请求需要返回200,后面转载 2020-08-11 23:45:34 · 6225 阅读 · 1 评论 -
HTML5学习笔记——概述
HTML5的定义html5并不单单指html,它是一个前端的技术合集,实质上是html4、css、javaScript的升级版合集;目标:为了创建更简单的Web程序,书写出更简洁的HTML代码;优势:① 兼容性:HTML5在老版本的浏览器上也可以正常运行;② 实用性:HTML5内部没有封装很复杂的不切实际的功能,只是封装了简单实用的功能;③ 非革命性的发展:HTML5内部功...原创 2018-07-06 16:48:17 · 209 阅读 · 0 评论 -
HTML5学习笔记——canvas元素
canvas元素是专门用来绘制图形的,它是一块无色透明的区域。相当于在页面中放置一块“画布”,可以在其中绘制图形,但是不是通过鼠标作画,而是需要利用javascript编写在其中进行绘画的脚本。canvas元素需要指定ID、width、height三个属性;<canvas id="canvas" width="400" height="300">a drawing of s...原创 2018-08-18 00:30:31 · 1048 阅读 · 0 评论 -
HTML5学习笔记——cookie、session、sessionStorage、localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在客户端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保...转载 2018-08-20 11:45:27 · 1393 阅读 · 0 评论 -
HTML5学习笔记——新增元素
1、新增的元素:1)新增的结构元素:<section>、<article>、<aside>、<header>、<footer>、<nav>、<address>、<figure>、<main>2)新增的其他元素:<video&am原创 2018-08-16 16:31:23 · 558 阅读 · 0 评论 -
HTML5学习笔记——promise
promise promise是一个对象,可以获取异步操作的消息。核心概念是“确保一件事情做完之后,再做另一件事情”。promise的状态 (1)Pending:(进行中) (2)Resolved:(已定型,等价于Fulfilled,已成功) (3)Rejected:(已失败)promise对象的特点: 1)对象的状态不受外界的影响。 只有异步操作的结果...转载 2018-08-20 22:38:33 · 1191 阅读 · 0 评论 -
HTML5学习笔记——FileReader
title: HTML5之FileReader学习笔记date: 2019-04-29 17:00:05tags:我们在实现文件上传的时候,一般会使用input标签,把input的type类型设置为file,这样就可以打开文件窗口选择需要上传的文件,点击按钮,上传文件后文件有关的信息可以在input.files这个数组中取得,主要包括:1)name: 文件名;2)size:文件的大小...原创 2019-05-21 21:58:22 · 404 阅读 · 0 评论