idea's blog

原来分析购物网站，发现最重要的技术就是分类的数据结构。物品是发布在某一个分类(不一定是叶子节点的分类)下面的。先不谈分类的建设，我们先谈谈物品的查询。

1. 查询某个分类下的所有物品，当然分页显示。
2. 查询某个分类以及其全部1级子分类下的所有物品。
3. 查询某个分类以及其全部2级子分类下的所有物品。
4. ......
5. 查询某个分类以及其全部n级子分类下的所有物品。

事实上，在购物网站中，一般只需要做到2级或者3级子分类下的物品的查询就可以了。但是更深的查询总是需要的，所以怎么样高效地处理这个请求呢？我们可以维护另一表，存储了节点的所有子结点？

再来谈谈分类的操作(购物网站后台管理员的动作)。

这很简单，因为分类的操作并不是密集型操作，分类的数量也不可能足够多。这样，我认为使用Ajax会比较好。分类就是一棵树，服务器端也很容易与客户端对应的DOM接口。

即使查询很难处理，我们可以限制客户的查询欲望，让他们先尽可能深的自己找出正确的分类，让他们相信，他们的思考比计算机的思考来得可靠。分类信息是很令人感兴趣的，因为人们总是报怨找不到他们想要的信息(他们其实是在报怨信息太少，而事实并不是)。

今天看到有人被问到xml，xhtml，html，css，div时，双方发生了不愉快，因为提问的人和回答的人都是概念不清。如果当时我回答，我也会不愉快的。所以到w3.org网站看文档。

Q. What is XML? 什么是XML?

A.

Extensible Markup Language (XML) is a simple, very flexible text format derived from SGML (ISO 8879). Originally designed to meet the challenges of large-scale electronic publishing, XML is also playing an increasingly important role in the exchange of a wide variety of data on the Web and elsewhere. http://www.w3.org/XML/

扩展的标记语言(XML)是一种简单的扩展性强的文本格式，源于SGML (ISO 8879)。最初是被设计来面对大规模电子出版(物)的挑战，XML在网络上和其它地方交换各种数据方面也在扮演着越来越重要的角色。

Q. 什么是CSS?

A.

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. http://www.w3.org/Style/CSS/

级联样式表(CSS)是一种为网络(Web)文档添加样式(如：字体，颜色，空白)的简单机制。

Q. 什么是XHTML?

A.

Extensible HyperText Markup Language XHTML is a family of current and future document types and modules that reproduce, subset, and extend HTML 4 [HTML4]. XHTML family document types are XML based, and ultimately are designed to work in conjunction with XML-based user agents. http://www.w3.org/TR/xhtml1/

扩展的超文本标记语言 XHTML是当前和未来文档类型和模型的家族，是HTML 4的一个子集，重新改造和扩展了HTML 4。XHTML家族的文档类型基于XML，最终被设计来联合基于XML的用户代理。

Q. 什么是HTML

A.

HyperText Markup Language (HTML) 超文本标记语言 是Web文档使用的主要格式，源于SGML。

Q. 什么是DIV

A.

DIV是HTML的一个元素。generic language/style container，通用的语言/样式容器。http://www.w3.org/TR/html4/index/elements.html

你最好还是自己到http://www.w3.org/看文档。

1. 通过JavaScript设置元素的样式

通过元素(Element)的setAttribute()方法设置style属性：

var testdiv = document.getElementById("testdiv");
testdiv.setAttribute("style", "font-size:24px;color:red;");

除了IE(Microsoft Internet Explorer)，这种方法在当前其它浏览器上都行得通。为了照顾IE，我们可以使用设置不标准的属性---元素style对象的cssText属性。尽管这个属性不是标准的，但得到了广泛的支持(除了Opera)：

var testdiv = document.getElementById("testdiv");
testdiv.style.cssText = "font-size:24px;color:red;";

• Firefox等浏览器：运行代码，在下面的测试区域查看效果。
• Firefox等浏览器IE浏览器：，在下面的测试区域查看效果。

2. 设置元素的class属性

