2013 年 5月随笔档案 - 浩瀚孤鸿

HTML5 localStorage本地存储实际应用举例

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

posted @ 2013-05-31 12:44 浩瀚孤鸿阅读(294) 评论(0) 推荐(0) 编辑

zend studio 改变背景颜色

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

posted @ 2013-05-31 01:34 浩瀚孤鸿阅读(1271) 评论(0) 推荐(0) 编辑

PHP获取http头信息

摘要：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/ 阅读全文

posted @ 2013-05-31 00:55 浩瀚孤鸿阅读(235) 评论(0) 推荐(0) 编辑

越狱的 iPhone、iPad 通过网站实现一键安装 ipa 格式的 APP 应用

摘要：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 阅读全文

posted @ 2013-05-31 00:45 浩瀚孤鸿阅读(669) 评论(0) 推荐(0) 编辑

WebApp之Meta标签

摘要：<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 阅读全文

posted @ 2013-05-29 22:59 浩瀚孤鸿阅读(680) 评论(0) 推荐(1) 编辑

移动平台的meta标签-----神奇的功效

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

posted @ 2013-05-27 17:57 浩瀚孤鸿阅读(183) 评论(0) 推荐(0) 编辑

HTML 5缓存机制之Cache Manifest配置实例

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

posted @ 2013-05-24 11:53 浩瀚孤鸿阅读(312) 评论(0) 推荐(0) 编辑

noet2 系统Android4.1.1版本中js touchmove事件只执行一个的问题

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

posted @ 2013-05-20 21:19 浩瀚孤鸿阅读(950) 评论(0) 推荐(0) 编辑

移动端开发小结

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

posted @ 2013-05-20 12:22 浩瀚孤鸿阅读(203) 评论(0) 推荐(0) 编辑

js的左右滑动触屏事件

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

posted @ 2013-05-17 18:02 浩瀚孤鸿阅读(1297) 评论(0) 推荐(0) 编辑

人人FED CSS编码规范

摘要：完整PDF下载链接：《人人FED CSS编码规范》浏览器特效支持规范为了页面性能考虑，如果浏览器不支持CSS3相关属性的，则该浏览器的某些特效将不再支持，属性的支持情况如下表所示：圆角阴影动画文字阴影透明背景渐变空间变换Chrome5+YYYYYYYFirefox 4+YYYYYYYSafari 5+YYYYYYYOperaYYYYYNYIE9+YYNNYNYChrome5-NNYYYYYFirefox 4-NNNYYNNSafari5-NYYYYNYIE8NNNNNNNIE7NNNNNNNIE6NNNNNNN[说明] Y为支持，N为不支持。文件相关规范1、文件名必须由小写字母、数字、中划线- 阅读全文

posted @ 2013-05-17 14:07 浩瀚孤鸿阅读(204) 评论(0) 推荐(0) 编辑

CSS3 transform rotate（旋转）锯齿的解决办法

摘要：由于现在主要接触移动端，不需要考虑IE等古董浏览器的兼容性问题，所以能最大程度的使用CSS3所带来的便捷。在近期的一个项目中，根据设计需求，需要把图片以倾斜5度的方式来呈现出效果。于是便做了一个例子：-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); 把图片旋转了5度。本以为轻而易举，可遇到了问题。在Fireofx中显示正常，但在webkit内核下的浏览器中，如Chrome和Safari，图片边缘会有很明显锯齿。也可以说是webkit抗锯齿的一个BUG。另外需要补充的一点，如果图片上级元素含有overflow:hidden 阅读全文

posted @ 2013-05-15 00:51 浩瀚孤鸿阅读(755) 评论(0) 推荐(0) 编辑

apache开启gzip的压缩功能

摘要：gzip功能能在消耗一点点CPU使用率的情况下，大幅减少网页在传输过程中的带宽（大约60%-75%）。最近一直在折腾ctusky网站打开速度的事情，所有关到打开速度的我总是非常关心，下面就来介绍一下apache2下开启gzip压缩的方法。正确区分mod_deflate和mod_gzip所谓gzip，其实在早期的apache 1.x系列版本中没有内建网页压缩技术，所以才需要去gzip压缩，apache2官方在开发的时候，就已经把网页压缩考虑进去，内建了 mod_deflate模块，所以apache2就不需要使用到mod_gzip了，这两者的工作原理是类似的，还有启用mod_deflate这个网页阅读全文

posted @ 2013-05-13 23:13 浩瀚孤鸿阅读(185) 评论(0) 推荐(0) 编辑

win2003中Apache开启gzip功能

摘要：一直觉得网站访问速度很慢，打开0.6秒，打开GZIP后打开只要0.1秒，非常不错！HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，压缩效率惊人!!１）针对Apache2.0之前的版本，它原本是不支持的，不过可以通过添加第三方的module_gzip模块来启阅读全文

posted @ 2013-05-13 23:05 浩瀚孤鸿阅读(135) 评论(0) 推荐(0) 编辑

CSS3图形,Css画图,Css3三角形

摘要：CSS3 图形圆：Html代码#circle{width:140px;height:140px;background:red;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;}正方形：Html代码#square{width:140px;height:140px;background:blue;}椭圆：Html代码#oval{width:200px;height:100px;background:purple;-moz-border-radius:100px/50px;-webkit-border-rad 阅读全文

