• html5之使用web存储

    1)使用本地存储(localStorage):    通过全局属性localStorage访问本地存储功能,并会返回一个Storage对象,它被用来保存键/值形式的字符串对。    Storage对象的成员:    clear()——移除保存的键/值对;    getItem(<key>)——取得与指定键关联的值;    key(<index>)——取得指定索引的键;    length——返回已保存的键/值对数量;    removeItem(<key>)——...
    作者:孤风一剑/2015年7月29日/分类:网页设计/阅读:958次/标签:/评论关闭
  • HTML5实战与剖析之WebSocket协议

    WebSocket协议是为了工作与现有的网络基础设施。作为这一设计原则的一部分,WebSocket连接的协议规范定义了开始其生命作为一个HTTP连接,保证与pre-WebSocket世界完全向后兼容。从HTTP协议切换WebSocket称为WebSocket握手。   浏览器发送一个请求到服务器,这表明它想开关从HTTP WebSocket协议。客户端通过升级标题表达的愿望: [plain] GET ws://echo.websocket.org/...
    作者:孤风一剑/2014年5月26日/分类:网页设计/阅读:1,332次/标签:, /评论关闭
  • HTML5实战与剖析之跨文档消息传递(iframe传递信息)

    在来自不同域名的页面间传递消息一般统称为跨文档消息传送,简称XDM。如,www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum域名中的页面通信。在XDM机制出现之前,要毫无压力地实现这种通信需要用很长时间。XDM把这种机制规范化,让咱们能够既稳妥又简单地实现跨文档通信。 XDM的核心是postMessage()方法。对于XDM而言,”另一个地方”指的...
    作者:孤风一剑/2014年2月20日/分类:网页设计/阅读:995次/标签:, , /评论关闭
  • html5 贪吃蛇canvas小游戏

    贪吃蛇是一个经典的小游戏,虽然我当年是个游戏小白,但是好歹当年玩这种不需要脑力的小游戏,还是手到擒来的。 贪吃蛇的算法不算复杂,主要讲蛇身的每一个片段分解存储在数组里,然后每一次移动时,a[n-1] = a[n],即将每一个前元素的值,赋给下一个元素。最后重新设置第一个元素a[0]的位置和方向。   [javascript] // r表示蛇,co表示蛇前进的方向,默认向下, e表...
    作者:孤风一剑/2014年2月10日/分类:网页设计/阅读:846次/标签:, , , /评论关闭
  • HTML5实战与剖析之字符集属性(charset和defaultCharset)

    HTML5对字符集属性也进行了更新,其中charset和defaultCharset属性就是HTML5中新添加的字符集属性。有关charset和defaultCharset属性的具体讲解尽在HTML5实战与剖析之字符集属性,下面就一起了解下吧。     HTML5实战与剖析之字符集属性之charset属性   HTML5中的charset属性是表示文档中世纪使用的字符集,也可以用来指定新的字符集。默认情况下,charset属性...
    作者:孤风一剑/2014年1月27日/分类:网页设计/阅读:915次/标签:/评论关闭
  • HTML5实战与剖析之HTMLDocument变化(readyreState属性、兼容模式和head属性)

    之前为大家介绍了些许关于HTML5新添加的小东东,想必大家也有所了解了。今天为大家介绍HTML5中有关HTMLDocument方面新添加的内容。那么HTML5中有关HTMLDocument方面新添加的内容都有什么呢?HTML5中有关HTMLDocument方面新添加的内容有readyState属性、兼容模式判断和head属性。下面就为大家一一介绍这些新添加的小东东吧。     1、readyState属性   早在IE4时代...
    作者:孤风一剑/2014年1月26日/分类:网页设计/阅读:1,015次/标签:/评论关闭
  • HTML5开发中使用MVC模式

    公司上周举办了一次编程马拉松,时间为两天,我当然用了lufylegend.js,为了让代码看起来更整洁一些,尝试着用javascript写了一个小的MVC框架,并开发了一个简单的demo,由于时间太短,游戏只完成了预计的一小部分。 本次开发的游戏截图如下。 测试连接如下 http://lufylegend.com/demo/mvcSample/ 很多人一定会说,js开发根本不需要什么MVC,用了就是给自己找麻烦。在这里...
    作者:孤风一剑/2013年11月27日/分类:网页设计/阅读:1,172次/标签:, /评论关闭
  • html5 拖放上传

    html5 拖放上传  css和js文件到演示页面可以查看源码下载 演示     XML/HTML Code <!DOCTYPE html> <html>     <head>         <meta charset="utf-8" />         <title>html5 拖放上传</title>         <link rel="stylesheet" href="assets/css/styles.css" />         <!--[if lt IE 9]>           ...
    作者:孤风一剑/2013年11月18日/分类:网页设计/阅读:1,408次/标签:, /评论关闭
  • Phone Gap JQuery Moblie 开发环境搭建

    1.Eclipse 3.4+ 以上版本 2.ADT 插件下载 http://developer.android.com/tools/sdk/eclipse-adt.html 下载包把插件放下eclipse\dropins\phoneGap 下面 这样方便管理 快捷方式 右键属性 增加 D:\software\eclipse\eclipse.exe -clean 3. SDK(开发工具包) http://developer.android.com/sdk/index.html 4.PhoneGap 包下载  http://phonegap.com/install/ 5.启动Eclipse 由于安...
    作者:孤风一剑/2013年11月04日/分类:站长在线/阅读:956次/标签:, , /评论关闭
  • 用canvas实现图片滤镜效果详解之灰度效果

    前面展示了一些canvas实现图片滤镜效果的展示,并且给出了相应的算法,下面来介绍一下具体的实现方法。 前面介绍的特效中灰度效果最简单,就从这里开始介绍吧。 1.获取图像数据 img.src = ’http://bloglaotou.duapp.com/wp-content/themes/frontopen2/tools/filter/image2.jpg’; canvas.width  = img.width; canvas.height = img.height; var context = canvas.getContex...
    作者:孤风一剑/2013年11月04日/分类:网页设计/阅读:1,092次/标签:, , , , /评论关闭