前端基础进阶
文章平均质量分 90
Feliks.
含血愤天
展开
-
H5C3进阶——播放器
播放器常用方法:load() 加载、play() 播放、pause() 暂停jQuery没有提供对视频播放控件的方式、若要操作视频播放,必须使用原生js方法——dom元素常用属性:currentTime 视频播放的当前进度duration:视频的总时间100000/60paused:视频播放的状态常用事件:oncanplay:事件在用户可以开始播放视频/音频(audio/video)时触发ontimeupdate:通过该事件来报告当前的播放进度onended:播放完时触原创 2022-02-11 13:33:03 · 871 阅读 · 0 评论 -
H5C3进阶——Web存储
文章目录web存储seesionStorage(临时存储在内存中)localStorage(永久存储在硬盘上)应用缓存web存储seesionStorage(临时存储在内存中)F12–>Application<body> sessionStorage的使用:存储数据到本地。存储容量5MB左右<br> 1.这个数据本质是存储在当前页面的内存中<br> 2.它的生命周期为关闭当前页面,页面关闭,数据会自动清除<br&原创 2022-01-27 17:24:25 · 1212 阅读 · 0 评论 -
H5C3进阶——地理定位接口
地理定位接口demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-01-27 17:23:17 · 265 阅读 · 0 评论 -
H5C3进阶——拖拽接口的
文章目录拖拽接口的使用拖拽接口的使用被拖拽元素ondrag 应用于拖拽元素,整个拖拽过程都会调用ondragstat 应用于拖拽元素,当拖拽开始时调用ondragleave 应用于拖拽元素,当鼠标离开拖拽元素时调用ondragend 应用于拖拽元素,当拖拽结束时调用目标元素ondragenter 应用于目标元素,当拖拽元素进入时调用ondragover 应用于目标元素,当停留在目标元素上时调用ondrop 应用于目标元素,当在目标元素上松开鼠标时调用ondragleave 应用于原创 2022-01-26 21:20:32 · 87 阅读 · 0 评论 -
H5C3进阶——网络监听接口、FileReader
文章目录网络监听接口FileReader(实现图片即时预览)网络监听接口了解 网络状态改变事件使用 全屏API 实现元素全屏效果使用 文件读取接口 实现 文件读取预览效果使用 拖拽接口 实现 常见拖拽效果使用 地理定位接口 获取 用户位置信息使用 Web存储接口 实现数据的读写了解 应用缓存接口使用 多媒体接口 实现 自定义播放器<div> <img src="../html/images/cgs.jpg" alt=""> <原创 2022-01-25 21:58:00 · 795 阅读 · 0 评论 -
【无标题】H5C3进阶——DOM
文章目录多媒体标签vaudio videoDOM操作类样式操作自定义属性多媒体标签vaudio video <!-- audio:音频 --> <!-- controls:音频播放器的控制器面板 --> <!-- autoplay: 自动播放 --> <!-- loop: 循环 --> <!-- <audio src="../为何没有趁早.mp3" controls autoplay>&l原创 2022-01-25 20:12:11 · 347 阅读 · 0 评论 -
H5C3进阶学习——form表单
文章目录H5 (HTML 5)简介H5新增标签语义化标签的兼容性处理form表单新增的type属性新增的其他属性新增的元素新增的表单事件进度条H5 (HTML 5)简介所有的主流浏览器都支持H5(chrome,firefox,safari…),IE9及以上支持H5(有选择的支持,并不是全部支持),IE8及以下不支持。改变了用户与文档的交互方式:多媒体:video audio canvas增加了语义特性,本地存储特性,网页多媒体,二维三维,特效(过渡、动画)相对与H4:抛弃了一些不合理不原创 2022-01-22 18:28:25 · 987 阅读 · 0 评论