Yahoo!用戶界面博客（YUIBlog）

克羅克福德的JavaScript：在雅虎的公開講座系列

道格拉斯克羅克福德自2007年以來，已開發並提供對JavaScript編程語言的系列講座。 這些講座中有許多已被記錄和YUI劇院視頻系列的一部分。 道格拉斯已交付許多在世界各地的會議會談。

在2010年的頭幾個月中，道格拉斯將提供全系列“克羅克福德的JavaScript”與作為有權事件的一部分更新內容的JavaScript會談。 本次活動將在雅虎總部設在加利福尼亞州桑尼維爾，在一月，二月，三月舉行了五個晚上。 出席是免費的，但座位是有限的-一個完整的計劃，包括RSVP的鏈接上活動網站 。

為感謝YUI的工程師艾倫拉比諾維奇海報設計 。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

iPhone的設計模式庫中模具

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

雅虎體育隊的職位空缺

雅虎體育已達到每月36萬獨立訪問者，並佔據了網上體育和幻想體育產業的全球。 該網站的成功秘訣：高品質的內容，通過豐富，符合標準的接口。

在Y！ 體育的經驗，這樣搞，用戶超過2億個網頁 - 更比福克斯，SI和CBS體育相結​​合每月查看！ 為了滿足如此高的要求，y！ 體育停留平台，如利用互聯網技術的最前沿銳 。

如果你認為自己是一個狂熱的YUI的用戶，那種可以看組件的引擎蓋下，開始加入質量功能，你自己的方式來加入他們的團隊。

您的簡歷，包括產品組合的網址，電郵敏達，租用/ /雅虎/破折號/ INC /點/ COM（校長;沒有招聘，請）或找出更多有關立場 。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

YUI的劇院-約翰Resig的：“測試，性能分析和jQuery 1.4”

約翰Resig的 （ @ jeresig ），Mozilla 的創作者的流行的jQuery JavaScript庫，停止為BayJax Meetup網站，雅虎上週五發表由三部分組成的技術講座， “測試，性能分析和jQuery 1.4” 。

約翰在演講的第一部分，回顧了一系列的工具，單元測試和分析代碼性能的前端工程師。 在後一種情況，他認為要超越純速度為基礎的基準性能結構分析。 通過在結構，jQuery團隊能夠識別和糾正的瓶頸，導致在即將到來的1.4版本的主要性能改進。

約翰的談話（49:20開始）在視頻的第二部分，回顧那些jQuery的1.4變化。 第三部分在短期內（1時03分15秒開始），他看一些有趣的趨勢，他在實際應用中的新發現的HTML 5元素-尤其是在舊的瀏覽器。

如果下面嵌入視頻不會出現在你的RSS讀者選擇正確，請務必通過點擊觀看視頻銳劇院的高分辨率版本 。

• 下載視頻（M4V）
• 下載幻燈片
• YUI劇院網站上提供高分辨率，這次談話的轉錄版本

其他最近的銳劇院視頻：

• 盧克·史密斯：事件演進 -銳工程師盧克·史密斯提供了一個深入的介紹了YUI 3事件系統，包括支持DOM事件，事件的代表團，合成的事件，自定義事件。
• 托德Kloots：銳3糖 - YUI的工程師托德Kloots 3的銳強大的工具套件提供了一個不可或缺的引進。
• 道格拉斯克羅克福德：國家和JavaScript的未來 -雅虎JavaScript的建築師道格拉斯·克羅克福德討論最近ECMA5發展過程中，努力提高在未來的語言。
• 布倫丹·艾希：ECMA的和諧和JavaScript的未來 ，世界上最流行 ​​的編程語言的創造者-布倫丹·艾希，在ES4的提案的鬥爭，以及如何進行談判，導致在具體的建議，為ES5。

訂閱銳戲劇：

• YUI的劇場RSS訂閱
• YUI的劇院在iTunes

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

YUI的2.7.0上InsideLine.com

在茲 （ Edmunds.com ）這裡我們剛剛推出了重新設計內部線（InsideLine.com） ，我們的汽車愛好者的網站，我們廣泛使用的是YUI JavaScript庫 。

一些YUI的公用事業及內部線路上使用的部件：

• 雅虎/ DOM /事件
• 動畫實用
• 連接管理
• ImageLoader
• JSON的
• 選擇
• 傳送帶
• TabView

我們（前端小組）開始使用YUI 2.7.0 JavaScript核心，我們自己的JavaScript用戶界面庫，並建立在它上面封裝站點特定的組件和功能。 我們的圖書館YUI的核心事業，包括DOM ， 事件 ， 連接管理和動畫的優勢。

我們廣泛使用DOM和事件處理DOM交互，事件監聽器和自定義事件處理。 YUI連接管理器處理所有的Ajax實現，包括我們自定義的搜索部件。 我們還利用內部線路的YUI部件，包括TabView和傳送帶 ，自定義皮膚。 銳ImageLoader幫助我們提高頁面性能和滿足我們嚴格的性能要求。