posted @ 2013-05-12 17:22 浩瀚孤鸿阅读(395) 评论(0) 推荐(0) 编辑

标签：article

摘要：article 字面意思为“文章”。在web页面中表现为独立的内容，如一篇新闻，一篇评论，一段名言，一段联系方式。这其中包括两方面，一为整个页面的主旨内容，另外就是一些辅助内容。article可以嵌套，即article里面还可以包含article，此时内article应该跟外article有一定的关联性，如同情景二，其中主内容的评论。1<article id="demo">2<h1>内容标题（选用）</h1>3<p>内容</p>4</article>article既然是独立的内容，那么内容的主题是必不可阅读全文

posted @ 2013-05-12 17:21 浩瀚孤鸿阅读(197) 评论(0) 推荐(0) 编辑

CSS3 Gradient

摘要：CSS3发布很久了，现在在国外的一些页面上常能看到他的身影，这让我羡慕已久，只可惜在国内为了兼容IE，让这一项技术受到很大的限制，很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用，为了不被淘汰，我也开始向CSS3进发，争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用，和大家一起分享，今天我们首先要看的就是:CSS3： Gradient─CSS3渐变。CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Grad 阅读全文

posted @ 2013-05-11 00:58 浩瀚孤鸿阅读(184) 评论(0) 推荐(0) 编辑

Javascript如何判断一个变量是普通变量还是数组还是对象？

摘要：1、使用typeof操作符检测变量类型数组、Null、Object 为 object 类型字符串为 string 类型true和false 为 boolean 类型整型、浮点型为 number 类型2、如果要区分数组和非数组对象，需要使用构造函数来判断if(arr.constructor==Array) // arr 是数组else // arr 不是数组阅读全文

posted @ 2013-05-10 23:47 浩瀚孤鸿阅读(251) 评论(0) 推荐(0) 编辑

ubuntu 定时执行php

摘要：命令：sudo vi /etc/crontab*/100 * * * * root wget -q -O /dev/null http://localhost/test.php ①开机自动运行：先写了测试脚本，在/usr下，trans.shgedit /etc/init.d/rc.local在最后加上脚本的地址就OK了②定时运行脚本：以下部分转自：http://hi.baidu.com/michaelxdt/item/a8e4fec22a59867388ad9e62cron，是一个Linux定时执行工具，可以在无需人工干预的情况下运行作业。1. 关于crontab 在Ubuntu server 阅读全文

posted @ 2013-05-09 21:13 浩瀚孤鸿阅读(425) 评论(0) 推荐(0) 编辑

Win7+Ubuntu11.10(EasyBCD硬盘安装)

摘要：1）首先还是分区，在计算机上右键--管理--磁盘管理装Ubuntu分配的硬盘大小最好是(20G以上）不要太小，这里请注意，ubuntu和windows文件系统完全不同，所以我们划好要给ubuntu的分区后，删除卷。到时候，安装好的ubuntu的分区，在windows下是看不到的，但是进入ubuntu是可以访问windows的磁盘的。这才叫双系统的吧，和wubi那种不一样哦。2）准备两个东西EasyBCD软件和iso镜像(我用的easybcd是2.1版，就下载1.7之后版就行，要那种安装版的，不要绿色版)3）下面打开EasyBCD软件，可以看到现在我们的计算机只有一个启动“入口”，我们来给他加一阅读全文

posted @ 2013-05-04 16:48 浩瀚孤鸿阅读(179) 评论(0) 推荐(0) 编辑

all to undefined function sqlite_open()错误php sqlite_open()不可以调

摘要：Call to undefined function sqlite_open()错误php sqlite_open()不可以调用这是因为你的PHP服务器没有启用sqlite支持，php如何启用sqlite？请看下文：如果没有能正常加载sqlite模块，就可能出现这样的错误：Fatal error: Call to undefined function sqlite_open() in xxx.php on line XX解决办法如下：打开php.ini 文件，我这里是系统是xp ，php.ini 放在 C:\WINDOWS 下找到这样一行;extension=php_sqlite.dll现在将阅读全文

posted @ 2013-05-02 23:13 浩瀚孤鸿阅读(628) 评论(0) 推荐(0) 编辑

sqlite 数据类型全面

摘要：一般数据采用的固定的静态数据类型，而SQLite采用的是动态数据类型，会根据存入值自动判断。SQLite具有以下五种数据类型：1.NULL：空值。2.INTEGER：带符号的整型，具体取决有存入数字的范围大小。3.REAL：浮点数字，存储为8-byte IEEE浮点数。4.TEXT：字符串文本。5.BLOB：二进制对象。但实际上，sqlite3也接受如下的数据类型：smallint 16 位元的整数。interger 32 位元的整数。decimal(p,s) p 精确值和 s 大小的十进位整数，精确值p是指全部有几个数(digits)大小值，s是指小数点後有几位数。如果没有特别指定，则系统会阅读全文

posted @ 2013-05-02 23:12 浩瀚孤鸿阅读(224) 评论(0) 推荐(0) 编辑

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论