不灭的火

• *对大多数符合标准的浏览器应用第一个声明块，目的是创建一个隐形的
  内容为空的块来为目标元素清除浮动。
• *第二条为clearfix应用 inline-table 显示属性，仅仅针对IE/Mac。
  *利用 * / 对 IE/Mac 隐藏一些规则：
• * height:1% 用来触发 IE6 下的haslayout。
• *重新对 IE/Mac 外的IE应用 block 显示属性。
• *最后一行用于结束针对 IE/Mac 的hack。

1. 【大师推荐】JavaScript编码风格
2. 豆瓣JavaScript代码风格规范
3. JavaScript最佳实践

本文主要针对URI编解码的相关问题做了介绍，对Url编码中哪些字符需要编码、为什么需要编码做了详细的说明，并对比分析了Javascript 中和 编解码相关的几对函数escape / unescape,encodeURI / decodeURI和 encodeURIComponent / decodeURIComponent。

预备知识

foo://example.com:8042/over/there?name=ferret#nose
\_/ \______________/ \________/\_________/ \__/
|                |                       |                   |            |
scheme    authority              path            query     fragment

这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。

这个方法来源于positioniseverything ，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。

今天编码一个功能，发现复选框在firefox浏览器下有个诡异的现象：当鼠标划过复选框时，复选框的边框变黑。。。

诡异效果图如下：

Highcharts是一个制作图表的纯JavaScript类库，主要特性如下：

• 兼容性：兼容当今所有的浏览器，包括iPhone、IE（IE6，IE7，IE8等）和火狐等等；

• 对个人用户完全免费；

• 纯JS，无BS；

• 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；

• 跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库；

官方演示：http://www.highcharts.com/demo/

最后经验补充：

1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；

2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；

所以说，a:hover定义一定要放在a:link、a:visited的后面，，，

2. 属性的书写顺序：
        2.1. 按照元素模型由外及内，由整体到细节书写，大致分为五组：
            位置：position,left,right,float
            盒模型属性：display,margin,padding,width,height
            边框与背景：border,background
            段落与文本：line-height,text-indent,font,color,text-decoration,...
            其他属性：overflow,cursor,visibility,...
        2.2. 针对特殊浏览器的属性，应写在标准属性之前，例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;

hidefocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： 

onFocus="this.blur()" 

什么是面向对象？ 

面向对象编程主要通过代码代表现实世界中的实质对象。要创建对象，首先需要写一个“类”来定义。 类 几乎可以代表所有的东西：账户，员工，导航菜单，汽车，植物，广告，饮料，等等。而每次要创建对象的时候，就从类实例化一个对象。换句话说，就是创建类的 实例做为对象。事实上，通常处理一个以上的同类事物时就会使用到对象。