悠悠博客 关注Ajax技术与web开发

Microsoft已经宣布 Internet Explorer 8已经通过了Acid2的测试（Acid2是用来测试浏览器是否符合Web规范如CSS属性等）。这是否意味着IE8已经超越了其他浏览器或者能够完全合乎规范了呢？IE8具有哪些方面的特点？

1、从IE4开始，Microsoft 一直都是用一种称为“rendering engine ”的技术，当然，IE8也使用了这种技术，在“rendering engine ”的基础上，IE8做了很大的改进，那就是“layout engine”。通过该技术，可以很轻松的支持CSS3的一些标准，如表格布局，分栏等。

2、IE8还支持 data URLs，通过该功能，可以很方便的直接在HTML或者CSS文档中插入图片而不需要额外的引用其他文件。

3、支持在CSS中使用一些很普通的属性，如“before,after”,ABBR tag的实现已经解决，还支持各种风格的类似虚线的下划线。

Microsoft声称他们会有一个IE8的标准，它将不同于IE6 和IE7，可以通过在HTML中设置DOCTYPE来区分，相当于一个开关，可以让当前页面是否按IE8的标准显示。

据Microsoft官方人员透露，最迟在2008年圣诞节将会有IE8的版本发布，让我们拭目以待吧！

CSS3的Spec已经接近尾声，我相信在IE8和各种主流浏览器中将会得到支持。对比于当前CSS最高版本，CSS3做了很大的改动，初步浏览了一下CSS3的Spec，发现了一个很有用的功能就是在css3的规范中可以直接通过CSS来实现分栏、布局表格还有图片的定位等。效果如下图：

实现这样的布局只需要如下的CSS代码：

通过这段代码，可以实现3行6列的布局，并且可以定位图片到哪几个单元格中。其中“float:page top right;”是使表格浮动在页面上方的顶部，“width:3gr”是指图片的宽度跨越3个"grid unit"即3个单元格，注意这里的3gr必须是在所有Grid内部的，外围的不计算在内。详细的解释可以参照W3C官方文档。

2007年即将过去，各种Ajax框架得到了很大的普及，这些框架的应用在很大程度上提高了web的开发效率，也使Javascript语言在web开发中上了一个新的台阶。

根据国外著名ajax评论网站的统计，使用最多的ajax框架是Prototype ，其次分别是jQuery 和Ext JS，具体排名见如下的表格：

从2005年到现在，Ajax工具的数量从30多个增长到现在的200多个，其中只有Prototype和Script.aculo.us在这3年中始终保持领先的优势，而像xajax 和 Rico，在初期非常流行，但现在基本已经退出了市场。相反的， jQuery 和Ext JS是后起之秀，渐渐的获得了用户群体。

另一方面，收费的框架基本上不能占稳脚跟，在免费浪潮的冲击中，得不到用户的钟爱，最后不得不淡出用户的视线。

在Google的SEO优化过程中，文章的URL对关键字的排名起到了很大的作用，如果给每篇文章生成一个合适的url，那对你的关键字排名将会起到很大的作用，类似Wordpree的功能，本文针对Z-blog 用户的英文博客根据标题和分类自动生成文章的URL，或许对一些写英文文章的朋友们有一些帮助。

其实实现该功能也不是很麻烦，主要用javascript的方法，当标题输入框焦点转移后自动根据输入的标题生成一个以“—”分割的字符串，需要在/admin/edit_fckeditor.asp文件中做一些修改。

当建立一个https网页的时候，有一项非常烦琐的事情就是去掉所有的引用http资源的链接，否则，IE就会给出一个安全警告。

为了解决这个问题，所有网页上的URLs必须使用https。但就目前而言，网页的设计都是建立的高重用的基础上的，它们都必须要同时符合http和Https的标准。怎么解决这个问题呢？

使用相对URLs就是一个很好的办法。现在常用的一种方式就省略主机名，包含所要引用资源的路径，如下所示：

这样的话，不管是http还是Https的网页都不会出现警告信息。虽然它省略了主机名，实际上在网页打开时，它会自动将路径前加上主机名去加载引用的资源，并且同时会使用当前网页的协议http或者https，在Http页面，它会使用http协议请求图片，而在https页面，它会根据https协议请求图片。

但是如果我们需要引用其他网站上的图片呢？

在设计网页时，我们会经常遇到文字布局不能随意的问题，基本局限在矩形的范围内，如果没有图形的辅助，给人的感觉就是方方正正，规规矩矩，有没有办法来解决这个问题呢？现在，有一款新的工具  CSS Text Wrap. 来帮助你，让你的网页布局可以灵活多变。

 CSS text Wrap可以让你的文字布局告别方框的时代。使用起来也很简单，只需要定义边框，然后把html代码复制到相应的地方就行了，具体的介绍可以看官方的文档。下面是一个很简单的例子：

下面是效果：

AjaxIM——最受欢迎的Ajax应用程序。

AjaxIM是一款基于Ajax的能够适时在线交流的的IM程序，他可以很方便的应用在社交、企业网等公共网站，它最突出的特点就是不需要刷新，可以适时在线的显示聊天信息。

其核心是通过Javascript来实现，需要PHP的环境，安装也比较简单，先建好数据库，修改config.php，运行根目录下的install就OK了，现在它的最新版是V3.2,主要的功能如下：

1、所有的实现代码(JS和PHP)基于OO的思想；

2、多语种支持；

3、基于PHP的session实现，不用每次发送消息时都验证用户信息；

4、可以很方便的自定义theme；

5、可以对用户进行锁定和解锁；

6、可以查找用户，踢掉用户等；

更多信息可以查看官方介绍。http://www.ajaxim.com/

现在的javascript真是越来越强大了，可以让你网页中的image具有跟文本一样高亮的功能，只需要简单的用css设置一下图片的样式就ok，实现这个这个功能需要下载一个js库， Mapper.js 1.0 ，现在的最新版本是1.0，可以兼容主流的浏览器：Mozilla Firefox 1.5+, Opera 9+,Safari 和IE6+.

首先创建一个图片，然后通过css定义高亮。

最近在做项目时发现有些图片或者文字超链接在点击或者激活时周围出现了虚线的边框，这样既影响美观，又导致界面的风格不统一，通过摸索，发现了一个简单的方法，只需要在<a>里面加上一句：

其作用就是让当前的焦点转移，虚线框自然就没有了。

在写javascript代码的过程中，我们经常忘记要先new出一个实例，在这种情况下，访问这个实例就会出现异常。

如果想防止这样的情况发生，可以用一种安全的方法创建你的类。