JavaScript Eclipse 插件助您一臂之力，提高 JavaScript 生產(chǎn)力指日可待
JavaScript Development Toolkit（JSDT）是一種開(kāi)放源碼插件，它將健壯的 JavaScript 編程工具引入到 Eclipse 平臺(tái)中。JSDT 使開(kāi)發(fā)更加流暢、簡(jiǎn)化了編碼并提高了純 JavaScript 源文件和 HTML 內(nèi)置的 JavaScript 的生產(chǎn)力。
JavaScript 開(kāi)發(fā)并不容易。瀏覽器兼容性參差不齊、文檔非常糟糕、工具貧乏，這些因素使問(wèn)題進(jìn)一步惡化。幸運(yùn)的是，隨著最近針對(duì) Eclipse 的插件集 JavaScript Development Toolkit（JSDT）的發(fā)布，工具匱乏的局面有望得到改善。
Eclipse 是一個(gè)開(kāi)源的 IDE 框架，具有提高擴(kuò)展性和靈活性的架構(gòu)。JSDT 作為插件在 Eclipse 中運(yùn)行。在 Eclipse 中，JavaScript 并不是什么新鮮的概念，因?yàn)橐呀?jīng)可以從其他插件獲得 HTML 和一些 JavaScript 支持，但是 JSDT 的獨(dú)特之處在于其所提供的工具的健壯性和復(fù)雜性，這可顯著提高 Web 開(kāi)發(fā)的生產(chǎn)力。
JSDT 提供的許多特性和核心設(shè)計(jì)都可以在 Java Development Toolkit（JDT）中找到。JSDT 將要代替 Web Tools Platform V3.0 發(fā)行版中當(dāng)前的 JavaScript 編輯器。
IDE 和 JavaScript
您可能想知道為什么 JavaScript IDE 會(huì)如此流行。隨著 Web 2.0 的流行以及大量開(kāi)發(fā)人員都熱衷于在博客和社區(qū)頁(yè)面中使用 JavaScript，大量新的 JavaScript 工具不斷出現(xiàn)。盡管如此，Notepad 和瀏覽器的 Refresh 按鈕仍然是大多數(shù)程序員首選的 JavaScript 開(kāi)發(fā)環(huán)境。
問(wèn)題在于 JavaScript 語(yǔ)言的解釋性。與 Java™ 或 C 語(yǔ)言不同，JavaScript 是一種松類型的語(yǔ)言，并且很難實(shí)現(xiàn)精確建模。對(duì)于較為正式的語(yǔ)言，需要優(yōu)先考慮已編譯代碼的效率，并且對(duì)語(yǔ)言的靈活性有所限制。JavaScript 的目標(biāo)則不一樣。各種因素試圖分化趨向同一個(gè)平臺(tái)的開(kāi)發(fā)人員，這導(dǎo)致了語(yǔ)言的不一致性。從工具和開(kāi)發(fā)的角度來(lái)看，這些不一致性使問(wèn)題更加復(fù)雜。
瀏覽器并不是惟一的問(wèn)題。面向?qū)ο蟮?JavaScript 是一種補(bǔ)充而不是關(guān)注的焦點(diǎn)。Ajax 工具箱努力使 JavaScript 朝面向?qū)ο蠓矫孓D(zhuǎn)變 — 但是各自采取不同的方式。這可能會(huì)使標(biāo)識(shí)對(duì)象和類結(jié)構(gòu)變得很困難。這種語(yǔ)言有幾個(gè)嚴(yán)重的漏洞，程序員利用它們實(shí)現(xiàn)一些使用其他方式難以實(shí)現(xiàn)的技巧，這使問(wèn)題更加嚴(yán)重（或者更好，取決于您詢問(wèn)的對(duì)象）。其中一個(gè)例子是將主要的代碼塊封裝到一個(gè) evalf(..) 函數(shù)中，使它只在運(yùn)行時(shí)有效。我們目前仍然在克服這個(gè)問(wèn)題，以便在 JSDT 中精確建模。
現(xiàn)有的 JavaScript IDE
目前可以使用一些并不完整的 JavaScript 工具。但是很多流行的工具還不能提供真正的上下文感知內(nèi)容幫助，因?yàn)樗鼈內(nèi)鄙僬嬲?JavaScript 語(yǔ)言建模機(jī)制。在模型較少的 IDE 中，通過(guò)使用靜態(tài)平面文件列出可用的類型，可以實(shí)現(xiàn)內(nèi)容完成和工具功能。這些類型根據(jù)輸入的部分字符動(dòng)態(tài)調(diào)整，并且通常不會(huì)選擇代碼中定義的對(duì)象成員。內(nèi)容完成對(duì)上下文不敏感，因?yàn)槿绻麤](méi)有模型的話，可實(shí)現(xiàn)的功能將受到很大限制。
如果沒(méi)有語(yǔ)言模型，則很難或者不可能將代碼放入到上下文中。由于很多編程元素都依賴于代碼的上下文，因此使用工具建立上下文十分重要。缺少模型和代碼上下文的 IDE 同樣也會(huì)缺少充分的類型解析和驗(yàn)證、作用域、可視性，或者其他任何對(duì)簡(jiǎn)化開(kāi)發(fā)非常重要的良好驗(yàn)證功能。
JSDT 設(shè)計(jì)
圖 1. JSDT 語(yǔ)言抽象棧
JSDT 對(duì) JavaScript 語(yǔ)言建模并實(shí)時(shí)隱含類結(jié)構(gòu)，這通過(guò)一種全新的方式來(lái)實(shí)現(xiàn)。首先，構(gòu)建基本的語(yǔ)言元素。其次，推理引擎或引擎幫助填補(bǔ)所有類結(jié)構(gòu)和語(yǔ)言差異。
基本語(yǔ)言模型
可以將推理和建模流程看作一個(gè)操作棧。模型的開(kāi)始部分是 JavaScript 源代碼。通過(guò)使用類似 Eclipse JDT 的引擎，將源代碼轉(zhuǎn)換為私有的語(yǔ)言模型。語(yǔ)言的純模型遵守 ECMA-3 標(biāo)準(zhǔn)。
類型和類推理
對(duì) JavaScript 語(yǔ)言建模后，下一步是管理類型和類推理。許多基于 JavaScript 的工具箱（例如 Dojo、Rico、Prototype）通過(guò)自己的技術(shù)使 JavaScript 面向?qū)ο缶幊谈臃奖?。JSDT 使用定制的、工具箱感知的推理引擎在工具箱內(nèi)部識(shí)別類和類型結(jié)構(gòu)。這些類和類型隨后可以添加到語(yǔ)言模型中。
公開(kāi)模型
最后，將私有模型及其推理部分轉(zhuǎn)換為公共語(yǔ)言模型。公共語(yǔ)言模型可用于源代碼、重構(gòu)和 as-you-type 工具。如果其中一種工具需要修改一些 JavaScript 源代碼，就得先在公共模型中進(jìn)行修改，并最終轉(zhuǎn)換到 JavaScript 源代碼。
管理變量和成員作用域
即使語(yǔ)言模型為描述 JavaScript 源代碼和上下文提供了基礎(chǔ)，還需要另外一個(gè)重要因素：環(huán)境上下文。JSDT 必須在運(yùn)行 JavaScript 的全局作用域時(shí)建立可用的變量和類型。這些變量和類型根據(jù) JavaScript 的運(yùn)行時(shí)環(huán)境而有所不同。當(dāng) JavaScript 在 Web 瀏覽器上下文中運(yùn)行時(shí)，對(duì)象、類型、表示屏幕數(shù)據(jù)的字段以及瀏覽器對(duì)象在全局作用域中都是可用的。如果代碼是針對(duì)其他內(nèi)容而不是瀏覽器，那么整個(gè)對(duì)象集可能會(huì)不同。
圖 2. JSDT 庫(kù)配置
JSDT 使用庫(kù)機(jī)制管理項(xiàng)目中的通用對(duì)象、變量和類型?？梢詫?kù)添加到項(xiàng)目中，以提供特定于用戶目標(biāo)運(yùn)行時(shí)環(huán)境的對(duì)象和變量集。如果存在兩個(gè)定義沖突成員的庫(kù)，則在相應(yīng)的用戶接口中聚合并注釋這些成員。這有助于創(chuàng)建在瀏覽器或環(huán)境之間通用的方法。
為流行的瀏覽器預(yù)打包庫(kù)非常簡(jiǎn)單。庫(kù)被捆綁在一個(gè)插件中，該插件包含有定義對(duì)象和類型的 JavaScript 源文件。當(dāng) JSDT 對(duì)源代碼編輯器中打開(kāi)的文件進(jìn)行建模時(shí)，它首先對(duì)文件的源代碼建模，然后將項(xiàng)目的庫(kù)集合中的所有源文件添加到模型。庫(kù)源文件永遠(yuǎn)不會(huì)進(jìn)行驗(yàn)證，只用于定義對(duì)象結(jié)構(gòu)、附加在懸浮式幫助和內(nèi)容完成中可見(jiàn)的 JsDoc。
雖然庫(kù)的主要功能是管理 JavaScript 的運(yùn)行時(shí)上下文，但是它還提供了另一個(gè)重要特性 — 處理源文件交叉引用。純 JavaScript 不具備顯式的 include 函數(shù)。開(kāi)發(fā)人員的一個(gè)不良習(xí)慣就是將函數(shù)散布到多個(gè)源文件中。庫(kù)配置頁(yè)面可以幫助管理源文件之間的交叉項(xiàng)目可見(jiàn)性。如果某個(gè)項(xiàng)目文件夾被標(biāo)記為一個(gè)源文件，那么該文件夾中的所有 JavaScript 將包括在全局作用域中。使用 exclude 模式可以限制文件夾。
工具
撇開(kāi)較高層的設(shè)計(jì)不談，我們仔細(xì)看看這些特性。JSDT 的一些可視性較弱但非常重要的特性包括：相同文字突出顯示、自動(dòng)閉合大括號(hào)（以及圓括號(hào)、引號(hào)）以及自動(dòng)縮進(jìn)等。因此可以說(shuō)，“只要是良好 IDE 應(yīng)該具備的，JSDT 都提供支持”。
圖內(nèi)容幫助
圖 3. 內(nèi)容幫助
內(nèi)容完成可以通過(guò) Ctrl+Space 鍵任意調(diào)用。圖 3 展示了內(nèi)容幫助調(diào)用文檔對(duì)象。內(nèi)容完成對(duì)上下文敏感，并且基于全局作用域和 JavaScript 模型。完成條目顯示字段名、字段類型和字段的聲明類型。
檢測(cè)和糾正錯(cuò)誤
如果 IDE 可以主動(dòng)確定代碼錯(cuò)誤，它將非常有用。JSDT 可以檢測(cè)三種主要錯(cuò)誤類型：語(yǔ)法/語(yǔ)言錯(cuò)誤、類型/字段/方法可視性、流或邏輯錯(cuò)誤。所有的錯(cuò)誤警告級(jí)別都可以通過(guò)首選項(xiàng)頁(yè)面進(jìn)行單獨(dú)配置。
圖 4. 未解析的方法
JSDT 試圖解析對(duì)象的所有字段和方法。未解析的方法則標(biāo)記為錯(cuò)誤。
圖 5. 語(yǔ)法錯(cuò)誤
JSDT 還可以查找并標(biāo)記語(yǔ)法錯(cuò)誤。下面的 for() 語(yǔ)句丟失了一個(gè)分號(hào)。
圖 6. 流分析
圖 6 演示了流分析。由于 return 語(yǔ)句后面的所有代碼都不能執(zhí)行，因此將其標(biāo)記為錯(cuò)誤。
圖 7. 快速修復(fù)
一些錯(cuò)誤具有快速修復(fù)選項(xiàng)。在圖 7 中，當(dāng)用戶單擊未解析變量 formyValue 旁邊的錯(cuò)誤標(biāo)記時(shí)，JSDT 將顯示一些糾正錯(cuò)誤的選項(xiàng)。
代碼格式化
源代碼有時(shí)會(huì)混亂。您可能期望易于閱讀、結(jié)構(gòu)良好、格式化良好的代碼。這就需要在進(jìn)行開(kāi)發(fā)和調(diào)試時(shí)對(duì)代碼進(jìn)行格式化。JSDT 支持許多 as-you-type 格式化特性，比如可配置自動(dòng)縮進(jìn)和字符成對(duì)匹配。這些特性都有助于加快開(kāi)發(fā)和提高可讀性。
如果您收到的代碼非常混亂，該怎么辦？只需要單擊一下鼠標(biāo)，JSDT 代碼格式化程序就可以整理并重新格式化混亂的 JavaScript 代碼。格式化引擎是高度可配置的，因此可以導(dǎo)出配置供團(tuán)隊(duì)共享。
其他 JSDT 特性
上面列出的僅是 JSDT 支持的特性的一部分。下面列出非常簡(jiǎn)單但必須具備的 JSDT 特性：
- 語(yǔ)法突出顯示
- 折疊/行號(hào)
- 完整描述、顯示類、函數(shù)和字段
- 突出顯示并檢查大括號(hào)/圓括號(hào)匹配
- 自動(dòng)完成大括號(hào)、圓括號(hào)和縮進(jìn)
- 標(biāo)記出現(xiàn)位置
- 注釋切換（行或塊）
- 生成元素 JsDoc
- 用 do，for，try/catch，while 包圍
- 用戶可配置的完成模板
- 提取函數(shù)/修改函數(shù)簽名
- 縮排糾正
- 打開(kāi)聲明
- 開(kāi)放類型結(jié)構(gòu)
- 開(kāi)放調(diào)用結(jié)構(gòu)
- 可定制的代碼格式化
- 全搜索
- 重構(gòu)/重命名/移動(dòng)
- 斷點(diǎn)支持
- 使用 JsDoc 為 Firefox、Internet Explorer 和 ECMA-3 定義瀏覽器庫(kù)
- 通過(guò) JsDoc + JavaScript 原型定義支持用戶定義的庫(kù)
- 庫(kù)映像支持
- ATF Project 提供的調(diào)試支持
結(jié)束語(yǔ)
如果需要一種免費(fèi)的 Web 開(kāi)發(fā)環(huán)境，請(qǐng)選擇 Eclipse。由于新增了 JSDT，Eclipse 的 JavaScript 能力超越了市場(chǎng)上其他同類產(chǎn)品。開(kāi)放源碼項(xiàng)目促成了 JSDT 的快速發(fā)展，JSDT 將像 JavaScript 一樣快速地演進(jìn)。
參考資料
學(xué)習(xí)
獲得產(chǎn)品和技術(shù)
討論
關(guān)于作者
 |
