博客园_KIKI'星空世界

10个最“优秀”的代码注释

2012-03-10T09:30:00Z

下面是stackoverflow网站上网友针对你看到过的最好的代码注释是什么样的？这个问题给出的回答的前10条：

1
1 // 亲爱的维护者：
2 // 如果你尝试了对这段程序进行‘优化’，
3 // 并认识到这种企图是大错特错，请增加
4 // 下面这个计数器的个数，用来对后来人进行警告：
5 // 浪费在这里的总时间 = 39h
2
1 /** * 致终于来到这里的勇敢的人：你是被上帝选中的人，英勇的、不辞劳苦的、不眠不修的来修改我们这最棘手的代码的编程骑士。你，我们的救世主，人中之龙，我要对你说：永远不要放弃，永远不要对自己失望，永远不要逃走，辜负了自己。永远不要哭啼，永远不要说再见。永远不要说谎来伤害自己。 */
1 Exception up = new Exception("Something is really wrong."); throw up;
4
// 一些修改1 - 2002/6/7 增加临时的跟踪登录界面
// 一些修改2 - 2007/5/22 我临时的犯傻
5
1 #define TRUE FALSE //逗一逗调试程序的傻瓜们
6
1 if (/*you*/ $_GET['action']) { //celebrate(恭喜)
1 // 如果这段代码好用，那它是Paul DiLascia写的。
2 //如果不好用，我不知道是谁写的。
8
1 //写这段代码的时候，只有上帝和我知道它是干嘛的
2 //现在，只有上帝知道
1 // 晕了，以后再修改
1 // 神奇。勿动。
你有没有更绝的？转载：http://www.aqee.net/10-best-code-comments/

Android中WebView与JavaScript交互的两种方式

2011-10-23T06:18:00Z

这两天一直在研究WebView加载html文件，并显示服务器端数据得问题，其中很关键的一个问题就是需要在java代码中将从服务器端接收到的数据，传递到WebView的HTML页面中，并通过JavaScript函数来将数据显示出来。在查看了Android的API文档以后，发现WebView有两种方式可以和JavaScript做交互。

方式一：

//先加载html文件，然后调用html文件中的javascript函数
webView.loadUrl("file:///android_asset/show.html");
webView.loadUrl("javascript:pushNewsData('"+strHtml+"')");

方式二：

//在Java代码中添加javascript的接口，然后在html文件中调用java中的对象
webView.addJavascriptInterface(strHtml, "MyContent");

HTML文件

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8" />
</head>
<body id="myBody">
</body>
<script>
funcion pushNewsDate(dataText){
document.write(dataText);
}
window.MyContent;
</script>
</html>

最后我使用的是第二种方式来显示从服务器端得到的数据。也许有朋友会问，为什么不是用第一种方式，这样直接调用不是很好么，为什么非得兜个圈子，先向WebView发送请求，然后WebView再发送数据到html页面？
最初，我也觉得第一种方法很直观，使用起来也很省事，但是在debug的过程中才发现这种调用方式是存在隐患的，什么隐患呢？因为我是向html页面传送从服务器接收到的数据，这其中有个很难控制的地方——服务器端发送的数据是什么样子的？里面有没有非法字符？有没有特殊字符？发现这个隐患也是很偶然的，因为之前显示是正常的，可是突然就出现了一次不显示任何内容的情况，debug时跟踪了所有地方，也没有发现代码中出现问题，最后又将从服务器端接收到的数据放到HTML页面中对JavaScript做debug，就这样折腾了3个多小时，最后才发现是在使用方式一的情况下，将数据当做参数传入到javascript函数中时，javascript对参数得值不识别造成的，即javascript认为传入的参数的值是错误的。当换成第二种方式后，这个问题就不存在了，无论是什么样的数据，都可以在html页面中正常显示。
在第二种方式中，本人是将一个字符串“strHtml”当做对象传入到html页面中，如果大家希望传入其他内容也是可以的，比如传入一个class

public class HtmlShow{
private String str;
public String getContent(){
str = "initialize in java";
return str;
}
}
HtmlShow hs = new HtmlShow();
webView.addJavascriptInterface(hs, "MyContent");

在Html中的调用方式如下

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8" />
</head>
<body id="myBody">
</body>
<script>
window.MyContent.getContent();
</script>
</html>

本文出自 “徘徊在c＃，java，php之间” 博客，请务必保留此出处http://jerrysun.blog.51cto.com/745955/560891

本文链接

HTML5 本地存储 LocalStorage

2011-09-23T09:16:00Z

说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：

最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。

userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Google推出了Gears，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了HTML5把这些都统一了，官方建议是每个网站5MB，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的5MB，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就5MB来考虑是比较妥当的。

支持的情况如上图，IE在8.0的时候就支持了，非常出人意料。不过需要注意的是，IE、Firefox测试的时候需要把文件上传到服务器上（或者localhost），直接点开本地的HTML文件，是不行的。

首先自然是检测浏览器是否支持本地存储。在HTML5中，本地存储是一个window的属性，包括localStorage和 sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者用法完全相同，这里以localStorage为例。

1 if(window.localStorage){
2 alert('This browser supports localStorage');
3 }else{
4 alert('This browser does NOT support localStorage');
5 }

存储数据的方法就是直接给window.localStorage添加一个属性，例如：window.localStorage.a 或者 window.localStorage["a"]。它的读取、写、删除操作方法很简单，是以键值对的方式存在的，如下：

1 localStorage.a = 3;//设置a为"3"
2 localStorage["a"] = "sfsf";//设置a为"sfsf"，覆盖上面的值
3 localStorage.setItem("b","isaac");//设置b为"isaac"
4 var a1 = localStorage["a"];//获取a的值
5 var a2 = localStorage.a;//获取a的值
6 var b = localStorage.getItem("b");//获取b的值
7 localStorage.removeItem("c");//清除c的值

这里最推荐使用的自然是getItem()和setItem()，清除键值对使用removeItem()。如果希望一次性清除所有的键值对，可以使用clear()。另外，HTML5还提供了一个key()方法，可以在不知道有哪些键值的时候使用，如下：

1 var storage = window.localStorage;
2 function showStorage(){
3 for(var i=0;i<storage.length;i++){
4 //key(i)获得相应的键，再用getItem()方法获得对应的值
5 document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
6 }
7 }

写一个最简单的，利用本地存储的计数器：

1 var storage = window.localStorage;
2 if (!storage.getItem("pageLoadCount")) storage.setItem("pageLoadCount",0);
3 storage.pageLoadCount = parseInt(storage.getItem("pageLoadCount")) + 1;//必须格式转换
4 document.getElementByIdx_x("count").innerHTML = storage.pageLoadCount;
5 showStorage();

不断刷新就能看到数字在一点点上涨，如下图所示：

需要注意的是，HTML5本地存储只能存字符串，任何格式存储的时候都会被自动转为字符串，所以读取的时候，需要自己进行类型的转换。这也就是上一段代码中parseInt必须要使用的原因。

另外，在iPhone/iPad上有时设置setItem()时会出现诡异的QUOTA_EXCEEDED_ERR错误，这时一般在setItem之前，先removeItem()就ok了。

HTML5的本地存储，还提供了一个storage事件，可以对键值对的改变进行监听，使用方法如下：

1 if(window.addEventListener){
2 window.addEventListener("storage",handle_storage,false);
3 }else if(window.attachEvent){
4 window.attachEvent("onstorage",handle_storage);
5 }
6 function handle_storage(e){
7 if(!e){e=window.event;}
8 //showStorage();
9 }

对于事件变量e，是一个StorageEvent对象，提供了一些实用的属性，可以很好的观察键值对的变化，如下表：

Property	Type	Description
key	String	The named key that was added, removed, or moddified
oldValue	Any	The previous value(now overwritten), or null if a new item was added
newValue	Any	The new value, or null if an item was added
url/uri	String	The page that called the method that triggered this change

这里添加两个键值对a和b，并增加一个按钮。给a设置固定的值，当点击按钮时，修改b的值：

1 <body>
2 <p>You have viewed this page <span id="count">0</span> time(s).</p>
3 <p><input type="button" value="changeStorage" onClick="changeS()"/></p>
4 <script>
5 var storage = window.localStorage;
6 if (!storage.getItem("pageLoadCount")) storage.setItem("pageLoadCount",0);
7 storage.pageLoadCount = parseInt(storage.getItem("pageLoadCount")) + 1;//必须格式转换
8 document.getElementByIdx_x("count").innerHTML = storage.pageLoadCount;
9 showStorage();
10 if(window.addEventListener){
11 window.addEventListener("storage",handle_storage,false);
12 }else if(window.attachEvent){
13 window.attachEvent("onstorage",handle_storage);
14 }
15 function handle_storage(e){
16 if(!e){e=window.event;}
17 showObject(e);
18 }
19 function showObject(obj){
20 //递归显示object
21 if(!obj){return;}
22 for(var i in obj){
23 if(typeof(obj[i])!="object" || obj[i]==null){
24 document.write(i + " : " + obj[i] + "<br/>");
25 }else{
26 document.write(i + " : object" + "<br/>");
27 }
28 }
29 }
30 storage.setItem("a",5);
31 function changeS(){
32 //修改一个键值，测试storage事件
33 if(!storage.getItem("b")){storage.setItem("b",0);}
34 storage.setItem('b',parseInt(storage.getItem('b'))+1);
35 }
36 function showStorage(){
37 //循环显示localStorage里的键值对
38 for(var i=0;i<storage.length;i++){
39 //key(i)获得相应的键，再用getItem()方法获得对应的值
40 document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
41 }
42 }
43 </script>
44 </body>

测试发现，目前浏览器对这个支持不太好，仅iPad和Firefox支持，而且Firefox支持得乱糟糟，e对象根本没有那些属性。iPad支持非常好，用的是e.uri（不是e.url），台式机上的Safari不行，诡异。

目前浏览器都带有很好的开发者调试功能，下面分别是Chrome和Firefox的调试工具查看LocalStorage：

另外，目前javascript使用非常多的json格式，如果希望存储在本地，可以直接调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式，如下所示：

1 var details = {author:"isaac","description":"fresheggs","rating":100};
2 storage.setItem("details",JSON.stringify(details));
3 details = JSON.parse(storage.getItem("details"));

JSON对象在支持localStorage的浏览器上基本都支持，需要注意的是IE8，它支持JSON，但如果添加了如下的兼容模式代码，切到IE7模式就不行了（此时依然支持localStorage，虽然显示window.localStorage是[object]，而不是之前的[object Storage]，但测试发现getItem()、setItem()等均能使用）。

（转载请注明出处：http://blog.sina.com.cn/s/blog_4515673f0100mm6m.html）

本文链接

构建基于 Sencha Touch 框架的 Mobile web 应用

2011-09-20T03:07:00Z

Sencha 和 Sencha Touch 简介

Sencha 的前身是 ExtJS, 2010 年 ExtJS 改名为 Sencha。 ExtJS 是一个基于 JavaScript 编写的 Ajax 框架，它功能强大，界面美观，是基于 Ajax，DHTML，DOM 等技术开发 web 应用的一个非常成熟的框架。

Sencha Touch 是 ExtJS 整合 JQTouch、Raphaël 库而推出的适用于最前沿 Touch web 的框架，它是世界上第一个基于 HTML5 的 Mobile web 应用框架。Sencha Touch 框架可以让用户开发的 web 应用看起来像本地应用，它提供的绚丽的用户界面组件和丰富的数据管理功能全部都基于最新的 HTML5 和 CSS3 的 web 标准，并且全面兼容 Android 和 Apple iOS 等设备。

回页首

Sencha 产品族介绍

ExtJS
ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速构建可以跨浏览器平台运行的强大的 web 应用程序开发框架。它提供了丰富的用户界面组件和完善的文档资源，并且还有一个最重要的优势就是组件的设计简洁而容易扩展。
Ext GWT
Ext GWT 是使用 Java 构建富 web 应用的最快，最有效的框架。它提供了运行性能良好的用户界面控件，并且在界面布局管理和全键盘支持方面有更突出的优势。
Ext Core
Ext Core 是一个构建跨浏览器运行的动态 web 应用的 JavaScript 库，它提供了 DOM 查询和元素选择的跨浏览器访问 API，它是一个轻量级的，运行性能良好并且很容易使用的 JavaScript 库。
Ext Designer
Ext Designer 是一个帮助用户更快的创建桌面应用程序的可视化的界面图形化工具。
Sencha Touch
Sencha Touch 是第一个基于 HTML5 的 Mobile web 应用开发框架。
Sencha Animator
Sencha Animator 是一个创建基于 WebKit 浏览器和触屏移动设备运行的 CSS3 动画的工具，用户可以通过它创建出令人惊叹的动画，效果一点也不逊色于 Adobe 的动画工具。

回页首

Sencha Touch 特性

Sencha Touch 的出现是 Mobile web 开发人员的福音，它提供的众多吸引人的特性让它成为目前业界最炙手可热的框架。

基于最新的 web 标准——HTML5，CSS3，JavaScript。整个库压缩和 gzip 后大约 120KB，通过禁用一些组件还会使它更小。
支持目前世界上最好的移动设备。Sencha Touch 目前支持 Apple iOS，Android 和 BlackBerry 等目前 3G 市场上最流行的移动设备，它为不同的设备定制了不同的主题，用户可以通过使用这些主题使 web 应用在移动设备上的展现更华丽。Sencha Touch 的目标是成为一个跨平台的框架，并支持和兼容更多的移动设备。
增强的触摸事件。除了 touchstart，touchend 等标准事件基础外，Sencha Touch 增加了一组自定义触摸事件，如 tap、double tap、swipe、tap and hold、pinch、rotate 等。
数据集成。Sencha Touch 提供了强大的数据包，通过 Ajax、JSONP、YQL 等方式用户可以很容易的从各种各样的数据源拿到数据并绑定到组件模板，写入本地离线存储。

Sencha Touch 是 HTML5 Mobile 应用领域的领头羊，是目前为止最强大的移动平台开发框架，它把自己定位为框架而不是类库。随着 Mobile web 应用市场的扩大，Sencha Touch 还在不断的改进和完善中，不久的将来它还会提供更多的功能和更完善的设备支持。

回页首

Sencha Touch 功能增强模块介绍

用户界面组件，容器和布局组件
Sencha Touch 提供了丰富的用户界面组件，包括常用的按钮，单选框，复选框，文本框，日期选择控件，表格，列表等等，通过运用 Sencha Touch 定制的样式和主题，这些控件在移动设备上看起来和本地应用的 UI 组件没有什么区别。在容器和布局方面，Sencha Touch 也可以和 Adobe 的 Flex 相媲美，不仅提供了基础的 HBoxLayout，VBoxLayout 还提供了 DockLayout，CardLayout，FieldLayout 等更适合开发支持触屏设备的 Mobile web 应用的组件，关于每个组件详细的内容可以参考参考资源中列出的 Sencha Touch 的 API 文档。本文的最后一小节提供了一个工程代码示例，该工程主要使用了 Sencha Touch 提供的布局和用户界面组件构建了一个简单的 Mobile web 应用，代码中包含了关于所使用的用户组件的详细注释。
WebKit/CSS3 样式技巧增强
Sencha Touch 充分运用了 CSS3 的新特性使基于 webKit 浏览器运行的 Sencha Touch 应用更炫更酷。它支持并增强了对 Animations（动画），Transitions（转换效果），Gradients（渐变），shadows（阴影效果），Font Face（用户自定义字库），Marquee（文字移动效果），Multiple Backgrounds（多背景），RGBA（高清色彩显示通道）等样式效果的展示。

数据包

Sencha Touch 的一个最大特性就是提供了功能强大的数据包。在 Ext.data 包中提供了丰富的 API 实现对 AJAX，JSONP，YQL 等数据访问方式的支持，并提供了 API 供用户更简单方便的操作和展现 JSON 数据， XML 数据等。用户还可以扩展基础接口实现对更复杂数据的操作和访问。

Ext.data 数据包中最基础的是 Ext.data.Model，它就像 Java 的 Object 类一样是定义所有对象的基础类，代表应用程序中的数据类型：用户，产品，销售等任何东西。清单 1 是一个定义产品模型的代码片段。

清单 1. Product 模型定义代码示例

//Ext.regModel 告诉 Sencha Touch 使用设置的字段创建一个新的模型 , 可以在以后通过名称
// 引用这个模型来轻松地配置组件加载的产品数据
Ext.regModel('Product', {
fields: [
{name: 'name', type: 'string'},
{name: 'description', type: 'string'},
{name: 'price', type: 'float'},
{name: 'image_url', type: 'string'},
{name: 'in_stock', type: 'boolean'}
]
});

创建好数据模型后，就可以创建用来展示数据的 Ext.DataView，DataView 提供了如何获取数据和展现数据的功能，每个 DataView 至少需要包涵一个 Ext.data.Store 和一个 Ext.XTemplate 类，Stores 是模型的实例集合，它通过代理类载入数据，代理类定义了数据的获取方式和数据类型，它还提供了一个 Reader 告诉代理类从服务器加载数据时如何解码得到的数据流。Ext.XTemplate 定义数据展现的方式，它是一个强大的模板类，一旦 Stores 加载了数据，DataView 会自动将每一个加载完毕的记录在模板的基础上渲染出 HTML 展现给用户。清单 2 是一个 DataView 定义样例：

清单 2. DataView 定义代码示例

//store 定义获取数据的方式（用 ajax 代理获取 URL 为‘ /product.json ’的数据）和数据类型
//(Product)，XTemplate 定义数据展现的方式
//store 定义获取数据的方式和数据类型，XTemplate 定义数据展现的方式
var productsList = new Ext.DataView({
store: new Ext.data.Store({
model: 'Product',
// 代理类的定义
proxy: {
// 代理类型是 ajax
type: 'ajax',
// 数据来源
url : '/products.json',
// 数据是 Json 格式
reader: {
type: 'json',
root: 'products'
}
}
}),
tpl: new Ext.XTemplate(
'<tpl for=".">',
'<div>',
'<img src="{image_url}" />',
'<div class="button">Buy</div>',
'</div>',
'</tpl>'
),
fullscreen: true
});

清单 2 中请求的 products.json 文件内容如清单 3 所示，它是一组 Json 对象，当使用 ajax 代理获取该文件的时候会返回一个 Json 对象的数组。

清单 3. products.json

{
"products": [
{"name": "Some Product", "price": 9.99,
"image_url": "product1.jpg", "in_stock": true },
{"name": "Another Product", "price": 7.50,
"image_url": "product2.jpg", "in_stock": true },
{"name": "A third product", "price": 2.35,
"image_url": "product3.jpg", "in_stock": false },
...
]
}

DataView 还提供了一组事件供用户监听，包括数据选择，拖拽等信息，用户可以根据监听到的不同事件做相应的操作。清单 4 是监听 DataView 事件的代码示例。

清单 4. DataView 监听 itemtap 事件代码示例

productsList.on('itemtap', function (dataview, index, el, e) {
// ‘ itemtap'事件将会在用户点击了’ buy ‘按钮后出发
if (e.getTarget('div.button')) {
var product = dataview.store.getAt(index);
//something need to implement for buy the product
}
});

数据验证和数据关联

Sencha Touch 提供了五种基本的数据验证方式，用户可以将验证方式的定义直接和对象的定义绑定，就像定义数据库表的列约束一样方便和简洁。这五种验证方式是：

Presence
Presence 验证数据不能为空值。
Length
Length 验证数据的长度，可以定义最大长度和最小长度。
Format
Format 验证数据的格式是否符合预定义的格式，比如定义某个时间属性的格式是“yyyy-mm-dd”，那么“20110324”这样的值就被认为是不合法的。
Inclusion
Inclusion 验证数据是否属于某个预定义的范围，该范围可以是一个闭合区间，也可以是一些可能值的集合。
Exclusion
Exclusion 验证数据是否不属于某个预定义的范围。

清单 5 是一个包含数据验证定义的 Product 模型定义。

清单 5. 数据验证定义代码示例

// 定一个 SampleApp 的命名空间
Ext.ns('SampleApp');
SampleApp.Product = Ext.regModel('Product', {
fields: [
{name: 'id', type: 'int'},
{name: 'user_id', type: 'int'},
{name: 'name', type: 'string'},
{name: 'price', type: 'float'},
{name: 'sku', type: 'string'}
],

validations: [
//name 属性是必须的
{type: 'presence', name: 'name'},
//sku 属性的格式必须是 4 个数字后面至少有一个字母
{type: 'format', name: 'sku', matcher: /[0-9]{4}[A-Z]+/},
//name 属性的长度至少为 3
{type: 'length', name: 'name', min: 3}
],

proxy: {
type: 'localstorage',
id : 'products'
}
});

定义了模型的数据验证内容后，我们就可以运用 Sencha Touch 提供的数据验证 API 对模型对象进行验证，清单 6 定义了一个具体的 Product 对象，并对对象进行验证。

清单 6. 验证模型对象代码示例

// 创建了一个 Product 对象
var product = new SampleApp.Product({
name : 'Sencha Touch',
sku : 'not a valid sku',
price: 99
});
// 调用 validate 方法返回验证错误信息
var errors = product.validate();
errors.isValid()) // 返回“false”因为 sku 属性有错
errors.items; // 返回一个包涵该对象所有验证错误信息的数组
errors.forField('sku'); // 返回’ sku ‘属性的验证错误信息

