在野生為2010年3月12日

2010年3月12日在上午11時20分由Eric米拉利亞|在在野生 | 1條評論

這裡銳總部，我們正在走向下一個主要版本的銳銳3.1.0。 昨天， 我們分享了銳3裝載機工作亞當摩爾也做了3.1.0。 他的“銳2 3”項目可以讓你用的組件，如銳2 DataTable的簡單而有效地銳3。 與此同時，他的裝載機改進也意味著你可以把在銳3圖庫模塊如存儲建興相同的方便和效率。 3.1.0也將標誌著聯大釋放Satyen德賽的組件/部件基礎銳3。

我們還運行銳3圖庫比賽 ，獲勝者得到一個JSConf會議通過，並在Expedia.com 500美元，以幫助旅行。 你有兩個完整的週末離開黑客在限期前！

在此期間，有很多東西一直在社區 - 這裡有一些的東西我們最近指出：

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

銳2 3：即將在銳3.1.0，一個簡單的方法來使用銳2模塊

2010年3月11日在下午12點44分由Eric米拉利亞和亞當摩爾|在發展 | 4評論

使用銳2組件的背景下銳3實現重要的是使一些執行者之間進行轉換銳2和YUI 3。 在某些情況下，我們只希望我們的代碼，在過渡階段，但我們不想這樣做範圍內的銳 3實現模式。 在其他情況下，我們可能依靠高層次的組件，如銳DataTable中尚未出現在銳3。

隨著即將到來的一部分，3.1.0版本，亞當改善了使用體驗銳2部分從銳3。 為此，他增加了一些情報，以銳3的加載器，使您可以載入銳2模塊直接從您的YUI().use()語句： 

銳（）。使用（“yui2按鈕”，函數（Y）的（
	
	 / /雅虎並不是一個全局對象，它是沿著沙箱
	 / /與您的銳其餘 3功能。 此行
	 / /是必要的，如果你想使用現有的執行情況
         / /代碼：
	無功雅虎= Y.YUI2;
	
	 / /銳 2實現代碼
	 VAR的按鈕 =新YAHOO.widget.button（“mybutton”）;
	
 ））;

你會發現這個功能在銳 3程序代碼，作為 1933年建立，我們已經部署了一個實驗銳 3建設（名義上的“yui3.1.0pr2”）和早期版本的功能銳 2.8.0包裝，用於銳3。

當您下載銳3的最新的源從JavaEye技術網站你會發現一些工作的例子， sandbox/loader （尋找文件與2in3前綴）。 這些例子顯示了使用數字 YUI的2個模塊。 我們已張貼一個簡單的活生生的例子 ， 顯示了如何使用銳2 DataTable的內蕊3，這是一個最經常要求的過渡性特徵。

要點對銳 2 3努力：

  • 這項工作可在最新的基礎即將3.1.0版本（1933年建立和更高版本）。這是不可用3.0.0或3.1.0pr1預覽。
  • 該項目目前還處在試驗狀態。無論是yui3.1.0pr2建設，也不是包裝銳2的基礎，它從拉動了廣泛的測試，雖然我們已經舉辦他們就加幣，以方便探索實施。
  • 下載最新版本的例子。你會發現一些對亞當的證明了概念文件sandbox/loader -除了上述的簡單的例子，這些都是最好的代碼引用即日起至3.1.0正式發布（這是但大約 1個月內）。
  • 您的反饋在論壇中是受歡迎的 -並且，如果您發現問題，我們有興趣聽他們。
  • 當使用這種方式，由比2不創造一個全球YAHOO對象。蕊2組件包裹在銳3模塊定義，他們留載於銳三沙箱它們重視。 該生產線從codesample以上， var YAHOO = Y.YUI2;是必要的，以剪切和粘貼銳2型執行代碼-或者你可以改變YAHOO引用Y.YUI2
  • 銳2版本的支持回到2.2.2 -最新的錯誤修復版本為每個次要版本支持（2.2.2，2.3.1，2.4.1，2.5.2，2.6.0，2.7.0，2.8。 0）。 您可以指定銳2版本的use情況如下： YUI({yui2: '2.7.0'}).use('yui2-button', ...) 這裡的目標是讓您避免遷移到2.8.0（或更高版本）之前，一衣三遷移。

