里面的内容也很丰富，介绍了HTML5的新元素和API，如下：

1. Canvas API
2. Audio and Video
3. Geolocation API
4. Communication APIs
5. WebSocket API
6. Forms API
7. Web Workers API
8. Web Storage API
9. Offline Web Applications

虽然介绍了不少新技术，但真正可以实际使用的却非常少。现在在中国主流的浏览器还是IE系列的，里面真正支持HTML5的只有IE 9，但是现在的IE 9还只是个测试版。IE 6连css 2都支持不全，更别谈HTML5了。更杯具的是HTML5的标准还没有最终确定下来，也就是说HTML5也不标准，它以后可能还会再变。

但我觉得HTML5可能会在中国很早地得到大规模地支持，因为搜狗浏览器、QQ浏览器5、Maxthon 3，它们的高速模式使用了WebKit核心，就连360浏览器也打算要内嵌WebKit了，而目前来说WebKit对HTML5的支持是最好的。就算这些浏览器的用户不默认开启高速模式，但是他也拥有了支持HTML5的平台，对于HTML5的推广是件好的事。

没有最好的技术，只有最适合的技术。个人认为对于HTML5是要了解一些，但不要过分地追求新技术，毕竟现在HTML5还不规范，支持也少。最后引用岁月如歌的一段话：

关注是可以的。有时间（我觉得大部分人其实都没时间），去尝尝鲜也是有益的。但是对于大部分营养不良的前端，推荐还是脚踏实地老老实实的去学一门传统编程语言，去把数据结构/基础算法/设计模式/数据库等等基础知识点给搞瓷实了再说。这样，等 HTML9 出来的时候，对你而言，无非就是淘汰了一些旧 API, 增加了一些新 API 而已。

动态载入JavaScript非常简单，代码演示如下：

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'test.js';
head.appendChild(script);

侦测JavaScript是否载入

我们常常用JavaScript来给其它元素添加load事件，但如果给一个script自身添加load事件还真不是一件容易的事。对于非IE的高级浏览器来说和一般元素添加事件方法是一样的，代码演示如下：

script.onload=function(){
	// do something
};

但对于IE来说则要复杂一点，不能直使用onload，而要使用onreadystatechange事件，通过onreadystatechange事件来判断script元素的readyState属性是否等于complete或者loaded，从而来确认script元素是否已经载入。代码演示如下：

script.onreadystatechange=function(){
	if(this.readyState == 'loaded' || this.readyState == 'complete'){
		// do something
	}
};

readyState具有以下几个状态值：

1. 0 : uninitialized
2. 1 : loading
3. 2 : loaded
4. 3 : interactive
5. 4 : complete

注意：在IE中complete或者loaded值是不会一起出现的，IE中会忽略一些状态，所以只需要判断它俩中的一个就可以了。

对于JavaScript不存在的处理

如果动态载入的JavaScript文件不存在的话，非IE浏览器会一直请求。在IE6、IE7中，script的属性值readyState会返回一个loading值，但有时候延迟久了会返回一个loaded值。而在IE8中，script的属性值readyState仍然会返回一个complete，这个很奇怪。

最终方案

这里根据jQuery里面的代码修改了下，增加了载入错误的回调功能。代码演示如下：

/**
 * 动态载入 javascript 脚本
 * @author <a href="mailto:jon.ju@msn.com">Jon</a>
 * @param {Object} options 选项
 * @param {String} options.url 脚本的 url 地址
 * @param {Function} options.callback 脚本完成载入后回调的函数
 * @param {Function} options.error 脚本没有按时载入时回调的函数
 * @param {Number} options.time 请求超时时间,默认为 5 秒
 * @param {String} options.charset 脚本的编码
 */