使用Firefox和Safari之类的浏览器，可以通过元素(Element)的setAttribute()方法设置class属性：

var testdiv = document.getElementById("testdiv");
testdiv.setAttribute("class", "cat");

为了照顾IE这个异类，它只认识className属性---在IE中className = class，其它大多数浏览器都忽略className属性。你可以这样做：

var testdiv = document.getElementById("testdiv");
testdiv.setAttribute("class", "cat");
testdiv.setAttribute("className", "cat");

• Firefox等浏览器：运行代码，在下面的测试区域查看效果。
• Firefox等浏览器IE浏览器：运行代码，在下面的测试区域查看效果。

上面的代码已经在Mozilla Firefox 1.5.0.2，Opera 8.54，Konqueror 3.5.2，IE6 测试通过。

3. 创建输入元素

注意document.createElement()和<Element>.setAttribute()方法的顺序：

var button = document.createElement("input");
button.setAttribute("type", "reset");
var testdiv = document.getElementById("testdiv").appendChild(button);

• Firefox等浏览器和IE浏览器：运行代码，在测试区域查看效果。

4. 向元素增加事件处理

标准的做法是：

var testdiv = document.getElementById("testdiv");
testdiv.setAttribute("onclick", "doFoo();");

除了IE，上面的代码在所有的当前浏览器中都能工作。在IE中必须使用点词法来引用所需的事件处理程序：

var testdiv = document.getElementById("testdiv");
testdiv.onclick = function(){doFoo();};

相关资源：

• 《Ajax基础教程》纸质书---人民邮电出版社。
• World Wide Web Consortium (W3C)
• Document Object Model (DOM)
• ECMAScript [ECMAScript] binding for the Level 3 Document Object Model Core definitions.
• The XMLHttpRequest Object
• The Document Object Model in Mozilla and The Mozilla DOM Reference: all objects, properties and methods (Zipped HTML)
• ajaxian.com

原来Gaim也可以使用Google Talk，因为Gtalk使用Jabber协议。只是不能使用语音。在google网站有Gaim设置Google Talk教程。我试了一下，很简单就连接上了。不过，使用Web方式Gmail聊天也不错。下面是设置样例截图：

经过一段时间的在国外(欧美)Web收录网站上的浏览，我收集了16个(增加中...)我自认为设计得最好的Web站点，其中有1个是中文网站。我收集的标准是：感觉良好，简洁，美观，不拖沓，有个性。

我倒不想收集那么多非中文的网站，因为我的网站就是一个中文网站。不过，我只能说，我无法找到几个让我满意的中文网站。

首先，简洁这个条件就排除了大部分我所看到的中文网站，当我看到那些花里花哨的网站时，我就产生一种关闭浏览器的冲动。他们做的是什么东西？就算是自已欣赏用的，你也不能欣赏那种东西吧？我曾经见过身边有一个人做了大约10个静态页面，竟然文件压缩后体积有4MB。这样的东西放自己的电脑看看还有可能，能放到网上吗？内容那就不说了，完全的胡乱拼图。不过这种网页作品得到了大部分在场的人(100多人)的认同并表示赞赏。

我选择的这些网站也许你不认为是最好的，不过，我认为你不会觉得无法接受。

这些网站的链接和截图在：http://www.ideawu.net/person/bestweb.html

在2000年以前，我使用的搜索引擎只有Yahho.com。然后开始使用baidu.com和google.com，就不再使用雅虎(Yahoo!)有将近6年了。偶而浏览几次，也只是不小心就进入而已。

今天从一个web收录站点进入yahoo.com，发现Yahoo!的界面焕然一新了。我奇怪它从什么时候开始的？新Yahoo!界面简洁，已经大量使用Ajax技术，给用户带来更佳的体验。

看来，Yahoo!是想成为一个时尚网站？

它的标签内容可以被记忆，你第一次点击某个标签(如Entertainment)时，它会向服务器请求信息，显示有些延迟。而你再次点击时，它就不再向服务器请求了---除非你刷新浏览器---所以切换是立即的，因为刚才的内容已经被记忆。

不过，只是yahoo.com，并不是雅虎中国。