我們選擇了銳由於其巨大的文件，徹底的測試，其產品的範圍和深度。 庫是很容易學習，理解和執行。 該系統的模塊化以及適合在與我們的設計原則，API和自定義事件，使得它極可擴展性和易於集成。

一些亮點

多媒體射燈從InsideLine.com （tabview，傳送帶） ：

圖像和視頻畫廊 （核心，JSON和傳送帶）：

Ajax的搜索部件 （DOM，事件，連接管理器）：

你有沒有一個YUI Imlementation你想上YUIBlog分享 退房貢獻我們的力量指引 -我們很想聽到你的。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

在YUI的測試3.0.0最新

一個新版本的YUI的測試，伴隨著釋放銳3.0.0 。 YUI的3.0.0測試是更不僅僅是一個2.x的兼容版本的YUI的測試端口，但是，引進了一些新功能。 這些來作為我與那些已經在使用的工具的開發要求和談話的結果。

促進事件仿真

事件模擬最初是通過YUI的測試2.X版本YAHOO.util.UserAction對象。 事實證明，開發商真的很喜歡這個功能的測試環境之外，並為它找到用途。 作為一個結果，事件模擬工具，已晉升為銳3.0.0事件實用的一流成員，在一個單一的方法訪問， Y.Event.simulate() 可以傳遞事件模擬組件包括"event-simulate" YUI().use()到YUI().use() ：

 銳（）（“事件模擬”功能（Y）{
     Y.Event.simulate（＃“節點”，“點擊” 
                      {clientX，clientY 25：30}）;
 }）; 

Mock對象

銳銳3.0.0測試引入了一個新的功能：創建模擬對象。 Mock對象是有用的隔離依賴你的單元測試。 在複雜的軟件系統中，經常有任何依賴彼此的件數。 問題就成為孤立系統的哪一部分沒有出問題的時候。

例如，假設你有一個方法叫做logToServer()是創建一個XMLHttpRequest對象發送一個消息給服務器。 如果您的測試，包括在實際測試的功能，企圖XHR對象，你有兩個主要的依賴關係：XHR對象本身和服務器。 如果這些依賴要么失敗，那麼你的測試失敗，即使它不是你的代碼，在故障。 通過一個模擬的XHR對象，你可以在隔離測試的代碼，並保證它的工作。 例如：

  / /創建一個新的模擬對象
 mockXhr = Y.Mock（）; 

 / /我期望與給定的參數調用open（）方法 
 Y.Mock.expect（mockXhr，{ 
    方法：“開放”， 
    參數：[/ log.php味精=您好“，”GET“，真正的]                             
 }）; 
 
 / /我期望的send（）方法被稱為給定的參數 
 Y.Mock.expect（mockXhr，{ 
    方法：“發送”， 
    參數：[空]                             
 }）; 
 
 / /調用函數 
 logToServer（“您好”，mockXhr）; 
 
 / /驗證的期望得到滿足 
 Y.Mock.verify（mockXhr）; 

這個例子創建了一個模擬的XHR對象定期XHR對象的地方使用。 一旦所有的操作已經完成，代碼驗證預期的方法，被稱為。 YUI的測試模擬對象API是故意最小的是明確的和有益的盡可能。 要了解YUI的測試模擬對象的更多信息，請參閱文檔 。

友好測試名稱

YUI的測試最初使用的xUnit測試方法，風格，即每個測試方法的名稱必須開始test 。 銳為3.0.0測試更進一步，讓您可以指定額外的風格的xUnit名友好的測試名稱。 友好的名稱是比什麼都重要的句子，唯一的限制是，名稱中包含至少一個空格和“應當”一詞。 例如：

  VAR的TestCase =新Y.Test.Case（{ 
     
    名稱：“TestCase的名稱”， 
    
     / /的xUnit風格測試名稱
     testSomeFunction：函數（）{
    
     }，
    
     / /友好測試的名稱
     “有些事情應該發生在這裡”：函數（）{ 
         ... 
     } 
 }）; 

友好的測試名稱允許您描述在一個更可讀的方式進行測試的功能。 如寫一個短語“方法應該返回4時，通過2和2”，並顯示測試結果，使得它更容易解釋測試結果和必須解決什麼。

接下來是什麼？

YUI測試繼續發展和壯大，從開發商收到反饋。 目前在工程有幾個特點：

• 更多的測試結果的格式，如JUnit XML和TAP。
• 代碼覆蓋率的收集和報告。
• 使用Selenium測試自動化。

如果您有想法或意見，我們很樂意聽到你的YUILibrary.com ，在那裡你可以提出功能要求，或開始在討論論壇 。 有了您的幫助，YUI的測試可以繼續發展，以滿足千變萬化的Web開發社區的需求。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

實施重點：格局透視

關於模式透視

模式Insight提供了強大的解決方案，索引，搜索和分析半結構化數據。 由“半結構化”是指任何類型的系統數據 - 代碼，日誌，腳本，更多。