function insertScript(options){
	var head = document.getElementsByTagName("head")[0] || document.documentElement,
	script = document.createElement("script");
	script.src = options.url;
	var done=false, // 是否完成脚本载入的标识
	timer; // 超时时间
	if (options.charset) {
		script.charset = options.charset;
	}

	script.onload = script.onreadystatechange = function() {

		if ( !done && (!this.readyState ||
				this.readyState === "loaded" || this.readyState === "complete") ) {
			done = true;
			// 如果有计时器，去除
			if(timer)clearTimeout(timer);
			if(options.callback)options.callback.call();

			// 防止 IE 下的内存泄漏
			script.onload = script.onreadystatechange = null;
			if ( head && script.parentNode ) {
				head.removeChild( script );
			}

		}
	};

	// 如果有错误回调函数，则超过一定时间就去除 script 的相关设置
	if(options.error){
		timer = setTimeout(function(){
			// 如果还没有完成
			if(!done){
				script.onload = script.onreadystatechange = null;
				if ( head && script.parentNode ) {
					head.removeChild( script );
				}
				if(options.error){
					options.error.call();
				}
			}
		},options.time || 5000);
	}

	head.appendChild(script);

}

假设有个在动态载入的test.js文件，里面的代码是这样的：

var myVar = 'OK';

载入代码为：

insertScript({
	'url':'test.js',
	'callback':function(){
		// IE 在文件不存在时也会触发 callback 函数，
		// 所以在这里要加个判断
		try{
			alert(myVar);
		}catch(e){
			alert('error');
		}
	},
	'error':function(){
		alert('error');
	},
	'time':1000
});

如果test.js存在，则会alert出“OK”，如果文件不存在IE8会立即alert出“error”，而其它常用浏览器过1秒后会alert出“error”。

在制作网页的时候，为了兼容大部分浏览器，我们常常要求在CSS样式文档中不出现中文字体的，尤其是在{}中，因此通过参照下表将其对应转编，可以将中文名转成英文名。

注意unicode2是直接输出为文本的。

比如：微软雅黑，我们在CSS中的设置为：

.font01{
	font-family:"Microsoft Yahei";
}

也可以是对应的unicode形式：

.font02{
	font-family:"\5FAE\8F6F\96C5\9ED1";
}

但微软雅黑对应的unicode2即微软正黑体写在样式文档里是没有效果的，因为unicode2是以文本形式输出的，这个可以将对应的unicode2放到html文档中尝试一下，对应输出微软雅黑四个字。

var _ele = document.getElementById('myElement');
try{
	_ele.addEventListener('click',clickFunc,false);
}catch(e){
	try{
		_ele.attachEvent('onclick',function(){clickFunc.call(_ele)},false);
	}catch(e){};
}

这样函数clickFunc中的this指针就会指向被绑定行为的元素了。

• 支持外链形式的样式表，如使用<link>和@import外联到页面中的样式表，还包括<?xml-stylesheet?>处理结构里带的样式表。但是对于嵌入样式（在标签<style>内的样式）和内联（使用元素的style属性的行样式）的样式，是不支持的。
• 支持IE条件注释语句。
• 即可以检查单页，也可以检查整个站点。
• 可以识别大部分的CSS2和CSS3选择器，但可以识别所有的CSS1选择器。
• 可以识别一般的CSShack，如：“* html #foo”会被当成“html #foo”。

td{
    height:300px; /* 等效于普通元素的 min-height */
}

这段时间我也打算学习下Sqlite，做一些简单的演示时非常方便，不用在最终用户的系统安装数据库环境了。但在利用PHP操作数据库时发现PHP默认只支持到Sqlite2，不支持最新版的Sqlite3。如果想支持Sqlite3就要使用PDO。要想使用PDO，需要在php.ini里面载入php_pdo.dll和php_pdo_sqlite.dll两个模块。如下：

extension=php_pdo.dll
extension=php_pdo_sqlite.dll

如果这两段代码前面有;，就把它去掉。下面是我编写的Sqlite操作代码，一共有五个函数，分别是链接数据库、插入新数据、删除数据、更新数据和显示数据。

