出家如初,成佛有余

jQuery UI 1.0 released (as promised)

Posted in Uncategorized by chuanliang on 2007/09/17

jQuery 如期发布了其UI组件框架1.0版本,基于jQuery框架强大的功能(jQuery’s API is deceptively simple, it is consistent across browsers, well documented, it supports many features developers have come to expect of a library, it has a compelling plugin architecture making jQuery extensible in a future-proof manner, and it has an active development cycle and community.),相信jQuery UI应该有很好的前途。

从架构上来看,jQuery UI仍然沿用jQuery的plugin框架机制,这对于保持jQuery架构的稳定性和扩展性是至关重要的,相比较而言,Scriptaculous之于prototype在架构的一致性和延续性上稍显凌乱,从这一层面来说,prototype只能称之为javascript library。

1、jQuery UI的定位:

jQuery UI is a fully themed interaction and widget library built on top of jQuery.

jQuery project which will focus on developing high-quality, reusable, components that you’ll be able to drop in your applications.

2、jQuery UI的一些功能:

Mouse Interaction

  • Draggables – Makes items draggable by the mouse
  • Droppables – Makes drop targets for draggables
  • Sortables – Makes a list of items mouse sortable
  • Selectables – Makes a list of items mouse and keyboard selectable
  • Resizables – Makes an element resizable

User Interface Extensions

  • Accordion – A collapsible content pane
  • Calendar – A dynamic date picker
  • Dialog – Modal floating windows and confirmation dialogs
  • Slider – A sliding input element
  • Table – A sortable table
  • Tabs – A tabbed content pane

Effects

  • Shadow – Generates dynamic drop shadows on any element.
  • Magnifier – Increase and decrease the size of an element, based upon proximity

Other Controls(尚在完善中,参看trunk/plugins/ui

  • Menu,
  • Form Controls
  • Tree
  • Splitter
  • Rich Text Editor
  • Uploader
  • Toolbar
  • Progress
  • Modal
  • Emboss
  • Download
  • 等等

3、例子

可以参看:

http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery/

http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery_advanced/

http://dev.jquery.com/view/trunk/plugins/ui/apps/js_os/

从js_os的初步架构来看,jQuery项目组应该是要基于jQuery搭建一个webos

4、参考文档

http://jquery.com/blog/2007/09/17/jquery-ui-interactions-and-widgets/

http://ui.jquery.com/

http://docs.jquery.com/UI

http://interface.eyecon.ro

Technorati 标签: , , ,

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: