前段时间，一朋友们在QQ群里讨论起骑单车去西藏的事情。刚开始准备杭州直接骑过去，后来我也有些心动，加入骑行计划。最后商定坐飞机到云南，然后走滇藏线到布达拉宫，随后看情况骑车再到珠峰大本营。由于青海湖的美也是大家所向往的，接下来我们将坐火车到西宁，骑单车到青海湖并环湖一周。
机票已经买好，行程也已经起草完成了。6.18出发，我们登船去了~吼吼！！！

大家感兴趣，可以详细查看我做的PPT ：

http://lib.cssoul.com/ppt/Head First Icon Font/

Ctrl+KK          从光标处删除至行尾                                      

Ctrl+Shift+K     删除整行                                                

Ctrl+Shift+D     复制光标所在整行，插入在该行之前                        

Ctrl+J           合并行（已选择需要合并的多行时）                        

Ctrl+KU          改为大写                                                

Ctrl+KL          改为小写                                                

Ctrl+D           选词 （按住-继续选择下个相同的字符串）                  

Ctrl+M           光标移动至括号内开始或结束的位置                        

Ctrl+Shift+M     选择括号内的内容（按住-继续选择父括号）                 

Ctrl+/           注释整行（如已选择内容，同“Ctrl+Shift+/”效果）        

Ctrl+Shift+/     注释已选择内容                                          

Ctrl+Space       自动完成（win与系统快捷键冲突，需修改）                 

Ctrl+Z           撤销                                                    

Ctrl+Y           恢复撤销                                                

Ctrl+Shift+V      粘贴并自动缩进（其它兄弟写的，实测win系统自动缩进无效）

Ctrl+M           光标跳至对应的括号                                      

Alt+.            闭合当前标签                                            

Ctrl+Shift+A     选择光标位置父标签对儿                                  

Ctrl+Shift+[     折叠代码                                                

Ctrl+Shift+]     展开代码                                                

Ctrl+KT          折叠属性                                                

Ctrl+K0          展开所有                                                

Ctrl+U           软撤销                                                  

Ctrl+T           词互换                                                  

Tab              缩进                                                    

Shift+Tab        去除缩进                                                

Ctrl+Shift+UP    与上行互换                                              

Ctrl+Shift+DOWN  与下行互换                                              

Ctrl+K Backspace 从光标处删除至行首                                      

Ctrl+Enter       插入行后                                                

Ctrl+Shift Enter 插入行前                                                

F9               行排序（按a-z）

访问地址：http://www.20thingsilearned.com

话说这本电子书已经出来很久了，不过今天来看依然觉得相当的赞。我们无需刷新页面，就可以来回切换电子书页面，这正是OPOA（One Page One Application）的完美体现。

现在正在学习关于history API这方面的东西，所以特别感兴趣的是他们如何使用window.history.pushState()和window.history.replaceState()来做页面之间的不刷新切换。

今天查阅了一些资料，基本上对history API有了一个基本了解。

首先要说的就是history是个全局，即window.history。看到这个变量名你一定很熟悉，因为经常可以看到用window.history.back()或者window.history.go(-1)来返回上一页的JavaScript代码。

所以history并不是什么新东西，在HTML4的时代，我们可以使用它的这几个属性和方法：

length：历史堆栈中的记录数。

back()：返回上一页。

forward()：前进到下一页。

go([delta])：delta是个数字，如果不写或为0，则刷新本页；如果为正数，则前进到相应数目的页面；若为负数，则后退到相应数目的页面。

现在，HTML5为其又添加了以下2个方法：

pushState(data, title [, url])：往历史堆栈的顶部添加一条记录。data为一个对象或null，它会在触发window的popstate事件(window.onpopstate)时，作为参数的state属性传递过去；title为页面的标题，但当前所有浏览器都忽略这个参数；url为页面的URL，不写则为当前页。

replaceState(data, title [, url])：更改当前页面的历史记录。参数同上。这种更改并不会去访问该URL。不过目前只有Safari 5.0+、Chrome 8.0+、Firefox 4.0+和iOS 4.2.1+支持。如果想兼容老浏览器的话，可以试试History.js，而且它还修正了一些bug。

当然，在移动平台上，我们可以大胆尝试html5的history API。ios3.0+ 和Android2.0+ 平台的内置浏览器对history都比较完美了，利用它我们可以web app更趋向与native app。

下面，推荐几篇文章：

.Manipulating the browser history

.Session history and navigation

.Manipulating History for Fun & Profit