validate() 方法是数据验证 API 的核心方法，调用 validate() 方法后会对所有的 Validation 定义自动进行验证并返回一个 Ext.data.Errors 对象。

数据库中的表关联关系大家都很熟悉，通过定义主键外键可以定义两个表的关联关系。Sencha Touch 支持类似于数据库表关联关系的基于对象的关联关系定义，通过 associations 关键字，用户可以在对象的定义中包涵对象关联关系的定义，目前支持两种关联关系：“hasMany”和“belongsTo”，用户可以自己扩展实现“one-two-many”，“one-to-one”等其他关联关系。清单 7 展示了如何定义用户和产品之间的“hasMany”和“belongsTo”关系。

清单 7. hasMany 和 belongsTo 关系定义代码示例

SampleApp.User = Ext.regModel('User', {
fields: [
{name: 'id', type: 'int'},
{name: 'name', type: 'string'},
{name: 'gender', type: 'string'},
{name: 'username', type: 'string'}
],

validations: [
{type: 'inclusion', name: 'gender', list: ['male', 'female']},
{type: 'exclusion', name: 'username', list: ['admin']}
],

associations: [
{type: 'hasMany', model: 'Product', name: 'products'}
],

proxy: {
type: 'localstorage',
id : 'users'
}
});

SampleApp.Product = Ext.regModel('Product', {
// 定义 Product 的属性和数据验证
...
associations: [
{type: 'belongsTo', model: 'User'}
]
});

