最近越來越多的網站開始采用AJAX技術，因此extjs和jquery等java script庫逐漸成為web前端必要的技術之一。同時，DOM（Document Object Model）也是web前端開發的重要內容之一，它是w3c提供的web頁面文檔的標準化API。DOM解析器會將文檔解析成一棵樹，通過一些方法和屬性來操作文檔的內容和結構。

而ExtJS是一種基于Ext核心的類JavaScript框架，通過使用它可以用更少的代碼構建用戶界面，讓web開發變得更加快捷和高效。很多網站選用ExtJS作為前端開發框架，jQuery選擇者就是其中之一。jQuery設計理念是“write less do more”，如果應用是一個相對簡單的web應用程序，推薦使用jQuery選擇器。而對于更為復雜的Web應用程序，選擇使用ExtJS或其他相應的JavaScript庫。

PHP是一門流行的服務器端語言，PHP代碼可以直接嵌入到HTML中，因此實現后端功能的代碼可以直接與前端代碼混合。由于PHP不僅支持數據庫訪問，在網絡編程、LDAP集成、PDF生成等方面也有豐富的類庫和函數支持，因此PHP吸引了大量的web開發者。但是相比于現代Web開發的要求，PHP在前端技術以及用戶交互方面的支持還是顯得危缺的。

為了讓PHP和前端技術協同工作， ExtJS4重新定義了DOM操作和跨瀏覽器兼容性。 ExtJS4中在Ext.DomQuery中實現了完整的CSS3選擇器，使得Web應用程序設計師和開發者可以快速高效地從現有網頁中提取和操作信息。開發者也可以使用Ext JS的功能豐富的組件集合來創建高性能的Web應用程序，通過PHP代碼來動態生成與不同頁面內容相關的組件，并在后端完成數據邏輯的處理，以此使得Web應用程序在更新和維護方面更加容易。

Ext.define('TreeDropZone', {
extend: 'Ext.tree.plugin.TreeViewDragDrop',
alias: 'plugin.treedropzone',
enableDrop: true,
ddGroup: 'channel-dd',
hoverCls: 'dd-hover',
appendOnly: true,
dragText: 'Drop it here!'
});
var asyncTree = Ext.create('Ext.tree.Panel', {
rootVisible: false,
width: 500,
height: 300,
useArrows: true,
store: store
});
asyncTree.addPlugin({
ptype: 'treedragdrop'
});

上面的代碼就是對一個TreePanel對象添加拖放功能的代碼，這里面的對象定義、store定義、拖放功能的實現等內容都需要在PHP的后端代碼中進行處理和生成。

總而言之，綜合運用Ext JS、DOM和PHP能夠帶來更加高效、快捷的Web應用程序開發體驗，后端代碼與前端代碼之間因為使用同一技術棧而更為協同，讓開發者的工作更加容易。