HTML5中与页面显示相关的API 在HTML5中，增加了2个与页面显示相关的API，分别是Page Visibility API与Fullscreen API; 作用分别如下： Page Visibility API 是指当页面变为最小化状态或者用户将浏览器标签切换到其他标签时会触发。 Fullscreen API 是将页面整体或页面中某个局部区域设为全屏。Page Visibility API的使用场合如下：一个应用程序中具有多幅图片的幻灯片式的连续播放功能，当页面变为不可见状态(最小化状态...
原文：http://fuyi6862422.iteye.com/blog/2204256
使用谷歌的，与百度有偏差，一般不推荐使用 一、window.navigator.geolocation验证浏览器是否支持if (window.navigator.geolocation) { alert("支持地理定位"); }else{ alert("不支持"); } 二、getCurrentPosition —— 获取经纬度获取的是谷歌的经纬度，与百度地图的不一样，需要转换 var geo=window.navigator.geolocation; geo.getCurrentPosition(function (pos){console.log(pos); });原文：http://www.cnblogs.com/pan-hello...
HTML5发展到现在，虽说没有大规模的普及，但在我们日常生活中，也很容易见到了，HTML5的游戏、网站、应用也是层出不穷。而作为前端人员，也应该多了解这些API为以后应用打基础，下面我将给大家介绍 HTML5 新引入的API，并附上各个 API 的浏览器检测方法，我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。首先，我们先介绍下 Modernizr， 它是一个用来检测浏览器对 HTML5 和 CSS3 特性支持情况的开源 Javascript 类库...
学习html5从入门到精通，零基础新手也能看懂，无论你是唱歌，画画的艺术生，还是学习机械专业的工科生，或者大学读的文学学科。先了解HTML5可以实现的功能有哪儿些？1. HTML5可以同时在多种设备上运行，这一点是其他方式都无法做到的；2. 在互联网中随意被分享，并且搜索时可以及时被找到；有搜索扩展性。3. HTML5应用可以使用交互式设计来提供最佳体验，而不需要更改代码。你可以从桌面到手机到平板电脑无缝进行切换，而无需重复安...
HTML5在国内外越来越受到互联网开发团队的青睐。国外，谷歌兴致勃勃地开发Chrome Web Store，微软发布了支持使用HTML5技术开发的“Irish Spring”主题网站，诺基亚斥巨资购得并打造的NOKIA MAP业务。国内的互联网巨头对这股大洋彼岸吹来的新web开发标准也同样感兴趣，开始着手HTML5产品的试水。网易微博iPhone平台Web App产品在2012年第一季度已经成功上线。现将此项目开发的经验教训分享给大家，希望与大家在HTML5开发环境中共同成...
《JavaScript高级程序设计（第3版）》 <!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body><ul class="list"><li class="item">1</li><li class="item">2</li><li class="item current">3</li></ul><button id="myButton">button</button><script>/*** getElementsByClassName()* 支持 getElementsByClassName()方法的浏览器有 IE 9+、Firefox 3+、Safari 3.1+、Chrome 和 Opera 9.5+*/+function() {v...
都知道这个属性是检查你 是否填写了字段也就是说咱们不用判断输入的数值是否为空的情况了 但是这个属性一定要和form配合在一起使用单独的使用是不可以实现的<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>required</title></head><body><form action="" method="get"><input type="text" required="required"><input type="submit" value="提交"></form></body></html> 原文：http://www.cnblogs.com/ling-...
HTML5 的Cavans API可以动态来展示图形、图表、图像以及动画，我们的这个离线系统中，主要用来设计Logo用的。在网页上使用Canvas的时，他会创建一块矩形区域，默认情况下宽为300像素，高为150像素，当然，可以自定义。 因为我们离线系统主要职责用于在离线的情况下的工作系统，如在上面写工作日志，工作计划，和保存项目的评估数据；在网络在线的情况下与服务器交互，并将数据保存到Server的数据库中。所以我们的这个离线系统被命名...
《HTML5 WebSocket权威指南》学习笔记&3WebSocket方法的对象特性1. WebSocket方法a. send方法send方法用于在WebSocket连接建立后，客户端向服务端发送消息。可分为发送两种消息，一种是普通文本信息，一种是二进制数据。需注意的是，send方法必须在连接建立以后才能使用，也就是在onopen里使用才不会出错。发送普通消息这个比较简单，在上一篇学习WebSocket事件时就用到了，只需要send(message)即可。发送二进制数据在Web应用中，我...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2 3.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBi...
原文：http://hujint227.iteye.com/blog/2204269
获取【下载地址】? ?QQ: 313596790? ?【免费支持更新】A 代码生成器(开发利器);? ? B 阿里巴巴数据库连接池druid;??数据库连接池??阿里巴巴的 druid。Druid在监控、可扩展性、稳定性和性能方面都有明显的优势C 安全权限框架shiro ;??D ehcache 自定义二级缓存;E 微信接口开发（后续会加入Activiti5 工作流 ）免费升级----------------------------------------------------------------------------------------------------------...
html5 横向滚动，用到了 touchstart、touchmove、touchend 控制修改transform：translate属性;[手机端或者浏览器模拟手机模式才有效果]【转载请注明出处】 回头准备封装成插件都放到 github上 https://github.com/wt9213html：<div class="tab" id="tab"><div class="scroll-tab" id="scroll_tab" style="transform: translate(0px, 0px) translateZ(0px);"><a href="#" class="active">tab1</a><a href="#">tab2</a><a href="#"...
Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 3.3.4 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。下载默认后台模板浏览后台模版 2浏览后台模板 3浏览简易商城前台模板浏览简易企业网站前台模板浏览扁平化风格模板浏览原文：http://www.cnblogs.com/bqh10086/p/6782979.html