定义了对象之间的关系之后，就可以使用 Sencha Touch 提供的 API 进行关联数据的加载，同步等操作，清单 8 是关联数据操作的代码示例。

清单 8. 关联数据操作代码示例

回页首

SenchaSampleProject 工程代码示例

本文提供了一个 SenchaSampleProject 工程供读者参考，该工程主要使用了 Sencha Touch 提供的布局和用户界面组件并提供了详细的代码注释。图 1 是该工程运行结果截图。

图 1. SenchaSampleProject 运行结果示例

回页首

部署和运行示例代码

下载代码到本地计算机，打开 Eclipse，点击 File->import->Existing Projects into Workspace 如图 2 所示，选择 archive file 并指定到代码所在的本地路径，点击 Finish 按钮。

图 2. 导入工程到 Eclipse

工程导入 Eclipse 后会自动编译，右键点击项目选择 Run AsRun On Server 就可以运行程序。

回页首

结束语

本文对 Sencha Touch 框架和它提供的特性做了简单介绍，并通过一些代码示例给读者更直观的认识，最后提供了一个工程示例向读者展示了如何运用 Sencha Touch 提供的用户界面组件开发基于 Sencha Touch 框架的 Mobile web 应用。 Sencha Touch 以它开发简单，兼容性好，支持标准化，提供丰富的华丽的用户界面组件以及强大的数据操作 API 等无与伦比的优势成为目前 Mobile web 应用开发最炙手可热的框架，虽然它也存在运行速度慢，UI 反应延时等问题，但是随着技术的进步，这些不足会不断的改进和消除。

