HTML5
爱睡的虫虫
本人博客只供自己学习和笔记用途
展开
-
多媒体
audio该标签往页面插入音频标签语法亲 您的浏览器不支持html5的audio标签拥有两份源文件的音频播放器 Your browser does not support the audio element. 音频的兼容性浏览器 版本 支持格式Internet Explorer 9.0+ MP3, AACChrome 6.0+ Ogg Vorbis, MP3,...原创 2019-05-29 00:19:25 · 577 阅读 · 0 评论 -
移动端 效果案例
效果演示:横向滚动源代码: <div class="wrapper"> <div class="content"> <ul class="ul"> <li><img src="https://p1.meituan.net/128.180/movie/648bbced1...原创 2019-08-21 11:35:51 · 689 阅读 · 1 评论 -
canvas 刮刮乐效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>audio</title> <style type="text/css"> canvas { /* canvas 默认宽高 300*...原创 2019-08-21 08:40:41 · 231 阅读 · 0 评论 -
css3 动画讲解
前言:在CSS3中,动画效果有俩种方式:第一种:animation 属性通过定义多个关键帧以及定义每个关键帧(@keyframes)中元素的属性值来实现复杂的动画效果。第二种:transition 属性只能通过指定属性的开始值与结束值,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。transition属性功能是相同的,都是通过改变元素的“属性值”来实现动画效果。...原创 2019-08-06 19:01:34 · 1703 阅读 · 0 评论 -
FileReader 文件操作
FileReaderhtml5 中新增的⽂件操作:File:代表⼀个⽂件对象FileList:代表⼀个⽂件列表对象,类数组FileReader:⽤于从⽂件中读取数据FileWriter:⽤于向⽂件中写出数据调⽤ fileReader 对象的⽅法FileReader 实例拥有四个⽅法,其中三个是⽤来读取⽂件,另⼀个是⽤来中断读取的。需要注意的是,⽆论读取成功或是失败,⽅法并不会返...原创 2019-07-16 14:17:51 · 2330 阅读 · 0 评论 -
canvas 详解
canvas什么是canvas?是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素.canvas标签用来绘制图像,本身就是一个画布,没有绘画能力,所有的绘制都是通过js脚本实现的都能干什么?可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画默认大小Canvas 的默认大小为300像素×150像素(宽×高,像素的单位是px)。不能通过c...原创 2019-07-18 21:44:24 · 2483 阅读 · 0 评论 -
移动开发-响应式布局-rem单位 flexible 方案
什么是响应式布局响应布局就是一个网站能够兼容多个终端,而不是 为每个终端做一个特定的版本。原创 2019-05-14 09:10:33 · 962 阅读 · 0 评论 -
HTML5 拖放(Drag 和 Drop)
HTML5 拖放(Drag 和 Drop)简介拖拽(Drag/Drop)是个非常普遍的功能。在生活中,拖放物品其实是相当常见的一个动作。你可以抓住一个对象,并且拖动到你想放置的区域。在HTML5中,拖拽(draganddrop)成为了标准操作,任何元素都支持。定义拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。定义和用法...原创 2019-05-21 09:23:30 · 2610 阅读 · 0 评论 -
服务端字体
服务端字体为什么要用服务器字体在css3之前,页面文字所使用的字体必须已经在客户端中被安装才能正常显示,但是如果这个字体在客户端中没有安装的话,使用这个字体就不能正常显示了。为了解决这个问题,在css3中,新增了web fonts功能,网页中可以使用web服务器端的字体,只要某个字体在web服务器端安装了,这个字体就能正常显示了。怎么使用服务器字体定义服务器端字体的语法@font-...原创 2019-05-14 10:23:28 · 1323 阅读 · 0 评论 -
本地存储 sessionStorage和localStorage
sessionStorage和localStorage中,这样做的好处有: 1 缓存数据 2 减少对内存的占用storage只能存储字符串的数据,对于JS中常用的数据或对象却不能直接存储。但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了。请看下面的代码。var obj = { name:'Jim',sex:'女' }; /原创 2019-05-19 23:24:10 · 1147 阅读 · 0 评论 -
从移动端 click 到摇一摇
以前听到前辈们说移动端尽量不要使用click,click会比较迟钝,能用touchstart还是用touchstart。但是用touchstart会有一个问题,用户在滑动页面的时候要是不小心碰到了相关元素也会触发touchstart,所以两者都有缺点。那怎么办呢?首先为什么移动端的click会迟钝呢?从谷歌的开发者文档《300ms tap delay, gone away》可以找到答案: 因为移动原创 2017-09-15 14:43:48 · 486 阅读 · 0 评论