/**
 * 创建一个 sqlite3 链接
 * @author Jon<jon.ju@msn.com>
 * @return object 返回一个数据链接对象
*/
function connectSqlite(){
    // 设置数据库的位置
    $db = "sqlite:".$_SERVER['DOCUMENT_ROOT']."/sqlite/web.db";
    echo $_SERVER['DOCUMENT_ROOT']."/sqlite/web.db" . '<br />';
    $user = "";
    $pass = "";
    $dbHandle = new PDO($db,$user,$pass);
    echo 'Connected to database<br />';
    return $dbHandle;
}
/**
 * 插入新数据
*/
function insertSqlite($conn){
    $qry = $conn->query('select * from site');
    //如果不存在，则创建表
    if($qry ==false){
    $conn->exec('create table mysite(name VARCHAR(30),url VARCHAR(50))');
    }
    // 准备存入数据
    $insert = $conn->prepare("INSERT into mysite VALUES(?,?)");
    // 存入数据
    $insert->execute(array('julabs','julabe.com'));
    $insert->execute(array('google','www.google.com'));
}
/**
 * 删除数据
*/
function deleteSqlite($conn){
	$conn->exec("DELETE FROM mysite WHERE name = 'google'");
}

/**
 * 更新数据
*/
function updateSqlite($conn){
	$conn->exec("UPDATE mysite set url='julabs.me' WHERE name = 'julabs'");
}

/**
 * 显示数据
*/
function showSqlite($conn){
    $sth = $conn->prepare("SELECT * FROM mysite");
    $sth->execute();
    $result = $sth->fetchAll(PDO::FETCH_ASSOC);
    echo '<br />共有<strong>' . count($result) . '</strong>条数据<br />';
    echo '<table>';
    echo '<tr><th>名称</th><th>地址</th></tr>';
    foreach($result as $row){
        echo '<tr>';
        foreach($row as $key => $val){
            echo '<td>';
            echo $val;
            echo '</td>';
        }
    	echo '</tr>';
    }
    echo '</table>';
}

$connect = connectSqlite();
insertSqlite($connect);
showSqlite($connect);
updateSqlite($connect);
showSqlite($connect);
deleteSqlite($connect);
showSqlite($connect);
$connect = NULL;

你是这样爱国的吗？腐败盛行，你不骂；权贵横行，你不怒；教育之重，你不语；医疗之痛，你不忿；农村之病，你不视；下岗之哀，你不闻；专独之恶，你不问；可每每因了一些于民无甚增减，于家无甚建树，于己无甚危险的事情时，你就拍案而起了，你就热情似火了，你就冲锋陷阵了，你就上窜下跳了，你就开始爱国了！虚伪。

——来自广东省广州市的匿名人士对新闻:《《京华时报》:反CNN网站站长 年仅23岁的80后》的评论

对于大多数人来说，一切恶行中最大的恶行已在他的灵魂中植了根，对此任何人都原谅自己，并且决不想找什么借口。

这种情况是由于任何人生性爱自己，并且他是必定从自利的角度来思考一切的。但是，事实上在所有过失中，对自己的强烈的爱，是任何人在任何情况下的遭遇的起因。由于一个人对他所爱的事物是盲目的，以致他很难发现正当的，善良的美好的东西，因为他认为必须尊重的不是真实，而是对他来说是亲切的事物；而真正杰出的人必然既不给自己也不给他人以优先地位，而是给公正的事以优先地位，不管这事他自己或是他人做的。我们可以看到，在所有人那里同样的错误在起作用，在他们看来，自己的愚昧似乎是智慧，以致于我们在什么都不知道的时候，却认为自己什么都知道。

由于我们不让他人去实施我们不理解的事情，导致我们自己去做时必然目睹自己将犯的错误。

——[古希腊]柏拉图

• Asia/Shanghai；大陆东部，包括北京、上海、广州等；
• Asia/Harbin；大陆东北，包括黑龙江、吉林等，但不包括漠河；
• Asia/Chongqing；大陆中部，包括四川、云南、广西、陕西、贵州等；
• Asia/Hong_Kong；香港；
• Asia/Taipei；台北；

更详细的时区码内容请参见List of tz database time zones，但为什么没有Asia/Beijing这样的设置呢？

在中国所用到的语言编码一般有下面几个：

• zh-tw；中文繁体（台湾）；
• zh-cn；中文简体；
• zh-hk；中文繁体（香港）；
• zh-sg；新加坡中文；

更详细的语言编码内容请参见Language Codes。