畫廊更容易使用，太

亞當的增強銳3的內在裝載機，提高了工作經驗，與迅速增長的銳3畫廊也。 截至3.1.0，您就可以將庫模塊到頁面的use()語句沒有額外配置-加載器將能夠確定和解決依賴關係，並會為你做正確的事情就組合清朝的畫廊源代碼與其他銳文件。 下面是一個例子DAV的玻璃放在一起為3.1.0，它演示了使用他YQL查詢畫廊模塊結合的預發行版本的3.1.0。

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

在銳3圖庫：馬特斯奈德的數模

2010年3月10日在下午五時四十五分由Matt斯奈德|在發展 ， 銳3圖庫 | 沒有評論

關於作者： 馬特斯奈德 馬特斯奈德是導致前端工程師Mint.com（現Intuit公司的一部分），他廣泛採用了銳在表示層。 他也是作者流行博客於JavaScript。 馬特貢獻了銳2存儲工具的衣 ， 是一個活躍的社區成員，你可以看到他的介紹 ， 從2009年的銳YUICONF劇場 。

本身，JavaScript有一個非常有限的職能與數位於全球數學對象。 這些職能主要是為與指數，三角，倒角。 雖然這些功能需要和有效率的數學空氣污染指數一直保持多年不變，而且可能將不會得到改善隨時在不久的將來。 因此，到開發商的JavaScript庫的建立和維持一個組件與數字。

該數字組成的銳3畫廊 ，來自工作，原本用於Mint.com，旨在填補失踪人數相關的功能。 它提供一個輕量級的一系列固定的工作職能與數字。 在數字部分的重量約 1.8kb後 minification之前gzip壓縮，它支持所有A級瀏覽器。

其中一個功能編號，我使用最多的就是format()函數，它注入了格式化的數字為字符串通過評估的佔位符的格式字符串中的數目。 （注：這是類似的格式支持Y.DataType.Number目前提供，但卷了單獨的配置物業Y.DataType.Number.format接收到一個單一的模式字符串格式化。）函數可與所有的符號，但它的格式，數字根據的英語水平。 這裡有一些例子，說明使用format()從單元測試： 

  VAR的ñ = 1111.11，
	 formatDollars =“$ 0,0.00'”/ /使用逗號和小數點在格式化
	 formatPercent =“0.00％”，/ /使用十進制在格式化
	 formatRound =“0000”，/ /使用逗號在格式化
	 formatText =“請加入$ 0,0.00我的標籤！”;

 Y.Assert.areEqual（“$ 1,111.11”，Y.Number.format（不適用，formatDollars））;
 Y.Assert.areEqual（“1111.11％”，Y.Number.format（不適用，formatPercent））;
 Y.Assert.areEqual（“1111”，Y.Number.format（不適用，formatRound））;
 Y.Assert.areEqual（“請加入$ 1,111.11我的卡！”，Y.Number.format（不適用，formatText））;

其它有用的功能包括：

  • random()提供了一種簡便的API獲得隨機整數;
  • isBetween() isNotBetween()簡化了評價的數目不等;
  • radian() degrees()當正與數學三角函數功能（如Math.cos()其中預計弧度，而不是學位，無論radian()和degrees()是有用的轉換值。

使用數字畫廊組成部分，首先包括腳本： 

  “腳本 
鋼骨混凝土=“http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js＆
 gallery-2010.02.22-22/build/gallery-number/gallery-number-min.js“”“/腳本”

然後，包括'gallery-number'在您的use()函數，以獲得下列功能： 

 銳（）。使用（畫廊號碼'，函數（Y）的（
	 y的數 =（
		度（數量），
		格式（數字，格式），
		 getPrecision（號碼），
		 isNotBetween（編號，數量，編號，布爾），
		 isBetween（編號，數量，編號，布爾），
		 isPrime（號碼），
		弧度（號碼），
		隨機（數字，數），
		 roundToPrecision（號碼，號碼）
	 ）;
 ））;

這些功能是模仿原生數學職能，如數學函數，職能Y.Number返回NaN ，如果提供的值不是一個數字。 如果你想做出貢獻或需要開發新的功能添加到號碼，請留言的論壇 。

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

