2019年9月30日
CSS3 过渡和动画
摘要： 1.CSS过渡 含义：在没有过渡属性的时候，当一个元素的属性值发生变化时，浏览器就会将这个元素瞬间渲染成新属性值的样式。例如一个定位元素top:0，动态修改成top:100px，这个元素就瞬间跑到100px的位置，有时候我们为了达到某种视觉效果，希望它以动画的形式将样式转变的过程展现出来，而这个过程 阅读全文
posted @ 2019-09-30 23:04 ---空白--- 阅读(626) 评论(0) 推荐(0) 编辑
HTML5 拖拽接口
摘要： 1.首先，为了使元素可拖动，要先设置元素为可拖拽 方法：添加draggable属性，设置为 true 注意：链接和图像默认就支持拖拽，另外，如果一个元素中的文本被选中，那么这个元素和他的文本节点此时都支持被拖拽。 <body style="padding:30px;"> <div class="it 阅读全文
posted @ 2019-09-30 14:20 ---空白--- 阅读(318) 评论(0) 推荐(0) 编辑
2019年9月29日
HTML5 网络监听,全屏
摘要： 1.网络状态监听 online事件：网络重新连通时触发 offline事件：网络断开时触发 <script> // 监听网络连接 window.addEventListener("online",function(){ console.log("网络连通了") }) // 监听网络断开 window 阅读全文
posted @ 2019-09-29 23:32 ---空白--- 阅读(460) 评论(0) 推荐(0) 编辑
HTML5 多媒体
摘要： ###1.互联网上的音频 直到现在，仍然不存在一项旨在网页上播放音频的标准。 今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。 ###2.插入音乐 <audio> 标签 目前， 阅读全文
posted @ 2019-09-29 19:31 ---空白--- 阅读(364) 评论(0) 推荐(0) 编辑
2019年9月28日
HTML5 自定义属性
摘要： 1.什么是自定义属性 特殊属性：例如id，class，checked这类属性有特殊的作用，设定后将影响元素渲染，同时点语法也能获取到这些属性值 自定义：自定义属性使用"data-"开头的属性，只存在标签中，无法通过点语法无法获取 <div data-animal-type="鱼类" data-pri 阅读全文
posted @ 2019-09-28 14:44 ---空白--- 阅读(855) 评论(0) 推荐(0) 编辑
JavaScript 样式操作
摘要： 1.类名操作 class类名以字符串的形式存储到标签和Dom元素的属性中，标签属性为class，Dom元素属性为className，两个属性是均支持读取和修改，修改其中的一个会同步至另一个属性 className属性：拿到Dom后，通过这个属性来读取和修改 <body> <div id="app"> 阅读全文
posted @ 2019-09-28 00:07 ---空白--- 阅读(892) 评论(0) 推荐(0) 编辑
2019年9月27日
HTML5 进度条
摘要： ###1. <progress>标签 进度条 value属性：规定进程的当前值。默认为0 max属性：规定需要完成的值。 PS：这里没有最小值设置，或者说最小值一律为0 <progress max="50" value="20" id="progress"></progress> 小案例：设置定时器 阅读全文
posted @ 2019-09-27 23:15 ---空白--- 阅读(3087) 评论(0) 推荐(0) 编辑
H5 新增表单
摘要： 1.提示占位 placeholder <input type="text" name="userName" placeholder="请输入用户名"> placeholder的文本默认是浅灰色，如果要修改，可以通过伪元素来进行设置 input::placeholder{ color: red; } 阅读全文
posted @ 2019-09-27 21:14 ---空白--- 阅读(515) 评论(0) 推荐(0) 编辑
HTML5 FileReader
摘要： 1.基本说明 FileReader可以主要用于将文件内容读入内存，通过一系列异步接口，可以在主线程中访问本地文件 本地文件一般通过文件域进行选择，选中后再使用FileReader进行访问 2.创建文件读取对象 var reader = new FileReader() 3.读取文件的方法 以异步的形 阅读全文
posted @ 2019-09-27 17:17 ---空白--- 阅读(552) 评论(0) 推荐(0) 编辑
HTML5 表单新的 Input 类型
摘要： H5新增了电子邮箱，手机号码，网址，数量，搜索，范围，颜色选择，时间日期等input类型 1.电子邮箱 type="email" 提供电子邮箱格式验证 如果格式不对，会阻止表单提交 2.手机号码 type="tel" 并非用来验证手机号码，而是用来在移动端浏览器调用数字键盘 3.网址 type="u 阅读全文
posted @ 2019-09-27 16:01 ---空白--- 阅读(427) 评论(0) 推荐(0) 编辑