`
zhyi_12
  • 浏览: 99873 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jQuery UI v1.5 Released,代码重构到不认识

阅读更多

官方博客:jQuery UI v1.5 Released, Focus on Consistent API and Effects
http://jquery.com/blog/2008/06/09/jquery-ui-v15-released-focus-on-consistent-api-and-effects/
    粗粗的翻了几个UI的代码,第一感觉是变了,变得不认识了,整个UI的写法变得很不熟悉了,完全的重构了。
不得不佩服这帮哥们重构的决心和毅力。

  When we first started with the UI project, we set out to build a generic, basic, and simple way of adding and extending core interaction to DOM elements. However, we soon found that our approach wasn’t working for UI. Using the “simple” approach, we were only able to serve simple interaction modules, but not full featured UI widgets. The second problem was that some plugins came from external sources making the UI suite seem disjointed and inconsistent.

   一些变化:

   1  统一UI的构建方法($.widget),每一个UI提供统一的初始化调用方法init(),下面的这种方式现在已经整合到$.widget方法中,

不再像1.5(b4)中的每一个UI中都有一段处理的代码。

  • $(”div”).draggable() creates a draggable
  • $(”div”).draggable(”destroy”) destroys it
  • $(”div”).draggable(”method”) calls another method on the plugin

    2  貌似要稳定了

Stability, Debugging, Testing and jquery.simulate
  It was extremely important that jQuery UI v1.5 was not only feature-rich but also stable. We took several steps to greatly improve our debugging and testing including the setup of our own dedicated bugtracker with jQuery UI specific version and milestone targeting. We also invested a lot of time into new unit tests that make use of the jQuery test suite Qunit. Finally, we created jquery.simulate.js, a plugin specifically designed to fire true browser events. This means, you can actually tell the plugin to pick up your draggable, move it to a certain position and release it again, just if you’d be talking to a real testing person.

 

    3 这个好像有点意思

   Roll Your Own Themes: ThemeRoller!
ThemeRoller offers a unique approach to theming UI components specifically built for jQuery UI. With ThemeRoller, you can create your very own theme for your project within minutes. It’s completely intuitive, comes wich rich controls to change the color and design of each state, and then previews your theme with the actual UI components as you work!

    jquery UI 在代码重构的彻底上可以看出他的决心,放出少许期待之心.呵呵,先好好看看这次的代码去.

 

分享到:
评论
4 楼 quaff 2008-06-19  
已经用上了,datepicker有点丑
3 楼 zhyi_12 2008-06-19  
文档变化不会很大,主要是进行了代码层面的重构,看以前的文档就行了
2 楼 KKFC 2008-06-18  
oo,唯有OO才能打救复杂的代码
1 楼 ayeah 2008-06-18  
文档好像还没出来,搞得我折腾了一个晚上还搞不定个dialog。。。

相关推荐

    jquery.ui-1.5b

    "JS-jquery.ui-1.5b很多效果"可能暗示这个压缩包内包含了一些示例代码或演示,展示了 jQuery UI 1.5b 的各种效果。这些文件可能包括 HTML、CSS 和 JavaScript,通过查看和分析这些文件,开发者可以学习如何在实际...

    jquery.ui-1.5b4包

    **jQuery UI 1.5b4 知识点详解** jQuery UI 是一个基于 jQuery JavaScript 库的可扩展组件集合,提供了丰富的用户界面交互元素和设计模式。这个“jquery.ui-1.5b4”包是 jQuery UI 的一个早期版本,尽管它已经过时...

    jquery.ui-1.5

    jQuery UI 1.5版本考虑到广泛的浏览器兼容性,支持IE6+、Firefox、Chrome、Safari和Opera等主流浏览器。同时,其优化的代码结构和高效的操作方式,确保了在不同设备上的良好性能。 5. **示例与实践** 学习jQuery...

    jquery.ui-1.5b2.zip

    在“jquery.ui-1.5b2”版本中,开发者可以利用这些预设的组件,快速构建出符合现代网页标准的功能丰富的页面,而无需从零开始编写大量的JavaScript代码。 “jquery.ui-1.5b2.zip”压缩包内包含的核心文件有: 1. *...

    jQueryUI V1.12.1

    jQueryUI V1.12.1 是一个强大的前端开发库,它是基于JavaScript和jQuery的,专为构建交互式用户界面而设计。这个版本包含了jQuery V1.12.4,这是jQuery的核心库,提供了丰富的DOM操作、事件处理、动画效果以及Ajax...

    jquery UI 1.7源代码

    《jQuery UI 1.7源代码深度解析》 jQuery UI是基于jQuery库的交互式用户界面组件集合,它为Web开发者提供了丰富的可定制组件,包括日期选择器、对话框、拖放功能、滑块等。在本文中,我们将深入探讨jQuery UI 1.7的...

    jQuery LigerUI V1.3.2 代码

    jQuery LigerUI是一款基于jQuery的前端UI库,其版本V1.3.2包含了丰富的组件和功能,旨在帮助开发者快速构建具有专业外观和交互效果的Web应用。LigerUI提供了大量的预定义样式和可定制选项,使得用户界面的开发变得...

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成  jQuery UI ...

    jquery ui messager 消息框

    jQuery UI Messager是一款基于jQuery和jQuery UI库的插件,用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知,如警告、错误、信息和成功消息,增强了用户交互体验。这个...

    jquery.ui-1.5.js

    在Web开发领域,jQuery UI是一个不可或缺的工具库,它基于强大的JavaScript库jQuery,为开发者提供了丰富的UI组件和交互效果,使得创建美观、易用的用户界面变得更加便捷。本文将深入探讨jQuery UI 1.5.2版本中的...

    jqueryapi jquery1.5api jquery1.5

    **jQuery API 1.5 知识点详解** jQuery 是一个高效、易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery API 1.5是该库的一个重要版本,包含了丰富的功能和改进。下面我们将...

    jquery-ui.css、jquery-ui.js下载

    jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序功能(Sortable)以及各种可自定义...

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中,可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式,同时引入 jQuery UI 的组件,实现更复杂的用户...

    JQuery UI 中文帮助文档

    jQuery UI 包含了多种功能模块,包括但不限于: - **TABS(选项卡)**: 提供了一种将内容组织成多个选项卡的方式,可以轻松地切换不同区域的内容,节省页面空间,提升用户体验。 - **DIALOG(对话框)**: 用于创建...

    jQuery UI表格内容拖拽代码.zip

    本篇文章将深入探讨如何利用jQuery UI实现表格内容的拖拽功能,基于提供的"jQuery UI表格内容拖拽代码.zip"资源,我们将详细讲解其背后的实现机制。 首先,我们需要了解基础的环境设置。这个项目基于jQuery 1.11.3....

    jQuery UI 中文版 入门到精通 PDF

    《jQuery UI 中文版 入门到精通》是一本针对jQuery UI框架的全面教程,旨在帮助初学者快速掌握这一强大的用户界面库。jQuery UI是基于jQuery JavaScript库的扩展,提供了丰富的交互式组件和设计模式,使得网页开发...

    jQuery UI组件 jQuery UI

    **jQuery UI组件详解** jQuery UI 是一个强大的前端开发框架,基于流行的JavaScript库jQuery构建,它提供了丰富的用户界面组件,能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的...

    jquery ui & themes

    总的来说,jQuery UI是一个强大的工具,它的主题系统为开发者提供了极大的灵活性,使他们能够在不编写大量CSS代码的情况下,实现美观且一致的用户界面。无论是在企业级应用还是个人项目中,jQuery UI都是提升用户...

    jquery-easyui1.5 源码

    《jQuery EasyUI 1.5源码解析:深入理解form、grid与tree gridTree》 jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和强大的功能,帮助开发者快速构建用户界面。在1.5版本中,EasyUI 继续...

Global site tag (gtag.js) - Google Analytics