JavaScript实战-JavaScript、jQuery、HTML5、Node.js实例大全(第2版)
上QQ阅读APP看书,第一时间看更新

6.1 功能设计

树的基本结构如图6-1中的(c)图那样,只有一个顶点,但可以无限延伸下去。很像现实生活中的一棵树只有一个主干,然后可以生长成无数的枝叶,所以树结构的基本功能就是能够无限分类显示,不过在计算机中它被倒置过来表示。

我们通常所说的“无限分类”这个词就是树应用中的一个基本功能。

在Web项目中,树结构通常会用于以下几个场景:


● 城市地区——如省、市、区。

● 产品分类——如大类、小类。

● 栏目分类——如网站地图、栏目导航。

● 文档目录——如Windows资源管理器。


根据上面的场景,可以粗略地归纳出,对树常用的操作有展开、收缩、响应节点单击事件等,这些操作在界面上都会有一些标识图标。而在实践中,根据不同项目服务的用户群体的不同,用户体验和具体需求也不尽相同,但大都离不开这些基本操作。

设计控件的第一个要求是没有多余的变量污染,如jQuery功能强大,但是入口只有一个;第二个要求是能够复用,只用一次不算是控件,只是一个代码片段;第三个要求是可配置。