回页首

下载

描述	名字	大小	下载方法
示例代码	SenchaSampleProject.zip	846KB	HTTP

本文链接

解决IIS文件访问异常——Server.MapPath方法

2011-08-30T02:30:00Z

台风天气还得来上班，不过拿人钱财，替人消灾啊。牢骚发完，该上工了！

今天要做一个js请求.net后台读写文件的功能，虽然很久没写.net/c#程序，但是还是很快搞定了，运行vs没问题，但是部署到IIS后，出状况了。

错误信息：

未能找到路径“c:\windows\system32\inetsrv\XXXXXXXXXXXXX”的一部分。
说明: 执行当前 Web 请求期间，出现未处理的异常。请检查堆栈跟踪信息，以了解有关该错误以及代码中导致错误的出处的详细信息。

异常详细信息: System.IO.DirectoryNotFoundException: 未能找到路径“c:\windows\system32\inetsrv\XXXXXXXXXXXXXXX”的一部分。

我程序中写的是相对路径，看来vs和IIS的访问路径有差别，在网上找了一会儿，就有办法了。

解决办法：

Server.MapPath获得的路径都是服务器上的物理路径，也就是常说的绝对路径
1、Server.MapPath("/")
注：获得应用程序根目录所在的位置，如 C:\Inetpub\wwwroot\。
2、Server.MapPath("./")
注：获得所在页面的当前目录，等价于Server.MapPath("")。
3、Server.MapPath("../")
注：获得所在页面的上级目录。
4、Server.MapPath("~/")
注：获得当前应用级程序的目录，如果是根目录，就是根目录，如果是虚拟目录，就是虚拟目录所在的位置，如C:\Inetpub\wwwroot\Example\。

