1.标签 <video src="~~~" autoplay loop controls controlslist="nodownload nofullscreen" poster="~~~.jpg"> 你的浏览器不支持video~~ </video> 值得注意的就是这几个属性,autoplay(自动播放).loop(循环播放).controls(默认视频操作控件).poster(封面).controlslost(控件菜单…

HTML5 DOM 为 <audio> 和 <video> 元素提供了方法.属性和事件. 这些方法.属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素. ·首先带大家熟悉一下video标签的属性方法,根据属性方法做一个小demo, HTML5支持的视频格式: Ogg 带有Theora视频编码+Vorbis音频编码的Ogg文件 支持的浏览器:F.C.O MEPG4  带有H.264视频编码+AAC音频编码的MPEG4文…

H5新特性: 新增选择器 document.querySelector.document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面通知 Notifications 语意化标签 article.footer.header.nav.section 增强表单控件 calendar.date.time.email.url.…

json格式 json - > AJAX json:数据格式,通常是以字符串形式表示 对象 {"name":"james","age":19} 数组 [{"name":"tom"},{"name":"jerry"},{"name","james"}] 所有key 必须添加双引号 所有value 如果字符串类型加上双引号 k…

h5的新特性(目前个人所了解)如下 语义化标签 表单新特性 视频(video)和音频(audio) canvas画布 svg绘图 地理定位 为鼠标提供的拖放API webworker (重点)Storage (重点)Websocket HTML语义化是什么? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析. 为什么要语义化? 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各…

1.前言 如今h5新特性.新标签.新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力.作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践.接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求. 2.起因 大概半年前接到pm一需求,用纯h5实现多audio的播放.暂停.续播,页面放至驾考宝典App中,与客户端没有任何的交互,所以与客户端相关的js不需要引用.看上去…

今天的目标 3.2:h5新特性--WebStorage localStorage  在客户端浏览器保存数据 永久保存 保存数据 localStorage [key] = value 保存数据 localStorage.setItem(key,value); 获取数据 var value = localStorage [key]; 获取数据 var value = localStorage.getItem(key); 删除数据 localStorage.removeItem(key); 删除数据 …

今天的目标 3.1:h5新特性八--Web Worker---代码就3行 程序:program 存储在外存(磁盘)中代码 进程:Process/Task 将程序调用内存中,分配空间 线程:Thread 线程是进程内部代码基本单位 (1)进程是操作系统分配内存的基本单位 (2)线程是CPU执行代码的基本单位 (3)一个进程内部都多个线程组成,至少一个 (4)多个线程之间"并发执行的",宏观上看同时执行, 微观上看依次循环执行 chorme浏览器 一个 chrome进程内,有多个线程,负责…

今天的目标 3.1:h5新特性--SVG--椭圆 <ellipse rx="" ry=""  cx="" cy=""></ellipse> rx:水平半径 ry:垂直半径 3.2:h5新特性--SVG--直线 <line x1 y1 x2 y2 stroke></line> 练习:使用SVG 中的直线绘制如下图标(汉堡包) 3.3:h5新特性--SVG--折线  (一条折线上可以…

今天学习的内容 3.1:h5新特性---第三方绘图工具库 echarts(canvas) 百度 echarts;d3;two.js;.... 3.2:h5新特性---SVG绘图 3.2:h5新特性---SVG绘图--矩形 <svg id="" width="500" height="400"> <rect width="" height="" x="" y="…