文章分类 -  Html5/CSS3

HTML5 data-*
摘要：http://www.cnblogs.com/dolphinX/p/3348458.html 阅读全文
posted @ 2017-06-22 16:53 暗夜心慌方 阅读(99) 评论(0) 推荐(0)
js获取天气预报
摘要：phermis //加载高德地图js包 阅读全文
posted @ 2017-02-19 17:46 暗夜心慌方 阅读(5029) 评论(0) 推荐(0)
Html5实现的音乐播放器
摘要：实现效果如下： 这是一个单页应用，主要是用到音乐网站的公共接口（这里是用到百度的公共接口：http://apistore.baidu.com/apiworks/servicedetail/1020.html） 代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 < 阅读全文
posted @ 2016-08-27 15:40 暗夜心慌方 阅读(370) 评论(0) 推荐(0)
气泡消息框简单实现
摘要：没保存重新来先看实现效果吧分两部分：（1）主消息框床前明月光，疑是地上霜！.shi{ position: relative; width: 250px; height: 40px; background-color: blanchedalmond; text-align... 阅读全文
posted @ 2015-10-16 17:32 暗夜心慌方 阅读(335) 评论(0) 推荐(0)
HTML5 Canvas实战之烟花效果
摘要：2、代码解析（1）requestAnimationFramerequestAnimationFrame是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。设置这个API的目的是为了让各种网页动画效果（DOM动画、Canvas动画、SVG动画、WebGL动画）... 阅读全文
posted @ 2015-09-22 18:59 暗夜心慌方 阅读(1260) 评论(0) 推荐(0)
HTML5主要新增标签
摘要：HTML5介绍HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性。新型的标签有利于搜索引擎和语义分析，同时更好地帮助小屏幕装置和视障人士使用，除此之外，也提供了一些新的功能，总结而言，有如下几大特点：1、取消了一些HTML4里过时的元素和属性标记其中包括纯粹显示效果的标... 阅读全文
posted @ 2015-09-22 18:57 暗夜心慌方 阅读(204) 评论(0) 推荐(0)
HTML5拖放操作API及实例
摘要：1、拖放效果2、draggable属性如果网页元素的draggable元素为true，这个元素就是可以拖动的。Draggable Div在大多数浏览器中，a元素和img元素默认就是可以拖放的，但是为了保险起见，最好还是加上draggable属性。3、事件拖动过程会触发很多事件，主要有下面这些：dra... 阅读全文
posted @ 2015-09-22 18:55 暗夜心慌方 阅读(235) 评论(0) 推荐(0)
HTML5新特性之文件和二进制数据的操作
摘要：历史上，JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数据，还有一种办法是将二进制数据转成Base64编码，再进行处理。这两种方法不仅速度慢，而且容易出错。ECMAScript5引入了Blob对象，允许直接操作二进制... 阅读全文
posted @ 2015-09-22 18:55 暗夜心慌方 阅读(213) 评论(0) 推荐(0)
HTML5本地存储之localStorage、sessionStorage
摘要：1、概述 localStorage和sessionStorage统称为Web Storage，它使得网页可以在浏览器端储存数据。 sessionStorage保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；localStorage保存的数据长期存在，下一次访问该网站的时候 阅读全文
posted @ 2015-09-22 18:50 暗夜心慌方 阅读(211) 评论(0) 推荐(0)
HTML5新特性之跨文档消息传输
摘要：1、同域限制所谓“同域限制”是指，出于安全考虑，浏览器只允许脚本与同样协议、同样域名、同样端口的地址进行通信。2、window.postMessage方法浏览器限制不同窗口（包括iFrame窗口）之间的通信，除非两个窗口装载的是同一个域名下的网页。window.postMessage方法就是为了解决... 阅读全文
posted @ 2015-09-22 18:47 暗夜心慌方 阅读(202) 评论(0) 推荐(0)
HTML5新特性之Web Worker
摘要：1、概述JavaScript语言采用的是单线程模型，也就是说，所有任务排成一个队列，一次只能做一件事。随着电脑计算能力的增强，这一点带来很大的不便，无法充分发挥JavaScript的潜能。龙其考虑到，File API允许JavaScript读取本地文件，就更加如此了。Web Worker的目就，就是... 阅读全文
posted @ 2015-09-22 18:46 暗夜心慌方 阅读(308) 评论(0) 推荐(0)
HTML5新特性之移动设备API
摘要：为了更好地为移动设备服务，HTML5推出了一系列针对移动设备的API。1、Geolocation APIGeolocation接口用于获取用户的地理位置。它使用的方法基于GPS或者其他机制（比如IP地址、WIFI热点等）。下面的方法，可以检查浏览器是否支持这个接口。if (navigator.geo... 阅读全文
posted @ 2015-09-22 18:46 暗夜心慌方 阅读(377) 评论(0) 推荐(0)
HTML5新特性之WebSocket
摘要：1、概述HTTP协议是一种无状态协议，服务端本身不具有识别客户端的能力，必须借助外部机制，比如session和cookie，才能与特定客户端保持对话。这多多少少带来一些不便，尤其在服务器端与客户端需要持续交换数据的场合（比如网络聊天），更是如此。为了解决这个问题，HTML5提出了浏览器的WebSoc... 阅读全文
posted @ 2015-09-22 18:45 暗夜心慌方 阅读(315) 评论(0) 推荐(0)
HTML5新特性之Mutation Observer
摘要：Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知。要概念上，它很接近事件。可以理解为，当DOM发生变动会触发Mutation Observer事件。但是，它与事件有一个本质不同：事件是同步触发，也就是说... 阅读全文
posted @ 2015-09-22 18:43 暗夜心慌方 阅读(246) 评论(0) 推荐(0)
HTML5新特性之WebRTC
摘要：HTML5新特性之WebRTC1、概述WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。WebRTC共分三个API。MediaStream（又称getUserMedia）RTCPeerConnection... 阅读全文
posted @ 2015-09-22 18:40 暗夜心慌方 阅读(1139) 评论(0) 推荐(0)