说明：

1.如果不知道使用using，可直接写System.Web.HttpContext.Current.Server.MapPath("/XXXX")；

2.可能会提示无法操作文件，必须设置文件的操作权限（可写）。

本文链接

【原创】Sencha Touch(extjs) MVC实例——通讯录

2011-08-23T11:06:00Z

转载请注明出处：http://www.cnblogs.com/Jackey_Chen/archive/2011/08/23/2151141.html

Index.hmtl文件中引入的脚本如下：

联系人的Model和Store如下：

1 Ext.regModel('ContactModel', {
2
3 proxy : {
4 type : 'localstorage',
5 id : 'contactModel'
6 },
7
8 fields : [
9 'id',
10 'firstName',
11 'lastName',
12 'street',
13 'city',
14 'state',
15 'zip',
16 'phone'
17 ]
18 });
19
20 Ext.regStore({
21 model : 'ContactModel',
22 storeId : 'ContactStore'
23 });

主程序入口apps.js：

1 Ext.regApplication({
2 name : 'MyApp',
3 launch : function() {
4
5 new MyApp.AppPanel({
6 fullscreen : true
7 });
8
9 }
10 });

在AppPanel中放入一个用于显示联系人信息的'ContactFormPanel'和另外三个组件（buildTopDockToolbar、buildLeftDockList、buildBottomDockToolBar），具体代码如下：

1 MyApp.AppPanel = Ext.extend(Ext.Panel, {
2 layout : 'fit',
3 initComponent : function() {
4 this.dockedItems = this.buildDockedItems();
5
6 this.items = {
7 xtype : 'ContactFormPanel'
8 };
9 MyApp.AppPanel.superclass.initComponent.call(this);
10 },
11
12 buildDockedItems : function() {
13 return [
14 this.buildTopDockToolbar(),
15 this.buildLeftDockList(),
16 this.buildBottomDockToolBar()
17 ];
18 },
19
20 buildTopDockToolbar : function() {
21 return {
22 xtype : 'toolbar',
23 dock : 'top',
24 title : 'Contact Manager'
25 };
26 },
27
28 buildLeftDockList : function() {
29 return {
30 xtype : 'panel',
31 width : 220,
32 dock : 'left',
33 layout : 'fit',
34 style : 'border-right: 1px solid;',
35 items : [
36 {
37 xtype : 'ContactList',
38 listeners : {
39 scope : this,
40 itemtap : this.onContactListItemTap,
41 itemswipe : this.onContactListItemSwipe
42 }
43 }
44 ],
45 dockedItems : [
46 {
47 xtype : 'toolbar',
48 dock : 'top',
49 title : 'Contacts'
50 }
51 ]
52 }
53 },
54
55 buildBottomDockToolBar : function() {
56 return {
57 xtype : 'toolbar',
58 dock : 'bottom',
59 defaults : {
60 scope : this,
61 handler : this.onBtnTap,
62 controller : 'ContactFormPanelController'
63 },
64 items : [
65 {
66 text : 'New',
67 action : 'newContact'
68 },
69 {
70 text : 'Save',
71 action : 'saveContact'
72 },
73 {
74 xtype : 'spacer'
75 },
76 {
77 text : 'Delete',
78 action : 'deleteContact',
79 controller : 'ContactListController'
80 }
81 ]
82 };
83 },
84 onBtnTap : function(btn) {// default clicked event function
85 var contactForm = this.items.items[0],
86 leftDock = this.getDockedItems()[1],
87 model = contactForm.getRecord(),
88 contactList = leftDock.items.items[0];
89
90 if (btn.action === 'deleteContact' && ! model) {
91 return;
92 }
93
94 Ext.dispatch({//buildBottomDockToolBar 调度配置默认的controller和action
95 controller : btn.controller,
96 action : btn.action,
97 model : model,
98 views : {
99 contactForm : contactForm,
100 contactList : contactList
101 }
102 });
103 },
104 onContactListItemTap : function(ctList, itemIdx) {
105 this.dispatchToCtcLstCtrlr(ctList, itemIdx, 'itemTap');
106 },
107 onContactListItemSwipe : function(ctList, itemIdx) {
108 this.dispatchToCtcLstCtrlr(ctList, itemIdx, 'deleteContact');
109 },
110 dispatchToCtcLstCtrlr : function(ctList, itemIdx, action) {//ContactListController dispatch调度
111 var contactForm = this.items.items[0];
112
113 Ext.dispatch({
114 controller : 'ContactListController',
115 action : action,
116 model : ctList.store.getAt(itemIdx),
117 views : {
118 contactForm : contactForm,
119 contactList : ctList
120 }
121 });
122
123 }
124 });

buildLeftDockList是xtype为'ContactList'的联系人列表，绑定了两个触发事件（onContactListItemTap、onContactListItemSwipe）。'ContactList'是自定的联系人列表组件。

1 MyApp.ContactList = Ext.extend(Ext.List, {
2 store : Ext.StoreMgr.get('ContactStore'),
3 itemTpl : '{lastName}, {firstName}',
4 emptyText : 'No contacts defined.',
5 allowDeselect : false,
6 onRender : function() {
7 MyApp.ContactList.superclass.onRender.apply(this, arguments);
8 this.store.load();
9 }
10 });
11
12 Ext.reg('ContactList', MyApp.ContactList);

'ContactStore'为本地存储的Store。

onContactListItemTap、onContactListItemSwipe事件跳转到dispatchToCtcLstCtrlr函数。在此函数中对buildLeftDockList绑定了一个控制器'ContactListController'，用来控制buildLeftDockList对象的所有操作。