该API是navigator对象的一个属性 – Geolocation。目前除了ie内核浏览器外，其他浏览器的最新版本基本都支持Geolocation。同时，移动设备IOS 3.0+ 和 Android 2.0+ 系统也支持它，现在很多移动设备的应用加入了地理定位的元素。

那么我们接下来看如何使用Geolocation API：

一、检查浏览器是否支持Geolocation

var hasGeolocation = !!(navigator.geolocation);
if(hasGeolocation){
alert(“浏览器支持hasGeolocation”);
}


二、navigator.geolocation 的方法:

* navigator.geolocation有三个方法，分别是getCurrentPosition()、watchPosition()和clearWatch()

getCurrentPosition()方法

* getCurrentPosition()方法检索用户的当前位置，但只检索一次。当该方法被脚本调用时，方法以异步的方式来尝试获取宿主设备的当前位置。

* 该方法最多可以有三个参数：

geolocationSuccess：带回当前位置的回调（callback）（必需的）
geolocationError：有错误发生时使用的回调（可选的）
geolocationOptions：地理位置选项（可选的）

调用如下所示：


navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, geolocationOptions);


watchPosition()方法

* watchPosition()方法定期轮询用户的位置，查看用户的位置是否发生改变。其最多可带三个参数。

调用如下所示：


var watchPositionHandler = navigator.geolocation.watchPosition(geolocationSuccess, geolocationError, geolocationOptions);


clearWatch()方法

* clearWatch()方法终止正在进行的watchPosition()，该方法只能带一个参数。在调用时，其找到之前已经开始了的watchID参数并立即停止它。

调用如下所示：


navigator.geolocation.clearWatch(watchID);


三、navigator.geolocation返回一个Position对象:

* Position对象有两个属性：timestamp和coords。timestamp属性表示地理位置数据的创建时间，coords属性又包含七个属性：

coords.latitude：估计纬度
coords.longitude：估计经度
coords.altitude：估计高度
coords.accuracy：所提供的以米为单位的经度和纬度估计的精确度
coords.altitudeAccuracy：所提供的以米为单位的高度估计的精确度
coords.heading： 宿主设备当前移动的角度方向，相对于正北方向顺时针计算
coords.speed：以米每秒为单位的设备的当前对地速度

* 注意altitude, altitudeAccuracy, heading, speed不一定被浏览器支持，所以大家最好看一下官方规范的描述，多一些了解。

四、注意事项

* Geolocation App是不能直接访问设备的，只能通过请求浏览器来访问设备；
* Geolocation涉及到用户隐私，在获取 Geolocation 的时候，需要先征求用户的意思。
* Geolocation目前没有比较好的前端兼容解决方案，但是在移动设备 iOS 和 Android上，我们可以大胆尝试使用。

最近看了一下移动Javascript框架jQuery Mobile的源码，发现里面的页面切换，很多动画效果都是用css3来实现的。其实现在很多人依旧因为ie不支持css3而放弃去了解这方面知识，作为无线前端开发，很幸运能够走在大家前面去了解这些东西。

今天，主要介绍一下animation,那么先看下面一段代码。


/* 确保我们是在一个 3-D 空间 */
-webkit-transform-style: preserve-3d;

}


animation对应的CSS属性列表：

animation-name 动画的名称。

animation-duration 定义动画播放一次需要的时间。默认为0；

animation-timing-function 定义动画播放的方式，参数设置类似transition-timing-function animation-delay 定义动画开始的时间

animation-iteration-count 定义循环的次数，infinite即为无限次。默认是1。

animation-direction 动画播放的方向，两个值，默认为normal，这个时候动画的每次循环都向前播放。另一个值是alternate，则第偶数次向前播放，第奇数次向反方向播放。

—————————————————————

有兴趣的可以看看我利用animation实现slide幻灯片。

点击查看Demo

其实在使用JavaScript过程中，正则表达式的使用场景还是蛮多的，当然很多情况可能是校验表达用到。不过这方面的正则很多，随便google一下就一大堆方案。要学好JavaScript，这块知识点也是不能落下的。

这个ppt也只说到比较常用的知识点，比较难的方面没有涉及到。不过对入门还是比较有帮助 ：）

在JavaScript中,掌握this关键字的使用非常重要。作为新手，在编码时常常会不知道当前this关键字引用的究竟是哪个对象，所以我们很有必要了解this。
首先，我们要知道两点：
在全局代码中，this始终是全局对象本身；
在函数代码中，this值在进入上下文时确定，即this值它不是静态的绑定到一个函数。

为什么使用this？

