html5
关注
分享
扫一扫
bboyjoe
勇气与智慧并行，才能越过人生的一座座高山。
展开
-
html5之创建离线Web应用程序
离线应用程序缓存功能允许我们指定Web应用程序所需的全部资源， 这样浏览器就能在加载HTML文档时把它们都下载下来。 1)定义浏览器缓存： 启用离线缓存——创建一个清单文件，并在html元素的manifest属性里引用它； 指定离线应用程序里要缓存的资源——在清单文件的顶部或者CACHE区域里列出资源； 指定资源不可用时要显示的备用内容——在清单文件的FALLBACK区域里列出内容；原创 2015-07-29 16:59:44 · 1925 阅读 · 0 评论 -
移动端touch事件详解
1.单点触摸拖拽<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scala原创 2018-05-05 17:18:52 · 2565 阅读 · 0 评论 -
Android WebView中软键盘会遮挡输入框相关问题
要想实现这种软键盘出现的时候会自动把输入框的布局顶上去的效果，需要设置输入法的属性，有以下两种设置方式： 一、在java代码中设置如下： getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE | WindowManager转载 2016-07-11 17:33:22 · 2567 阅读 · 1 评论 -
5款帮助简化HTML5 Audio开发的Javascript类库
HTML5的audio标签提供了我们方便控制声音的功能，但是使用原生的HTML5来开发声音或者音乐相关的项目仍旧非常的麻烦，在今天这篇文章中，我们将介绍5款帮助你简化开发的javascript audio类库，相信合理的使用能够帮助你高效的开发基于html5 audio的应用和项目，希望大家觉得有帮助！ SoundManager 2 soundmanager2绝对是一个产品级别的jav转载 2015-08-18 20:02:20 · 806 阅读 · 0 评论 -
html5之canvas起步
1）HTMLCanvasElement对象的成员： height——对应于canvas元素的height属性； width——对应于canvas元素的width属性； getContext()——为画布返回绘图上下文； 2）绘制矩形： fillRect(x,y,w,h)——绘制一个实心矩形； strokeRect(x,y,w,h)——绘制一个空心矩形；原创 2015-07-27 14:47:49 · 1126 阅读 · 0 评论 -
html5之多媒体
1）video元素的属性： autoplay——如果存在，此属性会使浏览器尽可能立即开始播放视频； preload="none"——用户开始播放视频之前不会载入视频； preload="metadata"——用户开始播放之前只能载入视频的元数据； preload="auto"——请求浏览器尽快下载整个视频。浏览器可以忽略这个请求。这是默认行为； controls——除非此属性存在，否原创 2015-07-24 17:13:17 · 1116 阅读 · 0 评论 -
html5之canvas进阶
1）用路径绘图： beginPath()——开始一条新路径； closePath()——尝试闭合现有路径，方法是绘制一条线，连接最后那条线的终点与初始坐标； fill()——填充用子路径描述的图形； isPointInPath(x,y)——如果指定的点在当前路径所描述的图形之内则返回true； lineTo(x,y)——绘制一条到指定坐标的子路径；原创 2015-07-28 14:39:05 · 1195 阅读 · 0 评论 -
html5之使用地理定位
1)使用地理定位： 通过navigator.geolocation访问地理定位功能，返回一个Geolocation对象； 1.1）Geolocation对象成员： getCurrentPosition(callback,errorCallback,options)——获取当前位置； watchPosition(callback,error,options原创 2015-07-28 16:38:11 · 1452 阅读 · 0 评论 -
html5之拖放
1)创建来源项目 1.1)draggable属性的值： true——此元素能被拖动； false——此元素不能被拖动； auto——浏览器可以自主决定某个元素是否能被拖动； 1.2）被拖动元素的事件： dragstart——在元素开始被拖动时触发； drag——在元素被拖动时反复触发； dragend—原创 2015-07-30 11:21:05 · 774 阅读 · 0 评论 -
html5的web存储与cookie的区别
之前我们制作网站基本都是通过cookie实现本地缓存数据的，但因为cookie本身存储容量小，而安全系数也不是太高，所以很多地方用起来都会有些吃力，而HTML5为我们提供了方便快捷的web存储机制。 客户端存储的特性： 在HTML5中的数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能，对于不同的网站，数据存储于不同的区域，并且一个网转载 2015-07-29 10:16:56 · 2652 阅读 · 0 评论 -
html5之使用web存储
1）使用本地存储（localStorage）: 通过全局属性localStorage访问本地存储功能，并会返回一个Storage对象，它被用来保存键/值形式的字符串对。 Storage对象的成员： clear()——移除保存的键/值对； getItem()——取得与指定键关联的值； key()——取得指定索引的键； length——返回已保存的键/值原创 2015-07-29 12:03:27 · 727 阅读 · 0 评论 -
Html5知识点汇总
html5新特性： 1. 取消了过时的显示效果标记 <font></font> 和 <center></center> ... 2. 新表单元素引入 3. 新语义标签的引入 4. canvas标签（图形设计） 5. 本地数据库（本地存储） 6. 一些新的API ...原创 2018-12-29 14:16:43 · 379 阅读 · 0 评论