同样的，在buildBottomDockToolBar中的button都相应的绑定了控制器，相应其点击操作。

'New'和'Save'默认绑定了控制器'ContactFormPanelController'

'Delete'则是绑定了'ContactListController'。

两个控制器的代码分别如下：

1 //ContactListControllers.js
2 Ext.regController('ContactListController', {
3 itemTap : function(dataObj) {
4 var views = dataObj.views,
5 contactForm = views.contactForm,
6 model = dataObj.model;
7
8 contactForm.loadRecord(model);
9 },
10 deleteContact : function(dataObj) {
11 console.info('DeleteContact');
12 var model = dataObj.model,
13 modelStore = model.store;
14
15 if(! model) {
16 return;
17 }
18
19 var confirmText = 'Do you want to remove ' + model.get('firstName') + ' ' + model.get('lastName');
20
21 Ext.Msg.confirm(
22 'Please confirm',
23 confirmText,
24 function(btn) {
25 if (btn === 'yes') {
26 var newDispObj = Ext.applyIf({
27 controller : 'ContactFormPanelController',
28 action : 'newContact'
29 }, dataObj);
30
31 Ext.dispatch(newDispObj);
32
33 modelStore.remove(model);
34 modelStore.sync();
35 }
36 }
37 );
38 }
39 });

本文链接

CSS优化技巧7则

2011-08-16T08:36:00Z

最近在做项目的后期图片定位、空间布局之类的美工细致活，以前都没什么注意，用到了临时谷哥|度娘一下。在网上找了些CSS的技巧，在此分享。

CSS是页面效果呈现中非常重要的组成部分，它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易，但是要想写出精炼的CSS代码还是有很多技巧的。

下面就是技巧7则：

1. 合并多个相同属性

比如很多人写margin会这样写：

margin-top: 8px;
margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;

但是这样写更高效：

margin: 8px 4px 8px 4px;

对于font、background属性来说，也一样，常规写法：

font-family: Tahoma;
font-weight: bold;
font-style: italic;
font-size: 12px;

推荐写法：

font: italic bold 12px Tahoma;

常规写法：

background-image: url(bk_main.jpg);
background-repeat: repeat-x;
background-color: #ccccff;

推荐写法：

background: #ccccff url(bk_main.jpg) repeat-x;

2. 把具有相同属性的标签写在一块

比如：

H2
{
font-size: 16pt;
color: #4169e1;
font-family: 'Trebuchet MS' , Arial;
margin: 4px 0px 2px;
padding-left: 10px;
text-decoration: underline;
}

H3
{
font-size: 14pt;
color: #4169e1;
font-family: 'Trebuchet MS' , Arial;
margin: 4px 0px 2px;
padding-left: 10px;
text-decoration: underline;
}

更好的写法是这样：

H2, H3
{
color: #4169e1;
font-family: ‘Trebuchet MS’ , Arial;
margin: 4px 0px 2px;
padding-left: 10px;
text-decoration: underline;
}

H2
{
font-size: 16pt;
}

H3
{
font-size: 14pt;
}

3. 简化颜色

比如 #99ff33 可以写成 #9f3

比如 #ff0000 可以写成 with #f00

比如 #000000 可以写成 #000

4. 在父级元素中用Class

比如有这样一段代码：

<p>Home</p>
<p>About</p>
<p>Contact</p>
<p>Sitemap</p>

其实上面的可以这样写：

<div>
<p>Home</p>
<p>About</p>
<p>Contact</p>
<p>Sitemap</p>
<div>

5. 不要使用令人眼花缭乱的注释

比如下面这样的：

/*****************************/
/**********Header CSS*********/
/*****************************/

你可以把它写成这样：

/*Header CSS*/

6. 永远不要在行内元素中加入CSS

<p style=”font-size: 14pt ;font-family: Arial; text-decoration: underline;”>Home</p>
<p style=”font-size: 14pt ;font-family: Arial; text-decoration: underline;”>About</p>
<p style=”font-size: 14pt ;font-family: Arial; text-decoration: underline;”>Contact</p>
<p style=”font-size: 14pt ;font-family: Arial; text-decoration: underline;”>Sitemap</p>

请把它们写成这样：

<p>Home</p>
<p>About</p>
<p>Contact</p>
<p>Sitemap</p>

7. 移除多余的空格和空行

移除多余的空格和空行能够减小style文件大小。

原址：http://www.zreading.cn/ican/2011/07/css/

本文链接

HTML5：使用postMessage实现Ajax跨域请求

2011-08-09T01:20:00Z

由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。

常规的几种解决方法：
(1) document.domain+iframe； (2) 动态创建script； (3) iframe+location.hash； (4) flash。

这里不细说这几种方法，记录的是HTML5的window.postMessage。postMessage兼容IE8+、Firefox、Opera、Safari、Chrome。

需要两个异域的服务器来做测试，当然也可以用本地和线上服务器作为两个异域的服务器。假如使用phonegap开发，就可以将请求文件安装在客户端，然后动态请求服务器的数据处理，获得并显示数据。这样就可以用任意Web开发语言及方法来开发phonegap App所需的后台。

1. postMessage的用法
postMessage是HTML5为解决js跨域问题而引入的新的API，允许多个iframe/window跨域通信。
假设有结构如下：
test.html
<section id="wrapper">
<header>
<h1>postMessage (跨域)</h1>
</header>
<article>
<form>
<p>
<label for="message">给iframe发一个信息：</label>
<input type="text" name="message" value="son" id="message" />
<input type="submit" />
</p>
</form>
<h4>目标iframe传来的信息：</h4>
<p id="test">暂无信息</p>
<iframe id="iframe"
src="http://xiebiji.com/works/postmessage/iframe.html"></iframe>
</article>
</section>
iframe.html
<strong>iframe指向xiebiji.com</strong>
<form>
<p>
<label for="message">给父窗口发个信息：</label>
<input type="text" name="message" value="dad" id="message" />
<input type="submit" />
</p>
</form>
<p id="test">暂无信息。</p>
下面是test.html里的Javascript代码（发送数据）：

