手机上的摇一摇功能不错.怎么实现的呢在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件：1、 devic...
在WebSocket API中，浏览器和服务器只需要做一个握手动作，然后，浏览器和服务器之间就形成一条快速通道，两者之间就可以直接进行数据传送，这一个功能可以应用到“字幕”，自己做了一个demo，废话不说了，直接贴代码：...
如果没有可以与用户进行连接，并且保存所需数据的表单，互动式网站和程序就无从谈起。不错，我们的确需要有效的用户输入，但是我们要用一种不会让用户感到厌烦的方式来获取它。尽管我们可以使用良好的UX设计来提高表单的可用性，但是HTML5也为我们提供...
早在 2013 年， 元素就被正式添加到 W3C HTML 规范中，到目前位置，关于该元素的定义已经很完善了，所以现在是时候深入了解什么时候适合使用 元素了。那么，下面就开始吧。W3C 规范 的主要目的是将 aria 的地标性作用 ma...
实体Html 实体就是把特殊字符通过代码显示出来, 比如, 在浏览器会识别为标签,不能正常显示, 这是你就需要安如 立即学习“前端免费学习笔记（深入）”； 元数据2. 声明字符编码3.模拟http表头字段 跳转页面 全局属性id 配合...
jquery验证框架 :基本html代码： 1 <script></script> 2 <script></script> 3 <script> 4...
如果滚动页面也是dom没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，html5选择了scrollintoview()作为标准方法。scrollintoview()可以在...
前言因为在做美团外卖商家端的nw.js壳子项目，需要保证在壳子里面使用localstorage的数据可以持久化保存。发现nw可以保存，即使删除应用重写打包也可以保存，所以解决了这个需求，但是还是需要知道具体储存在哪里，否则不清楚什么情况下数...
svg的几个小案例最近经常用到svg，闲的无聊的时候做了几个简单的小例子，希望能帮到大家，svg会用了之后做动画和图片都方便了好多，接下来就看看小例子吧！！1、例子一css代码html, body { width: 100%; heig...
html5提供专门的拖拽与拖放的api，以后实现这类效果就不必乱折腾了。但是，考虑到opera浏览器似乎对此不感冒，在通用性上有待商榷，所以这里也就简单说一说。拖放（drag 和 drop）是 html5 标准的组成部分。浏览器支持Inte...