銳劇場-道格拉斯克羅克福德：“克羅克福德於JavaScript -第四集：變形記Ajax的”（93分鐘）。

2010年3月9日12時40分由Eric米拉利亞|在衣劇場 | 6評論

道格拉斯克羅克福德提供了他的第四場演講，他克羅克福德於 JavaScript的系列講座在雅虎2010年3月3日。

上週，雅虎！ JavaScript的建築師道格拉斯克羅克福德發表了他的第四次安裝克羅克福德於JavaScript系列：

  1. 第一卷：早年生涯
  2. 第2章：後來又有人的JavaScript
  3. 第三幕：終極功能
  4. 第四集：變形記的Ajax
  5. 第五部分：最終萬物（3月31日- RSVP協議 ）

在這次會議上，道格拉斯意向處理的DOM。 一方面有JavaScript的，他說，和JavaScript是“什麼使瀏覽器的工作。”

另一方面，有文檔對象模型，也稱為深情地的DOM。 這是大多數人都憎恨當他們說他們不喜歡的JavaScript。 大多數人說，他們恨誰不知道的JavaScript JavaScript的，可能還從來沒見過 JavaScript，但他們已經感到了DOM沒有問題。 如果你不知道什麼區別在於，你說，“JavaScript是愚蠢的事情我見過的，”你不是說 JavaScript，您在談論的DOM。 DOM是瀏覽器的API。 這是接口。 它提供了用於操作的JavaScript文件。

DOM的可能是不完善的，但它仍然至關重要的前端工程師做什麼時，他們編寫的Web應用程序。 在這次談話中，道格拉斯提供了一個概述，坐落在歷史上，那裡的DOM從何而來，如何取得東漸與阿賈克斯，以及未來可能舉行。 在道格拉斯的獨特方式，這一歷史始於約翰爵士哈靈頓並帶領我們到現在一天。 有幾個選擇的話對 CSS是在眾多的掌聲線路，老開發人員：

我覺得在社區內的人誰使用的CSS偉大的感情了。 他們共投入CSS中，他們喜歡它。 他們不能想像任何其他方式做格式的文件。 這是它。 這有點像看一個小故事，其中的刑警警察進來，並打破了家庭的糾紛，而且有這種“CSS是不錯，你只是不明白，像我這樣做。 我知道，傷害我，但我犯了錯誤，我是錯的。“CSS是可怕的，它使我驚奇的人們也可以投資。 這就像當你的數字出來，種到“噢，好吧，我看看，我也許可以使它的工作”，那麼你翻轉討厭它從熱愛它，誰輕視任何人沒有經過你這首經過。 這是沒有道理給我。

如果視頻嵌入以下不正確顯示在您的RSS閱讀器的選擇，一定要通過點擊觀看高分辨率版本的視頻銳劇場 。

其他最近的銳劇院影片：

訂閱銳劇院：

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

銳3圖庫大賽2010 -贏一票 ， 以JSConf 2010

2010年3月5日在下午2點12由Eric米拉利亞和DAV玻璃|在發展 ， 銳3圖庫 | 6評論

我們很高興地宣布， 銳3圖庫大賽2010年 。 感謝我們的朋友在雅虎！ 開發網絡 ，我們有一個會議傳遞給滿座JSConf 2010年提供。 我們配對，與500美元的禮券，以Expedia.com幫助獲獎者獲得來回弗吉尼亞州的會議。

該獎項將的人，誰作者最好的新蕊3圖庫模塊三月五日至3月22日，並提交下使用社區YUI的BSD協議 。 如同任何比賽，有很多的規則。 我們注意到一些大的比賽頁面上 ，您可以閱讀完整的法律新手必看這裡 。

我們很高興與我們整個社會都做了2009年年底以來，使畫廊的溫床銳3增長和創新。 格雷格欣奇的表格模塊 （提交小時後廊開），瑞安格羅夫的優良存儲和歷史模塊， Ilyan佩伊切夫的黚流行手風琴 ， 朱利安孔特的SimpleMenu， 斯蒂芬伍茲Timepicker， 亞當摩爾的TreeView的 ， 傑夫克雷格的Chromahash，DAV的自身YQL模塊 ...和數十人。

