HTML5教程
-
HTML5 Web存储(Web Storage)技术及用法
在如今的Web开发中，HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼，并免去了以往钻研各种方法来让网站更好、更快、更灵活的气……html5 2016年11月11日
-
HTML5如何用window.postMessage在网页间传递数据
估计很少人知道HTML5 APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨…… -
HTML5特性：使用async属性异步加载执行JavaScript
HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript…… -
AOS – 另外一个独特的页面滚动动画库（CSS3）
AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和 WOWJS 一样，的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库，当你滚动页面的时…… -
软件研发版本号的浅析：命名、预发与标记法
版本号广泛运用于开发的各种场景：NPM 包的版本定义、对 NPM 包的特定版本的依赖指定、git 的 daily 版本号分支…… 面对如此多的场景，版本号的命名却存在很大…… -
兼容Android的html5移动端视频播放video全屏处理/自动播放/播放控制/隐藏播放控件
文章目录 video全屏的处理 video的自动播放 video播放的控制 “去除”android下的播放控件条 android下html5的视频播放一直是前端兼容的重灾区，各种体验差…… -
HTML5模拟齿轮动画
这是一个基于HTML5的齿轮动画特效，我们将齿轮转动的物理学原理，转换为HTML5代码，在网页上实现了模拟齿轮转动的动画效果。该齿轮动画的最大特点是它由好多个…… -
如何通过html5调用摄像头拍照？
如何通过HTML5获取摄像头实现拍照/摄像？本文从html5如何调用摄像头、html5拍照、html5如何关闭摄像头、以及兼容性问题等各方面讲解了HTML5摄像头功能的实现. -
基于HTML5的云虚拟主机配置界面
云计算，从底层的虚拟化技术，到上层的云存储和应用API，是大势所趋，回头看看Qunee交互扩展组件，借这个趋势，可以在云计算可视化上发挥作用，最近就有人用Qunee实现VPC配置图，并对交互做了定制，细节不便多说，本文主要介绍Qunee交互扩展方面的思路. -
html5离线存储入门基础
所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过ApplicationC…… -
html5中的Viewport标签 — 视区概念
viewport视区标签可以让移动应用或页面的大小适合各种手机、各类像素。开发”地图”时候，也需用到viewport视区。 -
HTML5拖拽上传图片,可以多张同时上传
在HTML5中，使用DataTransfer对象中提供的方法，可以实现浏览器与其他应用程序之间文件的拖动。虽然HTML4之前的版本也支持拖放数据的操作，但仅局限于浏览器中，不支持浏览器之外的数据。 今天就举个拖放上传图片的例子吧。 -
Web Notifications – Web通知
用过QQ、Gtalk之类的同学，应该都被它的消息提醒所骚扰过。其实这里就要谈谈这玩意，对于桌面应用程序来说，这应该算不了什么大不了的;不过这相同的技术移植到…… -
HTML5实现从桌面拖拽到网页
使用HTML5新增加的API，可以很方便的实现拖拽， 包括从桌面拖拽到网页上(部分浏览器比如Chrome还可以把东西从网页拖拽到桌面)。 当我试图在Backbone框架上使用…… -
HTML5表单新功能解析
时光车轮滚滚碾来,前端之路永无止歇.对于这个前端这门精一多专的技术,任何一次技术革新,我们都必须第一时间去了解它学习它,比如Web世界里这簇美艳的花朵---HTM…… -
HTML5之Geolocation API、如何获取女神地址
在HTML5中为window.navigation新增了一个geolocation属性，可以通过getCurrentPosition获取到当前地理位置信息，本文用实例初探geolocation API，让我们去获得女神地址吧！ -
移动浏览器内核
Android和iOS上使用的浏览器内核都是WebKit内核,UC 的U3内核和QQ的X5内核都是在开源的WebKit基础上修改的,或者说是WebKit内核的分支版本。浏览器使用的WebKi…… -
Web Worker介绍、js调试及浏览器兼容实现
这几天主要围绕webworker的实现来了。所以也下了点功夫，主要是对webworker的介绍/实现原理/调试几个方面进行了不算深入的了解，并最终成功封装了自己的跨浏览…… -
HTML5之window.postMessage API
window.postMessage是一个鲜为人知的HTML5 API。 window.postMessage允许两个窗口/帧之间跨域发送数据消息。从本质上讲，window.postMessage是一个跨域…… -
HTML5 video 跨浏览器兼容的方法
一个超简单的HTML5 video 跨浏览器兼容的方法。在网页中使用HTML5 video功能，按照原来正 flash 引入方法，写进 video 标签，实跨浏览器兼容 video 功能的使用。 -
HTML5 Canvas 的事件处理
前端常用的dom方法在canvas点击事件里是不适用的。点击Canvas里的元素，实际点击的是整个Canvas元素。本文详述了HTML5 Canvas事件处理技术，canvas的限制、如何给Canvas元素绑定事件、Canvas的isPointInPath方法、循环重绘和事件冒泡。 -
HTML5+CSS3旋转练习，用高级浏览器看
HTML5+CSS3旋转练习，看的朋友用高级浏览器看 <!doctype html> <html> <head> <meta charset="utf-8"> <tit…… -
一行HTML5代码引发的创意大爆炸
一行HTML5代码能做什么？国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器。这件事在分享到Code Wall、Hacker News之后，引起了众多开发者的注意，纷纷发表了自己的创意。 -
HTML5之美
如今大热的HTML5到底美在哪里？HTML5到底能为实际的移动开发带来哪些改变？来自阿里云云手机服务运营部的前端开发工程师廖健分享了他眼中的HTML5之美，主要讲…… -
你必须知道的28个HTML5特征、窍门和技术(3)
如果我们没有方法检测浏览器是否支持这些属性，这些就不能称之为好的属性。恩，不错的观点，事实上我们是有几种方法的，这里我们讨论2个。第一个是利用优秀的Modernizr库，或者，我们可以创建和分析这些元素，以确定浏览器的能力。例如，在我们前面的例子，如果我们要确定浏览器是否能使用pattern的属性，我们可以添加一小段JavaScript到我们的页面上：