09 2015 档案

HTML5 Canvas实战之烟花效果
摘要：2、代码解析（1）requestAnimationFramerequestAnimationFrame是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。设置这个API的目的是为了让各种网页动画效果（DOM动画、Canvas动画、SVG动画、WebGL动画）... 阅读全文
posted @ 2015-09-22 18:59 暗夜心慌方 阅读(1251) 评论(0) 推荐(0)
HTML5主要新增标签
摘要：HTML5介绍HTML5是继HTML4以后的下一代HTML标准规范，它提供了一些新的元素和属性。新型的标签有利于搜索引擎和语义分析，同时更好地帮助小屏幕装置和视障人士使用，除此之外，也提供了一些新的功能，总结而言，有如下几大特点：1、取消了一些HTML4里过时的元素和属性标记其中包括纯粹显示效果的标... 阅读全文
posted @ 2015-09-22 18:57 暗夜心慌方 阅读(192) 评论(0) 推荐(0)
HTML5拖放操作API及实例
摘要：1、拖放效果2、draggable属性如果网页元素的draggable元素为true，这个元素就是可以拖动的。Draggable Div在大多数浏览器中，a元素和img元素默认就是可以拖放的，但是为了保险起见，最好还是加上draggable属性。3、事件拖动过程会触发很多事件，主要有下面这些：dra... 阅读全文
posted @ 2015-09-22 18:55 暗夜心慌方 阅读(231) 评论(0) 推荐(0)
HTML5新特性之文件和二进制数据的操作
摘要：历史上，JavaScript无法处理二进制数据。如果一定要处理的话，只能使用charCodeAt()方法，一个个字节地从文字编码转成二进制数据，还有一种办法是将二进制数据转成Base64编码，再进行处理。这两种方法不仅速度慢，而且容易出错。ECMAScript5引入了Blob对象，允许直接操作二进制... 阅读全文
posted @ 2015-09-22 18:55 暗夜心慌方 阅读(207) 评论(0) 推荐(0)
HTML5本地存储之IndexedDB
摘要：1、概述随着浏览器的处理能力不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少用户等待从服务器获取数据的时间。现有的浏览器端数据储存方案，都不适合储存大量数据：cookie不超过4KB，且每次请求都会发送回服务器端；Window.name属性缺乏安全性，且没有统一标准；local... 阅读全文
posted @ 2015-09-22 18:53 暗夜心慌方 阅读(262) 评论(0) 推荐(0)
HTML5本地存储之localStorage、sessionStorage
摘要：1、概述 localStorage和sessionStorage统称为Web Storage，它使得网页可以在浏览器端储存数据。 sessionStorage保存的数据用于浏览器的一次会话，当会话结束（通常是该窗口关闭），数据被清空；localStorage保存的数据长期存在，下一次访问该网站的时候 阅读全文
posted @ 2015-09-22 18:50 暗夜心慌方 阅读(209) 评论(0) 推荐(0)
HTML5新特性之跨文档消息传输
摘要：1、同域限制所谓“同域限制”是指，出于安全考虑，浏览器只允许脚本与同样协议、同样域名、同样端口的地址进行通信。2、window.postMessage方法浏览器限制不同窗口（包括iFrame窗口）之间的通信，除非两个窗口装载的是同一个域名下的网页。window.postMessage方法就是为了解决... 阅读全文
posted @ 2015-09-22 18:47 暗夜心慌方 阅读(198) 评论(0) 推荐(0)
HTML5新特性之Web Worker
摘要：1、概述JavaScript语言采用的是单线程模型，也就是说，所有任务排成一个队列，一次只能做一件事。随着电脑计算能力的增强，这一点带来很大的不便，无法充分发挥JavaScript的潜能。龙其考虑到，File API允许JavaScript读取本地文件，就更加如此了。Web Worker的目就，就是... 阅读全文
posted @ 2015-09-22 18:46 暗夜心慌方 阅读(304) 评论(0) 推荐(0)
HTML5新特性之移动设备API
摘要：为了更好地为移动设备服务，HTML5推出了一系列针对移动设备的API。1、Geolocation APIGeolocation接口用于获取用户的地理位置。它使用的方法基于GPS或者其他机制（比如IP地址、WIFI热点等）。下面的方法，可以检查浏览器是否支持这个接口。if (navigator.geo... 阅读全文
posted @ 2015-09-22 18:46 暗夜心慌方 阅读(373) 评论(0) 推荐(0)
HTML5新特性之WebSocket
摘要：1、概述HTTP协议是一种无状态协议，服务端本身不具有识别客户端的能力，必须借助外部机制，比如session和cookie，才能与特定客户端保持对话。这多多少少带来一些不便，尤其在服务器端与客户端需要持续交换数据的场合（比如网络聊天），更是如此。为了解决这个问题，HTML5提出了浏览器的WebSoc... 阅读全文
posted @ 2015-09-22 18:45 暗夜心慌方 阅读(311) 评论(0) 推荐(0)
HTML5新特性之Mutation Observer
摘要：Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知。要概念上，它很接近事件。可以理解为，当DOM发生变动会触发Mutation Observer事件。但是，它与事件有一个本质不同：事件是同步触发，也就是说... 阅读全文
posted @ 2015-09-22 18:43 暗夜心慌方 阅读(242) 评论(0) 推荐(0)
HTML5新特性之WebRTC
摘要：HTML5新特性之WebRTC1、概述WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。WebRTC共分三个API。MediaStream（又称getUserMedia）RTCPeerConnection... 阅读全文
posted @ 2015-09-22 18:40 暗夜心慌方 阅读(1135) 评论(0) 推荐(0)
JQuery插件开发详解
摘要：绝世好文：http://blog.jobbole.com/30550/ 阅读全文
posted @ 2015-09-18 18:02 暗夜心慌方 阅读(81) 评论(0) 推荐(0)
拥有ID的元素会创建全局变量
摘要：在一张HTML页面中，所有设置了ID属性的元素会在javascript的执行环境中创建对应的全局变量，这意味着document.getElementById像人的阑尾一样显得多余了。但实际项目中最好老老实实怎么写就怎么写，毕竟常规代码出乱子的机会要小得多。result:所以可是这样用jquery:$... 阅读全文
posted @ 2015-09-18 11:31 暗夜心慌方 阅读(430) 评论(0) 推荐(1)
加载CDN文件
摘要：现在很流行的CDN，即从专门的服务器加载一些通用的js和css文件，处于安全考虑，有的CDN服务器使用HTTPS方法链接，而有的是传统的HTTP，其实我们在使用时可以忽略这个，将它从URL中省去。 阅读全文
posted @ 2015-09-18 10:49 暗夜心慌方 阅读(289) 评论(0) 推荐(0)
利用script标签保存信息
摘要：页面保存信息有好多种方法，今天用script标签来保存信息：将script标签设置为type='text'然后可以在里面保存任意信息，之后可以在javascript代码中很方便的获取。js getvar text = document.getElementById('template').inner... 阅读全文
posted @ 2015-09-18 10:44 暗夜心慌方 阅读(202) 评论(0) 推荐(0)
前端页面鼠标隐藏
摘要：CSS的恶作剧--让鼠标消失*{ cursor: none!important;}相信你看到上面的代码后能够预料到会出现什么效果。。。 阅读全文
posted @ 2015-09-18 10:35 暗夜心慌方 阅读(888) 评论(0) 推荐(0)
iframe跨域高度自适应
摘要：原文：http://michilehr.de/resize-iframe-by-its-content-cross-domain/ 阅读全文
posted @ 2015-09-16 16:08 暗夜心慌方 阅读(210) 评论(0) 推荐(0)
Date和Calendar互转
摘要：在项目中用到获取Date对象中的日期，date.getDate(); 但是这个是不建议使用的，已过时。从 JDK 1.1 开始，由 Calendar.set(Calendar.DAY_OF_MONTH, int date) 取代。所以还是老老实实的用Calendar吧Date转CalendarDa... 阅读全文
posted @ 2015-09-02 17:50 暗夜心慌方 阅读(1666) 评论(0) 推荐(0)