我們希望您能考慮做一些銳 3黑客在未來幾週內添加到這個集合。 我們列出了一些資源在比賽頁面，並有一個論壇主題將與想法的新模塊 （請權衡在那裡，即使你不會成為編寫模塊自己的比賽）。 ，當然， 目前的畫廊是一個很好的靈感來源 。

黑客快樂，我們期待著看到一個由衣廊頂出作者對 JSConf下月！

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

一歲生日快樂，JSMag

2010年3月3日在下午7點27分由湯姆休斯-槎|在雜 | 3評論

湯姆休斯-槎是一個福音的雅虎！ 開發網絡 。

我們的朋友多在JSMag正在歡慶自己的第一個生日。 如果你沒有看過 JSMag它每月PDF格式雜誌，包括在炎熱的JavaScript新聞專題，並提供實用教程。

JSMag是免費贈送的問題從一年級。 只需登錄到您的JSMag帳戶並使用代碼'一年'來獲得免費的問題。

在選擇你的自由問題，您可能想尋找的文章中寫的創辦的雅虎JSMag前端工程師或即將銳在過去 12個月：

  • 2009年3月
    • 馬特亨利單元測試銳
  • 2009年4月
    • 你真正的性能分析您的JavaScript
  • 2009年6月
    • 你真正的構建腳本
  • 2009年7月
    • 斯托揚斯特凡諾的功能模式
  • 2009年8月
    • 喬恩勒布朗和瀏覽器的MVC的YQL
  • 2009年8月
    • 斯托揚斯特凡諾的功能模式
  • 2009年9月
    • 吉什蒂揚 Tiberg使用管理制度與銳
    • 斯托揚斯特凡諾更多功能模式
  • 2009年10月
    • 吉什蒂揚 Tiberg對行內編輯與銳
    • 斯托揚斯特凡諾更多的構造模式
  • 2009年11月
    • 你真正的關於加強 YQL與服務器端的JavaScript
    • 斯托揚斯特凡諾更多繼承模式
  • 2009年12月
    • 基督教Tiberg關於使用YUI2 DataTable和圖表組件
    • 斯托揚斯特凡諾更多重用模式
  • 2010年1月
    • 基督教Tiberg使用銳建立桌面小工具的Windows
    • 斯托揚斯特凡諾在沙箱模式
  • 2010年2月
    • 斯托揚斯特凡諾的私有成員模式
  • 2010年3月
    • 你真正符合概述了服務器端的JavaScript
    • 斯托揚斯特凡諾的阿諛奉承

生日快樂，JSMag！

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

在銳3圖庫：斯蒂芬伍茲TimePicker模塊

2010年3月3日上午7:30由Stephen伍茲|在衣3圖庫 | 3評論

斯蒂芬伍茲工程前端平台在Yahoo！ 並一直與銳3和技術相關的Yahoo！ 主頁在過去的一年。 你可以找到他在@ ysaw和stephenwoods.net

我進行了內部產品這裡雅虎！ ，要求用戶輸入時的一天，在特定的格式。 我決定，而不是強迫用戶輸入完全正確的格式會更容易，只不過是一種 UI部件的時間投入。 我一直喜歡jQuery的timepicker，它是一個簡單而快速的方式輸入時間，符合我的用例完美。 當然，我們正在使用銳3，所以我決定重新創建窗口小部件銳3。 （這是快速，簡單與銳3小工具的基礎。）我想這可能是對他人有益的工作衣，所以我決定給它的權利回饋社會，用於自己的項目。

使用選擇器應該是很簡單的你，如果你熟悉基本的銳 3。 （看到現場的版本在這裡）。

要使用選擇器在自己的項目包括腳本： 

	 “腳本類型 =”文本/ JavaScript的“鋼骨混凝土=”http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js&gallery-2010.02.25-22/build/gallery-timepicker/畫廊 timepicker - min.js“”“/腳本”

然後實例化並呈現部件： 

