摘要： 一、引言HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心，自己又应用了HTML5相关内容——HTML5 localStorage本地存储，这里简单分享下，希望能触动一下大家的小小神经。二、实例展示实际在线的页面访问，如果不是会员，还需要注册。烦那！所以自己就把其高保真独立出来，做了个HTML版本的demo页面。您可以狠狠地点击这里：HTML5 localstorage本地存储应用demo进入demo页面，您 阅读全文

摘要： 在编辑框上右击——preferences（首选项）—— General（普通）——Editors(编辑器)——Text Editors（文本编辑器）；在Appearance color options （颜色选项）中选择Background color（背景颜色），再点击右侧的color选取颜色即可。——apply（提交）——OK（好）。注： 中文可能翻译部太正确，自己琢磨下！不利于敲代码啊，有的不好，看不清楚代码。下面是我考来的，不错，亲测可以用的，黑色然让人看起来很高深，哈哈，装大神，第一步。http://www.zendstudio.net/archives/easily-set-up. 阅读全文

摘要： PHP手册提供了现成的函数getallheaders()获取http请求的头信息。1234<?php$headers=getallheaders();dump($headers);?>以下为输出格式，依据具体情况输出信息不同：1234567891011121314151617array'Host'=>string'localhost:8090'(length=14)'User-Agent'=>string'Mozilla/5.0(WindowsNT5.1;rv:17.0)Gecko/20100101Firefox/ 阅读全文

摘要： 1、已经越狱的 iPhone、iPad 设备，当通过其自带的 safari 浏览器访问 ipa 应用下载网站时，利用 itms-services 协议，可以一键安装 ipa 文件的 iOS 应用，例如：<a href="itms-services://?action=download-manifest&url=http://blog.s135.com/demo/ios/jhsmyt.plist">通过越狱的iOS设备浏览器访问本页，点这儿一键安装APP应用。</a> 2、jhsmyt.plist 的内容如下： blog.s135.com/de 阅读全文

摘要： <meta name="apple-touch-fullscreen" content="yes">"添加到主屏幕“后，全屏显示 <meta name="apple-mobile-web-app-capable" content="yes" />这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。<meta name=”apple-mobile-web-app-s 阅读全文

摘要： 对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在 阅读全文

摘要： Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。 一、Cache Manifest基础知识 作为一个Web开发相关的人员，都不会少听到、看到Cache这个词。是的，上面也已经说了，它是一种缓存的机制。它可以通过一个.manifest文件来配置需要缓存的或者一定要保持联网缓存的文件。而重点就是这个.manifest文件，这里进行了简单的整理： ◆MIME TYPE：text/cache-man... 阅读全文

摘要： 先是有一块文字，可能比较长，我就在作容器的div上写样式为overflow:scroll， 以为这样就能用手指触摸滚动了，拿来小米1S一试，通过。结果后来同事找来，说他的手机不行。研究半天，在StackOverflow上看到 Android 3.0之后才开始支持触摸滚动，想在2.x系统上实现还得自己写JS实现。一看他的手机，2.3.5。OK，写JS嘛，好说。事先我已经知道触摸事件的触发机制，所以很自然的就去侦听touchstart，touchend，touchmove。结果，不行，滚不起来。我以为自己记错了，去MDN上查了查，没错；又猜是事件用错了，尝试touchleave和touchcanc 阅读全文

摘要： 1. viewportviewport：除去所有工具栏、状态栏、滚动条等之后用于查看网页的区域，打个比方，现在有一张报纸摆在你面前，但是这张报纸被一本书压住了，所以你只能看到报纸的一部分，这部分可以查看到的区域就是可视区域，这就是viewport。在进行webapp开发时，允许你更改这个viewport，你可以让你的页面宽高恰好等于浏览器的viewport，这样你进行的设计就可以转化成1:1了。下边就从它的属性开始讲起：1//设置可视区域viewport的宽高和比例2<meta name="viewport" content="width=device-wi 阅读全文

摘要： js的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标。touchstart在触摸开始时触发事件touchend在触摸结束时触发事件touchmove这个事件比较奇怪，按道理在触摸到过程中不断激发这个事件才对，但是在我的 Android 1.5 中，在 touchstart 激发后激发一次，然后剩余的都和 touchend 差不多同时激发。这三个事件都都有一个 timeStamp 的属性，查看 timeStamp 属性，可以看到顺序是 touchstart -> touchmo 阅读全文