ExtJS和jQuery UI都是目前非常流行的JavaScript框架。它們分別具有各自的優(yōu)點和適用范圍。
ExtJS是一套非常完整的JavaScript框架,它提供了豐富的控件和工具,能夠讓開發(fā)者快速構建復雜的Web應用程序。ExtJS的特點是對瀏覽器兼容性的支持非常好,同時它的代碼風格也非常統(tǒng)一,易于維護。
// ExtJS的一個例子: Ext.define('MyApp.view.Main', { extend: 'Ext.panel.Panel', xtype: 'app-main', requires: [ 'Ext.plugin.Viewport', 'Ext.window.MessageBox', 'MyApp.view.user.List', 'MyApp.view.user.Edit' ], controller: 'main', viewModel: { type: 'main' }, ui: 'navigation', title: 'MyApp', layout: { type: 'border', padding: 3 }, items: [ { region: 'west', xtype: 'panel', title: '導航欄', split: true, width: 200, collapsible: true, resizable: true, items: [ { xtype: 'userlist', reference: 'userlist' } ] }, { region: 'center', xtype: 'tabpanel', reference: 'mainTabPanel', items: [ { xtype: 'panel', title: '主頁', html: 'Welcome to MyApp
' } ] } ], listeners: { render: 'onMainRender' } });
相對于ExtJS,jQuery UI則更輕量級,主要關注于網頁前端的交互效果。jQuery UI提供了非常實用的UI組件,例如日期選擇器、可拖拽的元素、選項卡等等。同時,jQuery UI也提供了很多插件,方便開發(fā)者擴展自己的應用。
// jQuery UI的一個例子: $(function() { $( "#datepicker" ).datepicker(); });
綜上所述,如果需要構建復雜的Web應用程序,推薦使用ExtJS;如果只需要實現簡單的交互效果,使用jQuery UI就可以了。