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