专注、坚持、重复……

《Pro HTML5 Programming》已经可以在网上下到PDF版的了，有兴趣可以去下载来研究下。

里面的内容也很丰富，介绍了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 而已。

转自悠悠左的《Unicode – CSS中文字体转编码》。

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

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

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

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

也可以是对应的unicode形式：

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

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

现在减少文件大小是前端的一项重要任务，对于js和css文件可以用软件去除里面的注释和空格来达到减少体积的目的。但是css文件还是有很多无用的代码，可以用Dust-Me Selectors来得到无用代码的名单，然后就可以按图索骥来清除它们。

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

无论HTML5能否成为Flash的杀手，也不管现在它是否成熟，以目前的情况来看掌握它都是必需的。

HTML5添加了很多功能更强，也更语义化的标签，但也删除了一些HTML4的标签，如：font和center。HTML5新引入的HTML元素包括:

• article：文章
• aside：内容旁边的侧边栏内容
• audio：音频
• canvas：2D 绘图
• command：命令按钮
• datalist：下拉选择框
• details：对象的细节
• dialog：对话框
• embed：外部插件或对象
• figure：一组媒体对象以及标签文字
• footer：页脚
• header：页首
• hgroup：文档某一部分的信息
• keygen：表单生成的 Key
• mark：标注的文字
• menu：排列表单控件
• meter：预先定义的范围内的度量
• nav：导航条
• output：输出
• progress：进度条
• rp：标识 ruby 内容
• rt：ruby 内容的解释
• ruby：ruby 内容
• section：定义一个部分
• source：媒体的资源
• time：日期时间
• video：视频

阅读全文

JavaScript面向对象编程中私有成员、静态成员的实现要比Java、ActionScript、Python要复杂的多，现在摘抄一些《JavaScript设计模式》中的代码来做演示。

私有属性和方法

var Book = function(newName){
    // 私有属性
    var name;

    // 私有方法
    function checkName(name){
        // ...
    }

    // 特权方法
    this.getName = function(){
        return name;
    };

    // 特权方法
    this.setName = function(newName){
        name = newName || 'No Name';
    };

    // 构造代码
    this.setName(newName);

};

var book01 = new Book('name01');
console.log(book01.getName()); // 输出 'name01'
book01.setName('newName01');
console.log(book01.getName()); // 输出 'newName01'

在本例中用var声明私有变量，这意味着它们只存在于Book构造器，checkName函数也是用同样的方法声明的，因此成了一个私有属性。

要想访问这些私有属性和方法的函数只需声明在Book中即可，这些方法称为特权方法(privileged method)，它们是公有方法，为了能够在对象外部访问这些特权函数，它们的前面都要加上关键字this。其它任何不需要直接访问私有属性的方法都可以放在像Book.prototype中声明。

阅读全文