现代 Web 设计与开发越来越看重浏览器兼容问题，IE 每个新版本的推出，都在 CSS 的标准化方面前进一大步，同时，也就不可避免地在 IE 的各个主要版本之间产生兼容问题，尽管 IE8 推出已有时日，使用 IE6的用户仍然相当可观。本文以速查手册的形式介绍 CSS （2.1 和 3）在 IE6,7,8 三个版本之间的兼容情况。
这套速查手册可以打印成 A3 尺寸，共2页，以下是各种不同格式下载：
本文来源：http://tutorialfeed.blogspot.com/2009/10/visual-cheat-sheet-css-compatiblity.html
翻译整理：COMSHARP CMS 企业网站内容管理系统官方网站
作者：Klaus Komenda ， 翻译：butwho
英文原文：Collection of Web Developer Tools, per Browser
原文发现：译言-Collection of Web Developer Tools for major browsers
中文译文：Web开发工具大集合——每个浏览器都有份的！
网站开发者的一大苦恼，就是有太多的浏览器要应付。幸亏世界上有一些聪明的人，能够研究出一大些方便编辑和调试网页代码的好工具。不过，要从不计其数的小工具里面找出合适的可真不容易。这篇文章列出了几个最好用的web开发工具，并指导你快速地激活、安装、使用他们。 下面是工具列表： 阅读全文 >>
基本用法(不涉及其他相关类)：
Ext.data.Record 实例就是对应一条记录，记录通常会放在数据集 Store 中，其中包含了数据的定义信息(字段名等) 和数据的值信息。这里不涉及与它相关的 Proxy、DataReader 和 Store，只单纯的用 Record 的方法。通常是两步，先调用 Record 的 create() 方法，返回一个类，然而 new 前面方法返回的类，代码过程如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
//第一步，create() 返回一个 Record 的子类(定义了数据表现，有点像泛型) var Person = Ext.data.Record.create([ //用对象数组指定每个字段名 {name:'name'},{name:'email'} //name 属性指定每个字段名 ]); //通过前面 create() 返回的 Person 类创建 record 实例 var record = new Person({//传入一个对象作为第一个参数，注意属性名对应 name:'Unmi', email:'fantasia@sina.com' },2009); //第二个参数指定记录的标识 ID，未指定 ID 则为你用整数进行编号 //验证效果，只取 id 和其中的 email 属性，可试下前面无 {id:'name'}的情况 alert('id:' + record.id +", email:" + record.get('email')); |
代码说明： 阅读全文 >>
在 ExtJs 中支持多线程的类有 Ext.util.TaskRunner 和 Ext.util.DelayedTask。TaskRunner 提供了多线程的定时服务，DelayedTask 允许你延时多久在新建线程中执行一个任务。Ext.TaskMgr 是一个 TaskRunner 实例，在 TaskMgr.js 源码中可以看到最后一行是：
Ext.TaskMgr = new Ext.util.TaskRunner();
实质上不管是 TaskRunner 还是 DelayedTask，它们都是通过 setInterval() 来执行任务的，TaskRunner 能多次重复的执行一个方法，而 DelayedTask 是延时执行完一次任务后就会调用 clearInterval() 来保证只执行一次。所以这里所说如何向任务的 run() 方法传递参数，本质上就是向 setInterval() 中方法传递参数。 阅读全文 >>
我们在使用 ExtJs 创建组件时最容易理解的当然是用
new Ext.form.TextField({fieldLabel:'姓名', id:'name',width:120})；
我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个组件或需要写许多的 ExtJs 相关代码时就更值得推荐。我们来对照如下形式就知道了：
|
1 2 3 4 5 6 7 8 9 10 11 |
items[ new Ext.form.TextField({fieldLabel:'姓名', id:'name', width:120}), new Ext.form.TextField({fieldLabel:'密码', id:'passwd', inputType:'password', width:120}), new Ext.form.DateField({fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120}) ] //替换成用 xtype 写法就如下(似乎只是免去了很多的 new ...) items[ {xtype:'textfield', fieldLabel:'姓名', id:'name', width:120}, {xtype:'textfield', fieldLabel:'密码', id:'passwd', inputType:'password', width:120}, {xtype:'datefield', fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120} ] |
[Unmi 注] 用 FireFox 或 Chrome 浏览 Open Web Tools
Directory(http://tools.mozilla.com/) 就能看到下图中的效果，而用 IE 因为不支持 Canvas，所以会定向到一个简单显示页面。所有的工具分为 Design、Code、Debug、Test、Deploy、Docs 这六个类别，可进行搜索。眼花缭乱的，数数你真正使用过其中的几个；很实用的，特地转载推荐给大家。
对于很多Web开发人员来说，数目庞大的开发工具往往让人不知如何选择，一些非常实用的工具也因为无法检索而与开发人员失之交臂，Mozilla实
验室近日推出了一种服务帮助解决这一问题，开放Web工具录（Open Web Tools
Directory）可以为Web开发人员提供最新最全面的开发工具。 阅读全文 >>
自然，我们都习惯了 IE，在 IE 中要在函数中获得各事件对象很容易，直接用 event、event.srcElemtn、event.fromElement、event.toElement 就行了。在 FireFox 中获得触发事件的元素可以用 event.target，但其他两个 fromElement 和 toElement 就要费些周折。
所以，为了保持一致的使用方式，也为了保持原有的使用习惯，我们加入以下 JS 代码(代码有些紧凑，未加注释，应该很好理解)： 阅读全文 >>
在 IE 中我们可以用 insertAdjacentHTML 往元素的 beforeBegin,beforeEnd,afterBegin,afterEnd 处理插入新元素。而在非 IE 中没有该方法，因而我们要创造一个兼容的 insertHtml 方法来。
本方法从 Ext 2 中剥离出来的，在 ext-all-debug.js 中有以下方法：
Ext.DomHelper.insertHtml( String where, HTMLElement el, String html ) : HTMLElement
参数介绍：
where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd。
el：用于参照插入位置的html元素对象
html：要插入的html代码 阅读全文 >>
我们在应用 DWR 调用远程方法时涉及到 JS 与 JAVA 之间参数和返回值的数据转换，例如：
JS 的 123 与 Java 的 int 或 Integer、long 间的转换
JS 的 "2009-06-23" 与 Java 的 java.util.Date 之间的转换
JS 的 "[1,2,3]" 与 Java 的 int[] 间的转换
JS 的 "{id:123, name: 'Unmi'}" 与 Java 的 Class Person{int id; String name} 间的转换
或者更复杂的嵌套类型( "{id:123, name: 'Unmi', blogs:['http://unmi.blogjava.net','http://blog.csdn.net/kypfos']}" ) 与 Java 类型间的转换，等等。那么这一切是怎么进行的呢？其实我们见识过很多组件的类型映射，如 Java 的 PropertyEditor、Hibernate(UserType)、iBatis(TypeHandler) 的类型映射，Struts1/2 中 Form/Model 用的 Converter 等。 阅读全文 >>
DWR 本身未提供分页的功能，所以这部分要自己来实现。如果把后台的所有记录都拉到页面用 JS 分页，那是很不现实的。因此，虽说是 DWR 分页，但还得服务端来支持，由服务端的远程方法只返回当前页所显示的记录，DWR 自己要明确当前是第几页，是否有上一页、下一页。
还是用代码来说明吧，分解为三部分代码：
1. 暴露给 DWR 调用的 Java 的远程方法
2. JS 的 DWR 调用
3. 显示分页导航栏
DWR 要调用的 Java 方法： 阅读全文 >>