銳（）。使用（畫廊，timepicker'，函數（Y）的（
	 / /傳遞一個配置反對 timepicker
        VAR的選擇器=新Y.Saw.Timepicker（
            （
			    / /一個元素，其中包含了timepicker
                contentBox：'div.foo'， 

			    /初始時間
               時間：（
                   時間：0， 
                   分：0
                ）， 
               字符串：（
                   我：'我'， 
                   下午：'日'， 
                   分隔符：'：'
                ）， 
               延遲：5 / /延遲，然後選擇框鼠標懸停
            ）
        ）;
       picker.render（）;
 ））;

像所有YUI 3小部件的timepicker構造函數配置對象來控制初始顯示的部件。 操縱部件，然後通過做部件的方法render ， hide和show 。 該render方法是實際創建DOM元素。 hide和show簡單地添加和刪除類yui-timepicker-hidden的元素的邊界框。 這個類（和額外 CSS類的部件）必須實施的部件正常的行為。 為了簡單起見，這裡是我的風格上使用運行的例子： 

	 / *銳復位承擔 * /
	 。蕊timepicker（
        顯示：塊;
        保證金：5px;
        左：0;
        位置：親屬;
        背景：透明;
     ）

     / *標準的部件，在這種情況下，只是把隱藏的一次性屏幕* /
     。蕊timepicker隱藏（
        左：- 9999em;
        位置：絕對的;
     ）

     。蕊timepicker（
        顏色：＃000;
        字體家庭：宋體;
        文本對齊：左;
     ）

 / *在選擇器實際上是兩個有序列表* /
     。蕊timepicker醇（
        顯示：塊;
        位置：親屬;
        左：0;
         。左：5px;
        保證金：0px;
        填充：0px;
        身高：24px;
        文本對齊：左;
         - WebKit的過渡：左0.1仛易用性的;
     ）

     。蕊timepicker李（
        列表樣式：無;
        顯示：塊;
        浮動：左;
        位置：親屬;
        左：0;
        溢出：隱藏;
        寬度：19px;
        填充：1px;
        保證金：0 2px 0 0;
        邊框：1px固體＃999;
        文本對齊：中心;
     ）

     。蕊timepicker李（
         -莫茲邊界半徑：2px;
         - WebKit的邊界半徑：2px;
     ）

	 / *突出的特定時間 * /
     。蕊timepicker li.yui - timepicker積極（
        背景：＃000;
        顏色：＃000;
         -莫茲盒陰影：2px 2px 2px＃CCC認證;
         - WebKit的盒陰影：2px 2px 2px＃CCC認證;
     ）

我使用的WebKit的動畫只是作風為您的項目，自定義這些樣式，您看合適。 在大多數情況下你要隱藏選取器開始。 調用hide方法只是增加了yui-timepicker-hidden式的部件的邊界框。 我添加了一個單擊處理我的包裝元素，使一點擊元素與身份證time將導致部件出現/消失： 

	  picker.hide（）;
      Y.get（'＃主'）。對（'點擊'，功能（五）（
          VAR的目標 = e.target;
         如果（target.test（'＃時間'））（
              picker.toggle（）;
          ）
      ））;

為了使選擇器實際上是有益的，我會聽

timeset

事件，它返回一個對象，選定的信息時，我將使用“s24hour”成員對象傳遞給處理程序。 這是一個字符串表示的時間在24小時格式。 （也可以是hour ， minute ampm和s12hour 

	 picker.subscribe（'timeset'，功能（五）（ 
         / / timeset是一個自定義事件觸發時，設定時間是* *
         / /使用這個，而不是timeChange
         Y.get（'＃時間'）。設置（'值'，e.s24hour）;
     ））;
    
 / /添加一個處理程序的“單元格中單擊”隱藏選取器時，用戶點擊一個單元格
     picker.subscribe（'cellclick'，功能（五）（
        this.hide（）; 
     ），選取器）;

就這麼簡單！ 享受。

尋找對話：bloglines | Technorati的

分享和擴展： 書籤與Yahoo！ 我的網頁 | 書籤與del.icio.us | digg它！| reddit！

下一頁»
主辦由Yahoo！

版權所有 © 2006-2010雅虎！ 公司保留所有權利。 隱私政策 - 服務條款

本站由WordPress的關於雅虎！ 虛擬主機 。