目前我們有兩個主要的軟件套件：“日誌透視”，“守則洞察”

分析源代碼，代碼Insight提供了幾個獨特的功能。 其核心是快如閃電的模糊片段搜索數十億行代碼的規模。 片段搜索，您可以將其粘貼在一個代碼片段，並在整個代碼庫中找到類似的片段，甚至容忍變量的名稱變更或行插入/缺失。 內置這種模糊搜索功能上是補丁礦工，定位需要修復的錯誤代碼的應用。 您可以輸入一個錯誤修復和補丁礦工會發現，bug修復，應適用於所有其他的地方。 最後，我們有礦工模式，複製粘貼和複製探測器。 模式礦工可以幫助你重構你的代碼庫自動尋找重複的代碼，即使變量的名稱已更改。 它也可以檢測在不同的代碼庫的IP洩漏;例如，如果你使用開源和專有代碼，並要防止它們之間的流動的代碼。

日誌Insight是我們的下一代的日誌搜索和分析產品。 登錄洞察可以索引TB的系統數據和提供亞秒級的複雜的搜索查詢的性能。 此外，它能夠掃描即時匹配的新的或歸檔的數據，可以用來創造持久的簽名。 日誌的Insight也可以自動提取常見的模式（如為失敗），然後就可以簽名編纂模式透視引擎。

對用戶界面的重要性

我們認識到，擁有巨大的底層技術是不夠的，以創造一個成功的產品。 一個良好的用戶界面是必不可少的，如果我們希望用戶能夠看到我們的技術的價值，並充分利用它。 因此，為我們的用戶界面的要求，推動多我們的後端技術的發展。

作為一個例子，像補丁礦工的產品是嚴重依賴UI塑造。 補丁礦工的最高水平，是一個相當抽象的概念：“找到所有需要在我的代碼庫中應用的地方是一個錯誤修復。”談及到一個具體的UI提供了不少獨特的設計挑戰。 例如，究竟什麼是“錯誤修復”，用戶輸入它的最好辦法是什麼？ 一旦補丁礦工別的地方發現了一個bug，什麼是最好的結果呈現給用戶的方式？ 解決這些用戶體驗問題提供了路線圖的的核心補丁礦工應用的發展。

使用銳在格局透視

代碼洞察以及洞察日誌的用戶界面是完全基於網絡的，我們使用YUI巨資，以改善用戶體驗。 當我們最初試圖決定使用JS框架，有出售銳我們兩件事：廣泛的文件和各種現成的組件和部件。 我們結束了幾乎所有的人使用： 動畫 ， 自動完成 ， 按鈕 ， 日曆 ， 連接管理器 ， 容器 ， 餅乾 ， 數據源 ， 歷史 ， JSON ， 滑塊 ， tabview ， 樹視圖 ， 裝載機 ， 記錄 ， 測試 ，和CSS基地 / 重置 / 字體 / 格 。

高性能保持了豐富的應用

我們的主要策略，在保持我們的豐富的應用高性能，一直以開發我們自己的Web服務API，我們使用按需盡可能將數據加載。 內置支持像YUI的TreeView的部件按需加載中取得了這麼多對我們來說更容易。 我們還作出決定，停止支持IE 6中。 這使我們能夠使用更為複雜的JavaScript，現代的瀏覽器可以處理，但IE 6不能。

最有趣的YUI的實現特點

我們已經開發了相當多的幾個我們自己的自定義部件，包括過濾功能，並自動調整文本框的增大和收縮根據用戶輸入的多選列表。 像自動調整大小的東西似乎很小，但我覺得像這樣的小事情往往是痛苦與歡樂之間的差異，在使用接口時，大多數用戶會同意。

此外，純粹從發展的角度，我們使用YUI的裝載機，使得它很容易迅速寫新頁。 在我們想要的任何給定頁面上，無論是標準YUI的部件或我們自己，我們可以毫不費力地下降。 從本質上講，在每一頁的頂部，我們只需要調用我們自己的“loadModules”功能，並給它的組件列表中，我們要使用，再加上一個回調函數：

  YAHOO.PI.loadModules（['TreeView的'，'PI.SelectableList'，函數（）{... 

我們仍在使用YUI ，但這種工作方式類似於新YUI().use功能在銳3 。

下一步是什麼？

目前，我們正在努力工作，我們的下一個主要版本，這將拿出一些令人印象深刻的改進補丁礦工代碼洞察1.6。 我們也正在積極開發的日誌透視下一個版本，其中將包括一個全新的，高度複雜的UI。 其中的新功能是基於網絡的簽名編輯器，一個活的語法高亮，自動完成，錯誤檢查。

如果你有興趣學習更多關於我們的，你可以閱讀有關我們的產品，並檢查出一些影片在我們的網站： http://www.patterninsight.com 。 另外，覺得免費電子郵件在info@patterninsight.com我們。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！