摘要：一、WebSockets介绍一、什么是WebSockets 它可以让我们无需AJAX请求即可与服务器端对话，WebSockets是在一个(TCP)接口进行双向通信的技术，PUSH技术类型。 同时WebSockets仍将基于W3C标准，目前为止，Chrome和Safari的最新版本浏览器已经支持W... 阅读全文
《响应式Web设计：HTML5和CSS3实战》 读书笔记
2014-02-13 17:21 by 臭小子1983, 203 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 响应式设计入门 直到现在网页的设计还在960px，这种设计在一些低分辨率的显示器正常，而在高分辨率下会留出两边空白.一、布局种类 1、流式布局 2、弹性布局 3、朔料布局 4、自适应布局二、视口和屏幕尺寸 视口：指浏览器内部的显示内容的部分，不包括工具栏导航栏之类. 屏幕尺寸：指设备的尺寸，如显示器、手机屏幕.第二章 媒体查询：支持不同的视口 1 阅读全文
HTML5新功能之二 《Geolocation获取地理位置》
2014-02-07 11:38 by 臭小子1983, 453 阅读, 0 推荐, 收藏, 编辑
摘要：获取地理位置一、定位原理IP地址、GPS、wifi、GSM/CDMA1、PC端定位的方式：是通过IP地址、wifi来进行定位。2、导航：通过GPS来位置定位3、手机定位：通过GSM、CDMA、3G二、geolocation属性和方法 1、 getCurrentPosition(获取成功调用的参数返回的是一个对象的信息， 获取失败调用的参数， 选项设置对象)：获取当前地理信息 2、 wacthPosition()：监视当前地理位置 3、 clearWacth()：清除当前地理信息 getCurrentPosition属性： error对象： 1、code属性：返回1（用户拒绝了位置服... 阅读全文
hasLayout的介绍和CSS中zoom:1的作用
2014-01-23 14:29 by 臭小子1983, 621 阅读, 0 推荐, 收藏, 编辑
摘要：一、CSS中zoom:1的作用 兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用： 1、触发IE浏览器的haslayout 2、解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码： 1 2 推荐文章 ... 阅读全文
iOS Webapp的桌面图标及更新
2014-01-23 13:44 by 臭小子1983, 551 阅读, 0 推荐, 收藏, 编辑
摘要：iOS允许网站开发者像NativeApp一样在iOS设备的主屏幕为其网站添加一个启动Icon，这个代表着网站的Icon在苹果官方开发者文档里被称为“Web Clip”，它的作用类似于桌面浏览器的书签，用户通过点击Icon能直接快速打开这个url的网站。 为了给某个网页或者整个网站指定一个漂亮的桌面启动图标，iOS Safari提供了两个私有接口： apple-touch-icon 和 apple-touch-icon-precomposed。Apple-touch-icon设置方法通过在页面HTML的头部添加 标签这两个标签都是用来指定桌面图标的，但两者有个细微的区别，通过 apple... 阅读全文
冲破浏览器之潜规则DOCTYPE的各种模式详解
2014-01-23 11:20 by 臭小子1983, 240 阅读, 0 推荐, 收藏, 编辑
摘要：摘要：所谓浏览器的“潜规则”即我们常说到的浏览器模式，而关于各种浏览器模式，网上已经有许多文档和资料了，但是很少有能够完全将几个概念阐述清楚的。大部分的资料稍显过时，有些内容可能已经不再适用了。本文中笔者将尽可能将几个概念阐述清楚，并去掉一些过时的内容，仅保留必要的干货。 想必你一定知道浏览器有个标准（Standards）模式和一个怪异（Quirks）模式，或许你还听说过有个“准标准（Almost Standards）”模式。而当你打开Internet Explorer的时候，又看到了什么浏览器模式、文档模式，还有什么兼容性视图等等… 这些都是什么？啥是浏览器模式，啥是文档模式？标准模... 阅读全文
HTML5新功能之三 《离线应用程序》
2014-01-20 20:31 by 臭小子1983, 408 阅读, 0 推荐, 收藏, 编辑
摘要：离线文件应用一、什么是离线web应用程序 我们通常使用浏览器缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。 为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存... 阅读全文
jquery对象互转DOM对象方式
2014-01-19 21:27 by 臭小子1983, 356 阅读, 0 推荐, 收藏, 编辑
摘要：一、JQuery对象转换成DOM对象。JQuery对象不能使用DOM中的方法，如果对JQuery所提供的方法不熟悉，或者JQuery中并没有封装自己想要的方法，不得不使用DOM对象的时候，有两种处理方法： 1、JQuery对象是一个数组对象，可以通过[index]和get(index)得到相应的D... 阅读全文
将json转成对象和将对象转成json
2014-01-19 20:15 by 臭小子1983, 625 阅读, 0 推荐, 收藏, 编辑
摘要：一、原生js一、使用json2.js库来转换 下载地址：https://github.com/douglascrockford/JSON-jsjson2使用方法：1、对象转成json：stringify1 var jsonObj = { id: '01', name: 'Tom' };2 JSON... 阅读全文
HTML5新功能之一《web Storage 本地存储》
2014-01-19 15:29 by 臭小子1983, 369 阅读, 0 推荐, 收藏, 编辑
摘要：一、本地存储本地存储分为两个内容：1、web Storage 2、本地数据库web Storage：存储机制是对HTML4中cookie存储机制的一个改善。 本地数据库：它可以在客户端本地建立一个数据库，将原本保存在服务器端数据库中的内容现在可以直接保存在客户端本地，减轻了服务器的压力，同时也加快... 阅读全文