此文章是翻译http://blog.jqueryui.com/2010/03/jquery-ui-18/
一、是提高自己的英语水平,二、来也为了提高我文章的点击率,如果那些地方翻译不妥,还希望高人能够指正。The jQuery UI团队兴奋地发布了最终版本JQuery1.8。 JQuery 1.8 有5个插件,1个新的效果,修正了上百个bug。 我们努力地工作使得JQuery UI 轻量级并且拥有更加灵活性和扩展性的内核的模块。现在非常的简单创建你widgets或者扩展我们的Widgets。无论你使用JQuery UI的微巨工厂,JQuery UI CSS框架,或者使用两者时,它都非常容易的构建你的widget或者扩展我们的widget.数百开发人员、设计人员、测试人员和用户花了9个多月的时间开发出了这个新JQuery版本。在此感谢他们的帮助和支持。
代码、主题、演示例子和文档已经分别发布在jqueryui.com, jQuery UI Download Builder,ThemeRoller和Google’s AJAX Libraries API。
注:该版本中已经有非常大的改进。如果你当前使用或开发Jquery UI 插件请确保查考更新日志和升级向导。
Download jQuery UI 1.8下载地址:
1.. jQuery UI 1.8 Starter Pack包含了所有的组件和默认的主题。如果你是新手,请使用我们的Getting Started Guide(入门指南)
2.. jQuery UI 1.8 Development Bundle包含了所有的组件和基础的主题。
这句话不会翻译(It’s optimized for development of jQuery UI itself or redistribution, not getting started. 我猜测的意思是: 请先看JQuery UI 自带的或新发布的工程,不要急着自己开发)。如果不对请留言告诉我。
3. jQuery UI 1.8 Themes Pack包含21个ThemeRoller主题。如果你喜欢其中一个主题,你也可以定制自己的主题。
4..jQuery UI 1.8 Download Builder创建一个你想选择的自定义工具栏,也能考虑到插件的依赖性。
什么是新的Jquery1.8 UI?
这个版本增加了两个使用工具,两个widgets,一个升级widgets Factory 和一个模块内核。对于JQuery UI 1.7.2 和 JQuery 1.8之间的改变,可以参考1.8版本的更新日志(1.8 Changelog)。请看下边较大变化和明显变化的总结。
定位功能:
相对于其他元素、窗口或鼠标定位元素。它非常简单选择你想要的元素和定位他们之间的位置。
按钮工具:
按钮工具应用你能想象到的其他的按钮创建按钮。现在你的<button>既像<input type=”submit”>又像<a class=”button”>。被升级的Jquery UI 工具包含许多按钮。当你想使用按钮时,使用的是按钮插件。另外也保留本地按钮。当然,community在早期的设计和最后的测试提供了资料。我们非常高兴我们有这么漂亮的表单元素
自动补全工具:
现在,你能使文本输入框弹出在菜单之上,帮助用户完成文本输入或搜素框,提供建议或允许值。这个自动补全的设计是基于流行的Jörn Zaefferer自动补全功能。正如我们保持API尽可能小按钮工具,根据你的需要定制。
例如:你能提供静态的当前的使用数据源选项的数据,或者提供一个能处理来自通过AJAX数据的回调方法。我们将继续开发和重构我们的widgets,并且希望大家多提意见。工具库有很大的改进,仍旧保持着体积小,灵活和功能强大的特性。
请看更多关于自动补全的例子。
Autocomplete
新插件实现的大部分工作都是Jörn Zaefferer,Jörn Zaefferer设计的API,Scott González和Richard D. Worth的功劳,
提供所需的活动设计、静态标识、css参考书。
新的widget 工厂:
在这个版本中,在Scott González 和Jörn Zaefferer以及社区的帮助下,JQuery UI Widget Factory 有很大的升级,使得创建和扩展你的Widget 和我们的widget更加容易。
新版本Jquery UI 核心大小是原来的71%:
新版本Jquery UI 核心大小是原来的71%。大部分模块优化已经完成,除了把鼠标组件绑定到工具。
新的鼠标插件文件使得Jquery UI 平均减小14%:
鼠标插件不是新开发的。鼠标插件以前放在Jquery UI的内核中,在这个版本中加入了这个插件.这意味着Jquery UI 插件不依赖于鼠标插件。Jquery UI core 包含很少不用的代码。Jquery UI Core 的大小占到整个文件的14%。这仅仅是平均值,有时候可以达到36%。
文件重命名:
所有的 .js 和.css 文件命名用jquery.ui. 前缀替换了ui.前缀。这与Jquery 插件命名规则一致,也是为一些开发的工具做准备。这些工具允许定制个性化的工具,其中包括Jquery 插件和Jquery UI插件。
注:
如果你想写自己的插件,即使它是基于Jquery UI Widget工厂,请按照Jquery插件命名规则“jquery.{plugin-name}.js” 而不是”jquery.ui.{plugin-name}.js” 这将非常容易区别Jquery的插件和用户自己写的插件。Widget命名空间和Css 类命名空间也应该和自定义的有区别,除非是使用通用的Jquery UI CSS 框架类。
例如:如果你写个名称为foo的Widget,这个文件应该命名为jqury.foo.js,而不是jquery.ui.foo.js.这个Widget能使用像ui-widget, ui-widget-content, ui-state-active等类名,但是不能使用ui-foo 和 ui-foo-*类名。这些将被保存到Jquery ui library,或者Jquery UI Foo widget,这些将有一个文件名称为jquery.ui.foo.js.的文件。
致谢:
Jquery UI 团队在此感谢这些开发者,设计者,用户,测试者以及cookie bakers。
分享到:
相关推荐
jQuery Mobile 是一个轻量级、触控优化的框架,用于构建响应式且跨平台的移动 Web 应用程序。它基于 jQuery 和 jQuery UI,提供了丰富的用户界面组件,如导航、按钮、表单、网格等,使得开发者能够快速地创建出具有...
jQuery Mobile则是一个轻量级的、触屏优先的前端框架,专为移动设备优化,提供了丰富的用户界面(UI)组件和交互效果。 PhoneGap的工作原理是通过封装WebView(Android和iOS等平台上的浏览器内核)来运行Web应用,...
- **定义**: jQuery是一款轻量级的JavaScript库,旨在简化HTML文档的操作、事件处理、动画及Ajax交互。 - **特点**: - **轻量化**: 减少JavaScript代码量,提升开发效率。 - **跨浏览器兼容性**: 屏蔽了不同...
- 前端界面基于LayUI框架,这是一款轻量级的前端组件库,提供了丰富的UI组件和交互效果。 - JavaScript库JQuery用于处理DOM操作和异步请求,简化了JavaScript的开发。 - AJAX技术用于实现页面的无刷新更新,提高...
wke内核因其高效稳定,被广泛应用于各种跨平台的应用程序中,提供了一种轻量级的Web浏览解决方案。 ZUI框架是一个基于Bootstrap和jQuery的前端开发框架,它提供了一系列美观且响应式的组件,如按钮、表单、网格系统...
ThinkPHP5是一款遵循PSR标准的轻量级、高性能的PHP框架,它采用了MVC架构模式,拥有良好的扩展性和灵活性。该框架主要特点如下: - **模块化设计**:将系统分为多个模块,便于管理和维护。 - **RESTful风格**:支持...
UAP-WEB6.3的核心在于实现了一个轻量级的Web开发环境,它基于纯Web技术,支持丰富的UI组件和统一的渲染引擎框架,结合MVC框架、流程引擎、缓存机制等,提供了从开发到部署的全角色集成开发工具。接下来,我们将深入...
通常采用SQLite作为Android设备上的本地数据库,它轻量级且高效,适合存储结构化数据。在设计数据库时,需要考虑数据的分类、查询效率和更新维护,确保用户能够快速找到所需信息。 其次,用户界面(UI)的设计至关...
如果你的应用对性能有较高要求,或者需要更轻量级的解决方案,可以考虑使用其他方法,比如直接使用HTML `<img>` 标签加载GIF,或者利用JavaScript库如jQuery来实现更高级的动画控制。 总之,"asp.net 用WebBrowse...
7. **Zepto** - Zepto是一个轻量级的框架,主要针对Webkit内核的浏览器(如Chrome和Safari)。它与jQuery兼容,适合对性能要求较高的移动Web开发。 8. **DHTMLX Touch** - 基于HTML5的框架,专为触摸设备设计,允许...