【HTML5进阶】的更多相关文章

HTML5 进阶系列：indexedDB 数据库

前言 在 HTML5 的本地存储中,有一种叫 indexedDB 的数据库,该数据库是一种存储在客户端本地的 NoSQL 数据库,它可以存储大量的数据.从上篇:HTML5 进阶系列:web Storage ,我们知道 web Storage 可以方便灵活的在本地存取简单数据,但是对于大量结构化存储,indexedDB 的优势就更加明显.接下来我们来看看 indexedDB 如何存储数据. 原文作者:林鑫,作者博客:https://github.com/lin-xin/blog 连接数据库 一个网…

HTML5进阶(三)HBuilder实现软件自动升级(优化篇)

HBuilder实现软件自动升级(优化篇) 前言 受前篇博客<HTML5进阶(二)HBuilder实现软件自动升级>(点击查看详情)的影响,测试过程中发现APP自动更新还是存在问题,第一次升级没有任何问题.第二次升级时,若wrt升级包的名字相同,则会出现以下错误提示: 估计是HBuilder的BUG导致出现以上错误.受社区中盆友们思路的启发,在每次更新时提交不同文件名的wrt更新包,方可解决以上问题. 同时在上篇博客中提到"检测更新更好的模式应该是客户端提交本地应用资源版本号到升级服…

HTML5进阶(二)HBuilder实现软件自动升级

HBuilder实现软件自动升级 前言 移动APP开发好后需要实现软件自动升级功能,经过一番搜索,发现HBuilder具有"App资源在线升级更新"的功能,遂研究之. 经过一番测试,在源码思想的基础之上对其进行了优化.代码如下: var wgtVer = null; function plusReady(){ // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer=inf.vers…

HTML5 进阶系列：拖放 API 实现拖放排序

前言 HTML5 中提供了直接拖放的 API,极大的方便我们实现拖放效果,不需要去写一大堆的 js,只需要通过监听元素的拖放事件就能实现各种拖放功能. 想要拖放某个元素,必须设置该元素的 draggable 属性为 true,当该属性为 false 时,将不允许拖放.而 img 元素和 a 元素都默认设置了 draggable 属性为 true,可直接拖放,如果不想拖放这两个元素,把属性设为 false 即可. 拖放事件 拖放事件由不同的元素产生.一个元素被拖放,他可能会经过很多个元素上,最终到…

HTML5 进阶系列：canvas 动态图表

前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了.而可视化图表,则是 canvas 强大功能的表现之一. 现在已经有了很多成熟的图表插件都是用 canvas 实现的,Chart.js.ECharts等可以制作出好看炫酷的图表,而且几乎覆盖了所有图表的实现. 有时候自己只想画个柱状图,自己写又觉得麻烦,用别人插件又感觉累赘,最后打开百度,拷段代码,粘贴上来修修改改.还不如自己撸一个呢. 原文作者:林鑫,作者博客:https://gith…

HTML5 进阶系列：文件上传下载

前言 HTML5 中提供的文件API在前端中有着丰富的应用,上传.下载.读取内容等在日常的交互中很常见.而且在各个浏览器的兼容也比较好,包括移动端,除了 IE 只支持 IE10 以上的版本.想要更好地掌握好操作文件的功能,先要熟悉每个API. FileList 对象和 file 对象 HTML 中的 input[type="file"] 标签有个 multiple 属性,允许用户选择多个文件,FileList对象则就是表示用户选择的文件列表.这个列表中的每一个文件,就是一个 file…

HTML5 进阶系列：拖放 API 实现拖放排序(转载)

HTML5之拖放API实现拖放排序 前言 HTML5 中提供了直接拖放的 API,极大的方便我们实现拖放效果,不需要去写一大堆的 js,只需要通过监听元素的拖放事件就能实现各种拖放功能. 想要拖放某个元素,必须设置该元素的 draggable 属性为 true,当该属性为 false 时,将不允许拖放.而 img 元素和 a 元素都默认设置了 draggable 属性为 true,可直接拖放,如果不想拖放这两个元素,把属性设为 false 即可. 拖放事件 拖放事件由不同的元素产生.一个元素被拖…

HTML5进阶

内容: 1.geolocation元素 2.video元素和audio元素 3.localStorage 4.WebWorker 5.WebSQL.IndexedDB 6.文件操作.文件拖拽新概念 7.canvas元素和SVG/VML 1.geolocation元素 (1)原理 PC端:使用IP地址定位    精度非常差 移动:使用GPS定位      精度很高 (2)使用 <!-- author: wyb --> <!DOCTYPE html> <html lang=&qu…

html5进阶之canvas图像基础

1.首先还是使用之前讲过的Image()函数来预加载图像. 在调用图像之前,需创建一个事件监听器,为其保证图像已经正确的加载. 如下图: 监听图片已经正确加载 2.把图像显示在画布上面,这里将不再使用createPattern(),改而使用drawImage()函数来实现 提示:createPattern()用在图像填充,而drawImage()是直接加载图像.两者有明显的区别,不要混淆了哦! drawImage()中包含9个参数,第一个参数:Image对象,也就是图片.第二个和第三个参数定义画…

Web 开发中应用 HTML5 技术的10个实例教程

HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的漂亮网站.更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序. 这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程,带你深入学习 HTML5 技术在 Web 开发中的实际应用. 您可能感兴趣的相关文章 35个让人惊讶的 CSS3 动画效果演示 8个惊艳的 HTML5…