随笔分类 -  HTML5

HTML5 地理位置定位（HTML5 Geolocation）原理及应用
摘要：地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome ... 阅读全文
posted @ 2015-11-26 15:35 W3C梦想站 阅读(982) 评论(0) 推荐(0)
html5 的服务器推送 Server-sent Events和 websocket这两个是不是同一个东西，是两个不同的？
摘要：Server-Sent Events运行原理浏览器通过HTTP向服务器发送请求，服务器端拿出数据库中的最新的信息，立即返回给客户端，客户端等待三秒后再次发出下一个请求。实现方式同样，浏览器中HTML两个input，JavaScript模块打开EventSource，把接受者的id传给服务端。客户端收... 阅读全文
posted @ 2015-11-26 15:15 W3C梦想站 阅读(1614) 评论(0) 推荐(0)
WebSocket 是什么原理？为什么可以实现持久连接？
摘要：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：Ovear链接：http://www.zhihu.com/question/20215561/answer/40316953来源：知乎额。。最高票答案没答到点子上，最后怎么跑到Nodejs上去了。。Websocket只是协议而... 阅读全文
posted @ 2015-11-26 14:59 W3C梦想站 阅读(252) 评论(0) 推荐(0)
使用HTML5的十大原因
摘要：你难道还没有考虑使用HTML5？ 当然我猜想你可能有自己的原因；它现在还没有被广泛的支持，在IE中不好使，或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现在... 阅读全文
posted @ 2015-11-26 10:44 W3C梦想站 阅读(372) 评论(0) 推荐(0)
HTML5中input背景提示文字(placeholder)的CSS美化
摘要：之前在介绍HTML5的placeholder属性时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有p... 阅读全文
posted @ 2015-11-25 16:46 W3C梦想站 阅读(1718) 评论(0) 推荐(0)
SVG技术入门：如何画出一条会动的线
摘要：我喜欢用图画、图表来演示流程信息或浏览器的操作过程，但大量的图片有时候也会很不方便。在我的一个关于应用缓存和缓存方法的演讲中，我让屏幕首先空白，然后各种图表按照我的演讲内容自己一点一点的画出来。下面就是我如何用SVG技术在浏览器里实现这种效果的。SVG里的路径(path)SVG里用来定义路径的格式堪... 阅读全文
posted @ 2015-11-25 16:42 W3C梦想站 阅读(2363) 评论(0) 推荐(0)
SVG技术入门：线条动画实现原理
摘要：相信大家都见到过这样神奇的技术：一副线条构成的画能自动画出自己。非常的酷。Jake Archibald是这种SVG技术的首创者，并且写了一篇非常好的文章来描述它是如何实现的。Brian Suda也在24 Ways网站上讨论过它。 Polygon使用它在一篇设计方面的文章里创造出了非常神奇的效果。Co... 阅读全文
posted @ 2015-11-25 16:39 W3C梦想站 阅读(1079) 评论(0) 推荐(0)
超级强大的SVG SMIL animation动画详解
摘要：//zxx: 本文的SVG在有缓存时候是无动画效果，此时您可以试着【右键-新标签页打开图片】。一、SVG SMIL animation概览1. SMIL是什么？SMIL不是指「水蜜梨」，而是Synchronized Multimedia Integration Language（同步多媒体集成语言）... 阅读全文
posted @ 2015-11-25 16:36 W3C梦想站 阅读(7480) 评论(1) 推荐(1)