通过下面这个例子，我想大家应该就会明白this的作用。

function showColor() {
  alert(this.color);
};

var a = new Object;
a.color = "red";
a.showColor = showColor;

var b= new Object;
b.color = "blue";
b.showColor = showColor;

a.showColor();		//输出 "red"
b.showColor();		//输出 "blue"

我们实例化了两个对象a和b，这两个对象其实就拥有了两个作用域。两个对象的showColor属性都调用函数showColor ，而此时this在这两次调用过程中值都不一样。也就是说，使用this可以达到重用函数的作用。

this 使用场景

1、调用对象的方法

var obj = {
	x: 100,
	y: function () {
		return this.x;
	}
};
var test = obj.y();  //test的值为100，this指代对象obj

2、函数中使用

function test(num) {
	 this.a = num;
	 this.b = function () {
		return this.a;
	}
}
var obj = new test(10);
var c = obj.b();  //c的值为10，this指代对象obj

3、函数的调用

function test() {
 	return this;
}
test();  //此时this指代window

4、行内事件函数中的this

function click_handler() {
 	alert(this);
}
<button id='btn' onclick='click_handler()'>点击</button>

this在此例子中，指代window对象，并不是知道dom元素#btn ，如果要让this指代触发事件的dom元素，可以使用下面的方式。

5、事件监听函数中的this

  function click_handler() {
	alert(this);
  }
  function handler() {
	document.getElementById('btn').onclick = click_handler;
  }
  window.onload = handler;
<button id='btn'>点击</button>

6、特殊（诡异）情况

var obj = {
	x:100,
	y:function(){
		setTimeOut(
			function(){alert(this.x);},2000);
	}

};
obj.y();

此时this并不是指向对象obj，this.x的值为undefind，该情况比较特殊，很多公司面试题会以这个为考点。要解决这个问题，我们可以通过一下方式：

var obj = {
	x:100,
	y:function(){
		var that = this;
		serTImeout(
			function(){alert(that.x);},2000);
	}
};
obj.y();

7、this与 apply()、call()

通过call和apply可以重新定义函数的执行环境，即this的指向，这对于一些应用当中是十分常用的。

1、call();

function changeStyle( type , value ){
    this.style[ type ] = value;
}

var one = document.getElementById( 'one' ); 

changeStyle.call( one , 'fontSize' , '100px' );

changeStyle('fontSize' , '300px');  //出现错误，因为此时changeStyle中this引用的是window对象，而window并无style属性。

2、apply();

function changeStyle( type , value ){
    this.style[ type ] = value;
}

var one = document.getElementById( 'one' ); 

changeStyle.apply( one , ['fontSize' , '100px' ]);

changeStyle('fontSize' , '300px');  //出现错误，原因同上

今年长假都有出去玩，非常有意义，摆脱掉 – “宅”！

话说世界上有南极和北极，在中国东海上还镶嵌着一颗璀璨的明珠——东极”。这个应该很多人都不知道吧～
东极主要风景有庙子湖、青浜岛、 东福山。我们这次玩了庙子湖、东福山两个岛，时间有限，当然挑了最有意思的两个岛了。

我们从舟山沈家门港出发，坐东极轮首先来到庙子湖岛。刚到岛上，就感到一股浓厚、古朴的渔家特色。

庙子湖岛上面住着很多居民，有一个小镇 – 东极镇。镇上有个博物馆，记录着过去的小岛故事～

岛周围有一大片养殖区，具体也不知道是什么，周围很多渔船在忙碌着～

好多当地人的私家船安逸的飘在海里，很想自己开着体验一把。

放好行李，我们就在岛上绕了一圈，吹着海风，看着美景，相当给力，一个字 – “爽”~

第二天，我们坐小岛之间的公交轮，到另一个岛 – 东福岛去玩，途经举着火把的财伯公雕像。

东福岛相对比较好玩，山比较高，风景更多，植物也相对茂盛，我们绕了大半个山，看到很多迷人的风景。

其实，我们是冲着这个“福”字绕的，大家都没有方向感找了很久才找到它。”福如东海.寿比南山”之说的”福如东海”就是现东福山岛，而据说刻有“福”字的石头能与海天佛国普陀山的”天下第一石”媲美。

下午，我们有跟旅社主人一起去钓鱼，玩的很开心，大家还钓到了10多条鱼哦，这就是我们在岛上吃的美味。（ps：虽然我不喜欢吃海鲜）

这次去玩，天气不是很好，本来想早点起来看日出，却只好作罢。有机会还想去玩玩，吼吼～