W3C 中新添加了一个名为 Geolocation的 API 规范，Geoloaction API的作用就是通过浏览器获取用户的地理位置。我们可以使用navigator.geolocation来简单的获取用户的地理位置信息。本文中将简单介绍下W3C的Geolocation。
Geolocation在javascript的navigator 对象中，我们可以通过 navigator.geolocation 来使用它。不支持 geolocation 的浏览器并不包含这一对象，那么可以通过下面的代码来做能力检测，对不同的浏览器做不同的处理。
if (navigator.geolocation) {
alert( ' 浏览器支持 geolocation ' );
}else{
alert( ' 浏览器不支持 geolocation ' );
}在访问 geolocation 对象时，即调用 geolocation 下面的方法时，浏览器会弹出提示，询问用户是否许可网站提供的位置服务，只有在得到用户许可过后，服务才会继续，否则将被停止，在稍后你将会了解到，我们能够捕获到用户拒绝服务的动作。下面这张图分别是 Chrome , Firefox 和 Opera 在初次访问 geolocation 时，给用户的提示：
初次使用geolocation时的警告框
常用的navigator.geolocation对象有以下三种方法：
- 获取当前地理位置：navigator.geolocation.getCurrentPosition(success_callback_function, error_callback_function, position_options)
- 持续获取地理位置：navigator.geolocation.watchPosition(success_callback_function, error_callback_function, position_options)
- 清除持续获取地理位置事件：navigator.geolocation.clearWatch(watch_position_id)
其中success_callback_function为成功之后处理的函数，error_callback_function为失败之后返回的处理函数，参数position_options是配置项，由JSON格式传入：
-
enableHighAccuracy：true/false，它将告诉浏览器是否启用高精度设备，所谓的高精度设备包含但不局限于前面所提到的 GPS 和 WIFI，值为 true 的时候，浏览器会尝试启用这些设备，默认指为 true，在这种情况下，浏览器会尽可能地进行更为精确的查询，简单地说，如果用户有可用的 GPS 设备，会返回 GPS 设备的查询结果，IP 是最后的选择，对于移动设备来说，网络接入点(基站)或许成为另一个选择，对此我还没有完全了解，但根据测试，即时没有任何额外功能的手机，也能够得到更为精确的查询结果。
- maximumAge：单位毫秒，告诉设备缓存时间，主要用于设备的省电或者节省带宽方面。
- timeout：单位毫秒，超时事件，获取位置信息时超出设定的这个时长，将会触发错误，捕获错误的函数将被调用，并且错误码指向TIMEOUT。
例如下面的代码：
var geo=navigator.geolocation.getCurrentPosition(geo_success, geo_error, {enableHighAccuracy:true,
maximumAge:30000,
timeout:27000}); 继续阅读全文……
网站的访问速度和性能对用户体验来说是非常重要的。如果你的网站访问非常的慢，你不仅会失去用户，而且更可怕的是你会失去潜在的客户。像Google这样的互联网巨头也会把网站访问速度作为排名的一个参数。因此当你需要优化网站速度时，你需要考虑方方面面，每个毫秒。这里对改进网站性能提出一些基础和普遍的建议。
1、如果可能的话，延迟加载一些内容
可以使用Ajax来按需加载部分内容。比如一个相册，可以在用户浏览页面时先出缩略图，当用户点击了，然后异步请求原图并展示，这样用户如果只需要看几张图片，就不需要等待所有图片都加载下来。这种开发模式叫做延迟加载。
Ajax/Web开发类库如jQuery，Prototype，与及MooTools可以使得延迟加载更容易实现。
2、使用外部JS和CSS文件
当用户第一次加载网页时，浏览器会缓存住外部的CSS和JavaScript文件，所以将javascript和CSS放到外部文件比内联的会好。
使用内联CSS还会增加网页的渲染时间，让所有样式都定义在你的主CSS文件中使得浏览器渲染页面时少做一些工作，因为它一开始就知道所有需要应用的样式规则。另外使用外部javascript和css文件也有助于维护代码。
3、使用缓存系统
如果你发现网站总是连接数据库来查询产生出同样的结果，可能就需要使用缓存系统了。使用缓存的话，只需要生成一次特定的内容而不需要用户每次访问的时候都去生成。缓存系统也会根据配置周期性的刷新缓存。你可以生成静态HTML页，以减小服务器脚本执行的开消，或者使用数据库和服务端脚本缓存系统，比如PHP的加速器，memcached等。
4、避免在html中改变图片大小
如果一张图片原本是1280*900px的，但是你需要它显示为400*280px的，你应该用图片编辑器，如Photoshop来改变它的大小，而不是使用HTML的width和height属性。
继续阅读全文……
好久没正儿八经的写写js代码了，再不写就生疏了，昨天无意中发现cityhouse的首页幻灯片有问题，于是今天就写了三个幻灯片实例，如果还不会用jquery写幻灯片的可以参考我之前的文章：《CSS+jQuery实现滑动幻灯片实例详解》以及两个jQuery幻灯片实例。
今天的三个jQuery幻灯片其实还是两个，只不过第一种滚动的幻灯片有两种形式：分别是上下滚动和左右滚动。兼容IE6+，FF，chrome等主流浏览器。
效果和淘宝首页的幻灯片效果相同，自动播放时是一直往一个方向前进。
布局方面还算比较简洁，大家可以根据自己的需要添加内容，另外这次的幻灯片加上了文字，其实不光图片可以slider，文字也可以slider一会的。另外加了一点CSS3，就是控制按钮圆角化了（FF3.6+和chrome下有效果）。
截图
三种常见jQuery幻灯片（jQuery slider）实例
教程
继续阅读全文……
昨天写了《练手：一个获取验证码图片到本地的PHP程序》的文章，对于验证码为jpg格式的图片是可以正常输出的，对于png、gif的验证码则不能正常使用，今天稍微修改一下PHP代码，使其可以支持png、gif、jpg三种格式的验证码。
PHP判断图片的格式可使用php内置的exif_imagetype函数，非常方便，
关于exif_imagetype的详细使用方法可以访问：http://php.net/manual/en/function.exif-imagetype.php
继续阅读全文……
最近项目不是很大，所以时间比较的空间，昨天琢磨着写点东西，想起了前几天电信公司投票选微笑天使的活动，投票是要填写验证码的，想了下想写个投票作弊程序，可是等我放假回来，人家活动已经结束了，昨天突然想起来，就写了一个获取验证码图片到本地的PHP程序，以备今后有类似的投票活动可以直接拿来使用。
程序采用了PHP的GD库，原理很简单，就是先建立一张空白图片，然后把验证码的图片使用PHP GD库中的imagecreatefromjpeg函数建立一个image对象，最后计算图片的长宽，再次使用PHP内置的imagecopy复制到一开始建立的空白图片上去。
全部代码如下：
继续阅读全文……
看来得：某两会委员发言：“上海是全世界的上海，上海的房价应该和国际接轨，不应该以80后的承受能力为标准。 我觉得80后男孩子如果买不起房子，80后女孩子可以嫁给40岁的男人。80后的男人如果有条件了，到40岁再娶20岁的女孩子也是不错的选择。”
======================================
2樓故事一則
终于到40岁了，找到一个年轻貌美的20岁女友
去她家见家长
开门的是当年读大学时相处了几年的初恋女友
新女友喊了一声：妈~
3樓 补充后面情节：
继续阅读全文……
有不少wBox的用户反映iframe时候不可以自动撑开高度，今天在无意中看到了司徒正美的一片关于iframe自适用高度的js代码，感觉不错，转载来了。
var adjustIframe = function (id) {
var iframe = document.getElementById(id)
var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
var callback = function () {
var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
iframe.style.height = iheight + "px";
}
if (iframe.attachEvent) {
iframe.attachEvent("onload", callback);
} else {
iframe.onload = callback
}
} 继续阅读全文……