|
|
翻了翻以前的舊貼子，有值得回味的地方共分享：
Post1:
.................
我們現(xiàn)在的大量應用依賴于瀏覽器（主要是 IE）的腳本處理能力，在有些老機器上跑的時候確實會略顯緩慢，但是目前的主流機型處理起來已經(jīng)沒有任何問題了。我們設計了一整套的 Web 開發(fā)框架，這套框架將隨著應用的錘煉而越來越穩(wěn)定。JavaScript 用的不好容易造成 IE 的崩潰，我們是靠提高代碼的重用度來解決這個問題的，因為重用度越高的代碼往往越穩(wěn)定。 有些眼高手低的人往往憑第一眼印象就把 JavaScript 從整體解決方案中完全忽略，但是我們發(fā)現(xiàn) JavaScript 作為解決方案的表示層是非常有價值的，而且通過幾層 DOM 樹的映射來解決表示層-邏輯層分離比起使用 MVC 要靈活得多。我們的基本思想就是瀏覽器-服務器間傳輸?shù)膽撝皇菙?shù)據(jù)，如何顯示（呈現(xiàn)）由瀏覽器自己決定。我們的中間件很好地體現(xiàn)了這個思想。MVC 的學習成本也是一個重要的考慮因素。我可以毫不臉紅地說我不懂 MVC，但是我們確實解決了客戶需要我們解決的問題。
.................
Post2:
.................
通過我們這里一年多來對于 XMLHTTP、JavaScirpt、RIA 等技術和架構的討論，其實我們最終也可以得到完全相同的結論的。AJAX 的可行性是不容置疑的，已經(jīng)被我們這里一些勇于實踐的開發(fā)人員的經(jīng)驗（我的經(jīng)驗，還有很多使用 JS+XMLHTTP+XSLT 的人的經(jīng)驗，給自己的臉上貼點金，呵呵），以及最近的 Google Map 等偉大的應用（體驗一下 Google Map 的速度，你就知道我為什么說偉大了）所證實，還證實了基于 Web 標準進行創(chuàng)新是一條光明的大路。我的同事 ly 在三年前就采用了這種開發(fā)模式，并且把它的好處介紹給我，我后來又在這里一再宣傳使用 JS+XMLHTTP 做開發(fā)的好處。因此我對于現(xiàn)在出現(xiàn)的 AJAX 一點也不感到奇怪，只是對于這種開發(fā)模式到現(xiàn)在才開始流行感覺有些遺憾。以前國內(nèi)大部分的開發(fā)者只知道一味地迷信 J2EE，迷信 .NET，把自己限制在犬儒式的對大廠的盲從上，而不愿意自己去創(chuàng)新。現(xiàn)在出現(xiàn)的 AJAX 對于國內(nèi)的開發(fā)者是一個啟示，也是一個教訓。共產(chǎn)主義是等不來的，無論是 M$、IBM 還是 Sun 都不會把共產(chǎn)主義的幸福生活拱手相送。并不是技術本身不行（例如在一些人看來似乎已經(jīng)完全過時了的技術 HTML/CSS/JavaScript），其實還是人不行，再好的技術給你也做不出好東西來。 相對來說我更加看好這方面，而不是私有的解決方案如 XAML 或者 Flash 。這些技術的組合現(xiàn)在既然已經(jīng)有了一個新的名字 AJAX，以后我們就把這些技術叫做 AJAX 好了。
.................
---這是dlee達人在2004在JavaEYE的貼子片斷，其當時的意義到今天可以說已經(jīng)被證明可行的了---特此為文本借作導言。
下文作者是Brian Moeskau，翻譯:Frank 原文出處在這里
教程：Ext簡介
無論你是Ext庫的新手，抑或是想了解Ext的人，本篇文章的內(nèi)容都適合你。本文將簡單地簡單介紹Ext的幾個基本概念，和如何快速地做出一個動態(tài)的頁面并運行起來，假設讀者已具備了一些JavaScript經(jīng)驗和初級了解HTML Dom。否則的話，請從閱讀初學JavaScript資源開始。
下載Ext
或許你未曾下載過，那應從這里下載最新版本的Ext http://extjs.com/downloads。
針對你的下載需求，有幾個不同的彈性選項。通常地，最穩(wěn)定的版本，是較多人的選擇。下載解包后，那個example文件夾便是一個探險的好地方！
開始！
我們將使用Ext，來完成一些常見的JavaScript的場合。
Zip文件包括三個文件：ExtStart.html, ExtStart.js和ExtStart.css。解包這三個文件到Ext的安裝目錄中（例如，Ext是在“C:/code/Ext/v1.0”中，那應該在"v1.0"里面新建目錄“tutorial”。雙擊ExtStart.htm，接著你的瀏覽器打開啟動頁面，應該會有一條消息告訴你配置已完畢。如果是一個Javascript錯誤，請按照頁面上的指引操作。
在你常用的IDE中或文本編輯器中，打開ExtStart.js看看：
Ext.onReady可能是你接觸的第一個方法。這個方法是指當前DOM加載完畢后，保證頁面內(nèi)的所有元素能被Script引用（reference）。你可刪除alert()那行，加入一些實際用途的代碼試試：
復制代碼 代碼如下:
Ext.onReady(function() {
alert("Congratulations! You have Ext configured correctly!");
});
Element：Ext的核心
大多數(shù)的JavaScript操作都需要獲取頁面上的某個元素（reference）,好讓你來做有趣的事情。傳統(tǒng)的JavaScript方法，是通過ID獲取Dom節(jié)點的：
var myDiv = document.getElementById('myDiv');這毫無問題，不過這樣單單返回一個對象（DOM節(jié)點），用起來并不是太強大和好用。為了要用那節(jié)點干點事情，你將會要寫不少自定義的代碼；另外，對于不同類型瀏覽器之間的差異，要你處理起來可真頭大了。
進入Ext.element對象。元素（element）的的確確是Ext的心臟地帶，--無論是訪問元素（elements）還是完成一些動作，都要涉及它。Element的API是整個Ext庫的基礎，如果你時間不多，只想了解Ext中的一個類的話，Element一定是首選！
由ID獲取一個Ext Element如下（首頁ExtStart.htm包含一個div，ID名字為“myDIv”，然后，在ExtStart.js中加入下列語句）：
Ext.onReady(function() {var myDiv = Ext.get('myDiv');});再回頭看看Element對象，發(fā)現(xiàn)什么有趣的東東呢？
Element包含了常見的DOM方法和屬性，提供一個快捷的、統(tǒng)一的、跨瀏覽器的接口（若使用Element.dom的話，就可以直接訪問底層DOM的節(jié)點。）；
Element.get()方法內(nèi)置緩存處理（Cache)，多次訪問同一對象效率上有極大優(yōu)勢；
內(nèi)置常用的DOM節(jié)點的動作，并且是跨瀏覽器的定位的位置、大小、動畫、拖放等等（add/remove CSS classes, add/remove event handlers, positioning, sizing, animation, drag/drop）。
這意味著你可用最小的代碼來做各種各樣的事情，這里僅僅是一個簡單的例子（完整的列表在elementAPI中）。
繼續(xù)在ExtStart.js中，在剛才我們獲取好myDiv的位置中加入：
復制代碼 代碼如下:
myDiv.highlight(); //黃色高亮顯示然后漸退
myDiv.addClass('red'); // 添加自定義CSS類 (在ExtStart.css定義)
myDiv.center(); //在視圖中將元素居中
myDiv.setOpacity(.25); // 使元素半透明
JavaScript技術：學習YUI.Ext基礎第一天，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