var win = document.getElementById("iframe").contentWindow;
document.querySelector('form').onsubmit=function(e){
win.postMessage(document.getElementById("message").value,"");
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
关键代码就一句：
win.postMessage(document.getElementById("message").value,"");
postMessage是通信对象的一个方法，所以向iframe通信，就是iframe对象调用postMessage方法。postMessage有两个参数，缺一不可。第一个参数是要传递的数据，第二个参数是允许通信的域，“”代表不对访问的域进行判断，可理解为允许所有域的通信。
然后是iframe.html里侦听接收数据的代码：
var parentwin = window.parent;
window.onmessage=function(e){
document.getElementById("test").innerHTML = e.origin + "say:" + e.data;
parentwin.postMessage('HI!你给我发了"<span>'+e.data+'"</span>。',"");
};
很简单，相信一看就懂了。e.data包含传送过来的数据，e.origin指代源域。
然后iframe.html也给test.html发送回应的数据，test.html接收数据。代码雷同，就不贴代码了。
点此查看Demo（代码素Joe哥给的）

2. Ajax跨域请求
基于以上的跨域通信，只要将Ajax代码放在iframe.html里的onmessage处理函数里头，将test.html用postMessage传过来的数据作为参数发送请求，再将返回的数据用postMessage传给test.html。这样就实现了跨域的Ajax请求。其实是很简单的东西。
贴个示例代码吧，但跟以上的代码无关。
(function(){
//获取跨域数据
window.onmessage = function(e){
var url = "http://yangzebo.com/demo/noforget/test.php?msg=" + e.data;
//Ajax
var xhr = getXHR();
if(xhr){
xhr.open("GET",url,true);
xhr.onreadystatechange = changeHandle;
xhr.send(null);
}else{
alert("不支持Ajax");
}
function changeHandle(){//返回处理
if(xhr.readyState == 4){
var parentwin = window.parent;
parentwin.postMessage(xhr.responseText,"*");//跨域发送数据
}
}
function getXHR(){//获取XMLHttpRequest
var xhr_temp;
if(window.XMLHttpRequest){
xhr_temp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xhr_temp = new ActiveXObject("Microsoft.XMLHTTP");
}else{
xhr_temp = null;
}
return xhr_temp;
}
};
})();
然后给个不好看的Demo。
有兴趣代码请求啥的自个用开发人员工具看吧，“zebo男”是从数据库读出来的，“my msg”是sendAndReceive.html发给test.php的Ajax请求的参数，通过test.php和iframeforAjax.html回传到sendAndReceive.html。

3. 提示
要获取iframe的contentWindow才能调用postMessage。
postMessage一定要在iframe加载完成之后调用才可以正常运行。（这个耗了我好长时间）
最后要感谢Joe哥的提示和给我偷用服务器来测试的hulin小妹妹。：D
[原帖]：http://yangzebo.com/blog/?p=208
本文链接

ExtJs xtype 与 Sencha Touch xtype class一览

2011-08-03T02:40:00Z

基本组件：
xtype	Class	描述
button	Ext.Button	按钮
splitbutton	Ext.SplitButton	带下拉菜单的按钮
cycle	Ext.CycleButton	带下拉选项菜单的按钮
buttongroup	Ext.ButtonGroup	编组按钮(Since 3.0)
slider	Ext.Slider	滑动条
progress	Ext.ProgressBar	进度条
statusbar	Ext.StatusBar	状态条，2.2加进来，3.0 又去了
colorpalette	Ext.ColorPalette	调色板
datepicker	Ext.DatePicker	日期选择面板

容器及数据类组件
xtype	Class	描述
window	Ext.Window	窗口
viewport	Ext.ViewPort	视口，即浏览器的视口，能随之伸缩
box	Ext.BoxComponent	盒子组件，相当于一个 <div>
component	Ext.Component	组件
container	Ext.Container	容器
panel	Ext.Panel	面板
tabpanel	Ext.TabPanel	选项面板
treepanel	Ext.tree.TreePanel	树型面板
flash	Ext.FlashComponent	显示 Flash 的组件(Since 3.0)
grid	Ext.grid.GridPanel	表格
editorgrid	Ext.grid.EditorGridPanel	可编辑的表格
propertygrid	Ext.grid.PropertyGrid	属性表格
editor	Ext.Editor	编辑器
dataview	Ext.DataView	数据显示视图
listview	Ext.ListView	列表视图

工具栏组件：
xtype	Class	描述
paging	Ext.PagingToolbar	分页工具条
toolbar	Ext.Toolbar	工具栏
tbbutton	Ext.Toolbar.Button	工具栏按钮
tbfill	Ext.Toolbar.Fill	工具栏填充区
tbitem	Ext.Toolbar.Item	工具条项目
tbseparator	Ext.Toolbar.Separator	工具栏分隔符
tbspacer	Ext.Toolbar.Spacer	工具栏空白
tbsplit	Ext.Toolbar.SplitButton	工具栏分隔按钮
tbtext	Ext.Toolbar.TextItem	工具栏文本项

菜单组件：
xtype	Class	描述
menu	Ext.menu.Menu	菜单
colormenu	Ext.menu.ColorMenu	颜色选择菜单
datemenu	Ext.menu.DateMenu	日期选择菜单
menubaseitem	BaseItem
menucheckitem	Ext.menu.CheckItem	选项菜单项
menuitem	Ext.menu.Item
menuseparator	Ext.menu.Separator	菜单分隔线
menutextitem	Ext.menu.TextItem	文本菜单项

表单及表单域组件：
xtype	Class	描述
form	Ext.FormPanel/Ext.form.FormPanel	表单面板
checkbox	Ext.form.Checkbox	多选框
combo	Ext.form.ComboBox	下拉框
datefield	Ext.form.DateField	日期选择项
timefield	Ext.form.TimeField	时间录入项
field	Ext.form.Field	表单字段
fieldset	Ext.form.FieldSet	表单字段组
hidden	Ext.form.Hidden	表单隐藏域
htmleditor	Ext.form.HtmlEditor	HTML 编辑器
label	Ext.form.Label	标签
numberfield	Ext.form.NumberField	数字编辑器
radio	Ext.form.Radio	单选按钮
textarea	Ext.form.TextArea	多行文本框
textfield	Ext.form.TextField	表单文本框
trigger	Ext.form.TriggerField	触发录入项
checkboxgroup	Ext.form.CheckboxGroup	编组的多选框(Since 2.2)
displayfield	Ext.form.DisplayField	仅显示，不校验/不被提交的文本框
radiogroup	Ext.form.RadioGroup	编组的单选按钮(Since 2.2)

图表组件：
xtype	Class	描述
chart	Ext.chart.Chart	图表组件
barchart	Ext.chart.BarChart	柱状图
cartsianchart	Ext.chart.CartesianChart
columnchart	Ext.chart.ColumnChart
linechart	Ext.chart.LineChart	连线图
piechart	Ext.chart.PieChart	扇形图

数据集 Store：
xtype	Class	描述
arraystore	Ext.data.ArrayStore
directstore	Ext.data.DirectStore
groupingstore	Ext.data.GroupingStore
jsonstore	Ext.data.JsonStore
simplestore	Ext.data.SimpleStore
store	Ext.data.Store
xmlstore	Ext.data.XmlStore

from:http://hi.baidu.com/gxgao/blog/item/1e61ddfb2f4b726d024f567b.html

Sencha Touch Component xtype

xtype Class
------------- ------------------
button Ext.Button
component Ext.Component
container Ext.Container
dataview Ext.DataView
panel Ext.Panel
slider Ext.form.Slider
toolbar Ext.Toolbar
spacer Ext.Spacer
tabpanel Ext.TabPanel

Form components
---------------------------------------
formpanel Ext.form.FormPanel
checkboxfield Ext.form.Checkbox
selectfield Ext.form.Select
field Ext.form.Field
fieldset Ext.form.FieldSet
hiddenfield Ext.form.Hidden
numberfield Ext.form.Number
radiofield Ext.form.Radio
textareafield Ext.form.TextArea
textfield Ext.form.Text
togglefield Ext.form.Toggle

本文链接

2012年考研计算机专业方向与排名

2011-08-02T10:16:00Z

1 计算机系统结构

计算机系统结构二级学科研究并行分布计算、新型计算机、计算机网络与通信、嵌入式系统、集成电路设计、信息存储、可信计算与容错计算等方向。其排名如下：

排名	校名	等级	排名	校名	等级
1	清华大学	A++	10	吉林大学	A
2	浙江大学	A++	11	电子科技大学	A
3	华中科技大学	A+	12	北京邮电大学	B+
4	北京大学	A+	13	西安电子科技大学	B+
5	上海交通大学	A+	14	西安交通大学	B+
6	东北大学	A	15	西北工业大学	B+
7	复旦大学	A	16	武汉大学	B+
8	中国科学技术大学	A	17	东南大学	B+
9	哈尔滨工业大学	A

2 计算机软件与理论

计算机软件与理论主要包括软件设计、开发、维护和使用过程中涉及的理论、方法和技术，探讨计算机科学与技术发展的理论基础。计算机软件与理论的研究范围十分广泛，包括系统软件、软件自动化、程序设计语言、数据库系统、软件工程与软件复用技术、并行处理与高性能计算、智能软件、理论计算机科学、人工智能、计算机科学基础理论等。本专业学生应具备扎实的近代数学基础，掌握软件开发和维护的理论和方法，以及计算机系统结构和计算机应用的基本知识。1.研究方向软件工程，系统软件，软件自动化，新型程序设计语言，分布式系统，数据库系统，并行计算，智能软件，软件理论。

主要课程近代数学，新型软件技术，高等数理逻辑，代数算法，组合数学，软件开发环境，面向对象技术，新型程序设计语言，软件方法，分布式系统和计算机网络，高级操作系统，数据库新技术，人工智能，并行处理，形式语言和自动机，高级计算机系统结构，算法设计和分析，人机界面，图形图像处理。胜任高等学校教学、科研及软件研究和设计工作。

计算机软件与理论各校排名如下：

排名	校名	等级	排名	校名	等级
1	北京大学	A++	11	山东大学	A
2	南京大学	A++	12	华中科技大学	A
3	上海交通大学	A++	13	中国科学技术大学	B+
4	复旦大学	A++	14	哈尔滨工业大学	B+
5	武汉大学	A+	15	西北大学	B+
6	清华大学	A+	16	东北大学	B+
7	浙江大学	A	17	贵州大学	B+
8	中山大学	A	18	西北工业大学	B+
9	北京航空航天大学	A	19	西安交通大学	B+
10	吉林大学	A

3 计算机应用

1）科学计算与智能图像处理主要研究：医学图像处理与压缩技术；医学图像配准与融合技术；DICOM3.0医学图像传输标准的研究。

2）计算机网络技术及应用主要研究新型网络通信协议，网络互连与路由选择，网络规划与设计，网络性能分析，网络管理，网络与信息安全技术，网络信息检索与服务系统，目录服务，远程教育及其他网络应用系统。

3）专家系统和人工智能主要研究将人工智能技术、专家系统的理论和开发技术、智能监控技术等。对现实世界的大型复杂问题领域，使用人工智能的方法进行合作问题求解。涉及自动推理技术、过程规划和调度、并行处理和协同规划、分布式知识库的管理。

4）信息检索以语言文本与多媒体资料为基础，特别是国际互联网信息为背景，进行图文、声音、图形、图像等信息摘取、过滤、分析、识别、组织、检索、分类和知识挖掘等。

5）数据挖掘主要研究数据挖掘模型建模技术、数据预处理技术、挖掘算法的选择与设计、以及挖掘结果的评价技术。

6）分布式计算模型主要研究网格环境下的资源管理。

7）工作流系统技术主要研究工作流模型、工作流运行体系结构、工作流并发控制机制等。

8）数据库系统及其应用主要研究数据库系统实现技术，多媒体数据库，面向对象数据库，Internet相关数据库技术，数据库安全，分布式数据库。

9）数据流管理研究实时数据流任务的可调度性、实时数据流查询处理的自适应性和面向专门应用的数据流可操作性。

10）信息安全主要研究数据共享、数据发布和数据挖掘的数据隐私保护算法。

排名	校名	等级
1	清华大学	A++
2	浙江大学	A++
3	哈尔滨工业大学	A++
4	华南理工大学	A++
5	北京大学	A++
6	南京大学	A+
7	中国科学技术大学	A+
8	西安电子科技大学	A+
9	吉林大学	A+
10	复旦大学	A+
11	西北工业大学	A
12	东北大学	A
13	东南大学	A
14	南开大学	A
15	武汉大学	A
16	同济大学	A
17	上海交通大学	A
18	安徽大学	A
19	北京邮电大学	A
20	北京航空航天大学	A
21	大连理工大学	A
22	天津大学	A
23	北京理工大学	B+
24	南京理工大学	B+
25	北京工业大学	B+
26	湖南大学	B+
27	四川大学	B+
28	南京航空航天大学	B+
29	哈尔滨工程大学	B+
30	华中科技大学	B+
31	电子科技大学	B+
32	北京科技大学	B+

本文链接