|
|
|
Bradley Childs 2004 年畢業(yè)于 Texas A&M University。他在 IBM 從事中間件開(kāi)發(fā)，后來(lái)又轉(zhuǎn)到新興技術(shù)方面。他和 Phil Berkland 密切合作開(kāi)發(fā) JSDT。他在 Ajax Tooling Framework 項(xiàng)目社區(qū)中非常活躍。
|
http://www.spitv.net
http://goku.spitv.net
http://sxin99.com
下面是最新一期的Web服務(wù)器排名，其中Nginx已經(jīng)上升到了第四位，太牛X了
| Vendor | Product | Web Sites |
| Apache |
Apache |
84,309,103 |
| Microsoft |
IIS |
60,987,087 |
| Google |
GFE |
10,465,178 |
| Unknown |
Unknown |
4,903,174 |
| nginx |
nginx |
2,125,160 |
| Oversee |
Oversee |
1,953,848 |
| lighttpd |
lighttpd |
1,532,952 |
| Other |
Other |
1,150,202 |
| GNR |
GNR |
425,029 |
| Zeus |
Zeus |
405,724 |
| IdeaWebServer |
IdeaWebServer |
382,524 |
| Sun |
Sun-ONE-Web-Server |
349,704 |
| Apache |
Coyote |
338,376 |
| Resin |
Resin |
321,746 |
| Jetty |
Jetty |
259,558
|
http://www.spitv.net
http://goku.spitv.net
http://www.sxin99.com
今天MyEclipse發(fā)布了6.5正式版
Updates for MyEclipse include:
- Maven support (Maven4MyEclipse)
- MyEclipse Spring Tools update (to Spring 2.5)
- Portlet/Portal support
- improvements to the visual JSF/Facelets tool set
- JAX-WS Web Services
- update to MyEclipse Hibernate Tools
- UML tooling upgrades
- more。。。
下載地址：http://www.myeclipseide.com/module-htmlpages-display-pid-4.html
另外還有
Blue Edition: ALM & Open Source for WebSphere
MyEclipse is proud to announce availability of MyEclipse 6.5 Blue Edition as well. This release introduces a new standard of ALM management and open source capabilities for WebSphere.
依然沒(méi)有Struts2，下個(gè)版本可能會(huì)支持Eclipse3.4了
http://www.sxin99.com
http://www.spitv.net
http://goku.spitv.net
最近學(xué)了一些PHP和Ruby的東西,忽然想把這些東西應(yīng)用做個(gè)比較.
首先,我們把Java .Net PHP應(yīng)用方面占有率做個(gè)比較,簡(jiǎn)單的把目前主流應(yīng)用分成兩個(gè)大類,一個(gè)是企業(yè)應(yīng)用,一個(gè)是Web網(wǎng)站應(yīng)用,下面這個(gè)表格是我歸納的,不一定準(zhǔn)確,但是能說(shuō)明一個(gè)大概.
| 應(yīng)用 / 語(yǔ)言 |
Java |
.Net |
PHP |
| 大型企業(yè)應(yīng)用 |
多 |
少 |
少 |
| 中型企業(yè)應(yīng)用 |
多 |
中 |
少 |
| 小型企業(yè)應(yīng)用 |
中 |
中 |
少 |
| 大型Web應(yīng)用 |
多 |
少 |
中 |
| 中型Web應(yīng)用 |
中 |
中 |
多 |
| 小型Web應(yīng)用 |
少 |
中 |
多 |
從表中可以看到,Java和PHP都有各自擅長(zhǎng)的領(lǐng)域,但是.Net卻沒(méi)有突出的地方,從占有率來(lái)看情況十分尷尬.
我們?cè)賮?lái)看看技術(shù)方面,首先聲明,我對(duì)其中每種語(yǔ)言技術(shù)都不是很熟悉,只能大概分析一下...
先說(shuō)說(shuō)Java,在企業(yè)級(jí)方面,可以說(shuō)是絕對(duì)的老大,許多企業(yè)級(jí)技術(shù),開(kāi)發(fā)思想都是由Java發(fā)展出來(lái)的.缺點(diǎn)是Java開(kāi)發(fā)部署比較麻煩 ,不太適合超小型的項(xiàng)目.
再說(shuō).Net,在1.x時(shí)代,.Net可以說(shuō)基本上沒(méi)有多少企業(yè)級(jí)開(kāi)發(fā)的特性,到了3.0,微軟各種框架技術(shù)雖然彌補(bǔ)了這些不足,但是相對(duì)于Java世界,還是有一定距離. 在Web網(wǎng)站方面,.Net服務(wù)器控件的優(yōu)勢(shì),變成了弱勢(shì),由于服務(wù)器空間產(chǎn)生垃圾代碼,并且不方便美工調(diào)整,導(dǎo)致在前臺(tái)界面要求較高的門戶站點(diǎn)難以使用(雖然有第三方MVC框架,但是沒(méi)有IDE支持,體現(xiàn)不出.Net的優(yōu)勢(shì))
再說(shuō)說(shuō)PHP,他的定位非常明顯,就是Web開(kāi)發(fā),所以有很多適合Web開(kāi)發(fā)的特性,比如部署十分簡(jiǎn)單,幾個(gè)文件隨便找個(gè)虛擬主機(jī)扔上去就能運(yùn)行.在國(guó)內(nèi)因?yàn)镈iscuz , DedeCMS等著名產(chǎn)品的鼎立推廣,PHP在中小型網(wǎng)站開(kāi)發(fā)中有很大的優(yōu)勢(shì).,最近大量的開(kāi)源框架出現(xiàn),給PHP企業(yè)開(kāi)發(fā)注入了一些生命力,可以說(shuō)潛力十足.
綜合以上我們可以看到,.Net定位不太明確,微軟這個(gè)想吃那個(gè)也想吃,最后沒(méi)一個(gè)能吃飽吃好..
最后還想說(shuō)一下Ruby,其實(shí)應(yīng)該說(shuō)ROR,大家喜歡的應(yīng)該是ROR的特性,二Ruby是個(gè)怪怪的東西,如果沒(méi)有ROR框架,我想他也很難出名.因?yàn)镽OR本身構(gòu)架不是很復(fù)雜,眾多PHP框架可以說(shuō)都是模仿他的思想來(lái)的,而且也學(xué)得7 8成功力了,個(gè)人認(rèn)為ROR很難再做大起來(lái),可能是個(gè)曇花一現(xiàn)的東西,只是思想新潮大家都來(lái)趕時(shí)髦學(xué)兩下,學(xué)到了,大家又都覺(jué)得其實(shí)也就那樣,其他語(yǔ)言也能做到.
http://goku.spitv.net/
http://www.spitv.net/
http://www.sxin99.com/
TIOBE開(kāi)發(fā)語(yǔ)言排行榜參考資深開(kāi)發(fā)者、開(kāi)發(fā)供貨商等人建議的計(jì)算方式，從2002年開(kāi)始，每個(gè)月從常見(jiàn)搜索引擎中，計(jì)算出不同開(kāi)發(fā)語(yǔ)言的流行指數(shù)，并公布排行。
Java依然是第一位,不過(guò)從形式上看PHP很有前途,畢竟未來(lái)C/S應(yīng)用越來(lái)越少,PHP相對(duì)C和VB的優(yōu)勢(shì)明顯,有望成為第二位
下面是前20強(qiáng)：
http://www.spitv.net
http://goku.spitv.net
http://www.sxin99.com
剛聽(tīng)說(shuō)jQuery 1.2.4發(fā)布,才2天1.2.5又來(lái)了,估計(jì)是個(gè)bug修復(fù)版本
看了1.2.5的代碼,
真的改變了很多,看上去理性多了.
jQuery目前仍然是同類框架中的首選.
下載地址: http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.5.js
介紹一下我的網(wǎng)站:
精靈影視 http://goku.spitv.net http://www.sxin99.com
MyEclipse and MyEclipse Blue Edition have both released the initial milestones of the 6.5 product line.
Download M1 here!
Updates for the two products include the addition of Spring 2.5 capabilities, portel support, extensive improvements to the visual JSF/Facelets tool set, the addition of JAX-WS Web Services and more.
Additionally for Blue Edition users, MyEclipse now supports project migration from RAD.
剛才收到myeclipseide的郵件，說(shuō)發(fā)行了6.5，不過(guò)依然沒(méi)有struts2的支持
另外郵件提到Pulse 2，不知道是什么東西，誰(shuí)介紹一下
推薦網(wǎng)站：http://www.spitv.net
http://goku.spitv.net
http://www.sxin99.com