jQuery太常用了,甚至於可以不需要再討論了,但是ㄚ琪今天回到jQuery官方網站,發現它的下載方式有很多新的說明,讓ㄚ琪有一點兒想要翻譯出來讓大家知道,jQuery又有什麼新訊息。
關於程式碼
程式碼本身寫得相當乾淨,並試著自我說明文件,如果你已經發現一些程式碼有可以改善的地方,請隨時到Development mailing list討論,所有的投入都很樂意感激!
所有的程式碼以兩種方式使用:
- 壓縮的(讓你可以有較小的檔案容量)以及
- 未壓縮的(好偵測以及容易瞭解其神奇的原因)。
如果你有興趣下載jQuery貢獻者開發的外掛,請拜訪外掛這一頁。
jQuery是根據以下的MIT和GPL許可來提供。
CDN Hosted jQuery
一些大型企業在現有的CDN網路上提供jQuery主機託管的備份供大眾使用,底下jQuery的CDN-主機託管備份連結是熱門的:
- Google Ajax API CDN (也支援透過HTTPS的SSL)
- Microsoft CDN (也支援透過HTTPS的SSL)
- jQuery CDN (透過 Media Temple)
註:ㄚ琪就是喜歡CDN託管的方式,可以稍微減輕網站的載入,雖然應該很早就有了,但還是ㄚ琪第一次注意到這件事,所以值得翻譯分享。
下載jQuery
這是你應用程式建議使用的jQuery版本,這裡的程式碼是穩定的而且可以在所有現代的瀏覽器使用。
簡化的版本,比被包裝的版本檔案容量還大(注意:被包裝的版本不使用在現行的版本中),通常是使用在產品佈署時最好的版本,被包裝的版本需要不少的客戶端處理時間來解壓縮程式碼而簡化的板本不需要,jQuery的包裝版本的下載時間不會比簡化版本或是未壓縮的版本多;然而,每次函式庫載入時(第一次使用或是瀏覽器暫存的使用)它都需要解壓縮而這會造成任何jQuery程式碼每一次執行時的載入需要不少的延遲。
現行的版本
過去的版本
- 1.7 (Release Notes)
Minified, Uncompressed - 1.6.4 (Release Notes)
Minified, Uncompressed - 1.6.3 (Release Notes)
Minified, Uncompressed - 1.6.2 (Release Notes)
Minified, Uncompressed - 1.6.1 (Release Notes)
Minified, Uncompressed - 1.6 (Release Notes)
Minified, Uncompressed - 1.5.2 (Release Notes)
Minified, Uncompressed - 1.5.1 (Release Notes)
Minified, Uncompressed
Documentation: Changelog - 1.5 (Release Notes)
Minified, Uncompressed
Documentation: Changelog - 1.4.4 (Release Notes)
Minified, Uncompressed
Documentation: Changelog - 1.4.3 (Release Notes)
Minified, Uncompressed
Documentation: Changelog - 1.4.2 (Release Notes)
Minified, Uncompressed
Documentation: Changelog - 1.4.1 (Release Notes)
Minified, Uncompressed
Documentation: Changelog, Visual Studio - 1.4 (Release Notes)
Minified, Uncompressed
Google’s AJAX Library API/CDN: Minified
Documentation: Changelog - 1.3.2 (Release Notes)
Minified, Uncompressed
Google’s AJAX Library API/CDN: Minified
Documentation: Visual Studio - 1.3.1 (Release Notes)
Minified, Uncompressed
Documentation: Visual Studio - 1.3 (Release Notes)
Minified, Uncompressed
Documentation: Changelog, Visual Studio - 1.2.6 (Release Notes)
Minified, Packed, Uncompressed
Documentation: Visual Studio - 1.2.5 (Release Notes)
Minified, Packed, Uncompressed - 1.2.4 (Release Notes)
Minified, Packed, Uncompressed - 1.2.3 (Release Notes)
Minified, Packed, Uncompressed - 1.2.2 (Release Notes)
Minified, Packed, Uncompressed - 1.2.1 (Release Notes)
Minified, Packed, Uncompressed - 1.2 (Release Notes)
Minified, Packed, Uncompressed - 1.1.4
Compressed, Uncompressed - 1.1.3.1
Compressed, Uncompressed - 1.1.3
Compressed, Uncompressed - 1.1.2
Compressed, Uncompressed - 1.1.1
Compressed, Uncompressed - 1.1
Compressed, Uncompressed - 1.0.4
Compressed, Uncompressed - 1.0.3
Compressed, Uncompressed - 1.0.2
Compressed, Uncompressed - 1.0.1
Compressed, Uncompressed - 1.0
Compressed
jQuery Git – 一種未完成作品即時的建置測試
這種未完成作品的建置(也叫做jQuery Git)是從jQuery Git repositoryi每分鐘產生一次的,它提供給想要幫助測試下個版本jQuery的人一個方便。
當要報告jQuery未完成品建置問題時,請確認你有包含日期的截圖產生(要列在檔案的前面)。
不建議從CDN連結到WIP建置目錄,因為檔案一直在更新,而且在新的提交到檔案庫時會每分鐘改變。
警告:不要使用jQuery Git在產品系統或現場應用中!它沒有測試過,也不穩定,它可能會意外地炸毀你,你已經被警告了!假如有疑問,請停止並使用現行版本。
- jquery-git.js – Uncompressed, work-in-progress build
從Git來建置
注意:下面是相當先進的,假如你只想使用較新版本的jQuery,請試試未完成品建置。
所有原始碼保存在Git版本控制下,你可以線上瀏覽,假如你只想下載一部分的jQuery程式碼,每個檔案或目錄都有下載連結可以使用。
假如你可以存取Git,你可以連線到這裡的檔案庫:
git clone git://github.com/jquery/jquery.git
你也可以從GitHub檢查出一個特定的jQuery版本在:
git clone git://github.com/jquery/jquery.git git checkout <version> e.g. git checkout 1.2.6
假如你想從Git檔案庫建構你自己的jQuery備份,你會需要建構它。
注意:jQuery UI程式碼在它自己的Git檔案庫中:
git clone git://github.com/jquery/jquery-ui.git
※想瞭解git如何使用嗎?請參閱讀版本控制使用git
建置需求
jQuery目前需要下列的部份來安裝:
- 一個建置系統(不是
make就是ant):- make: 在很多的Unix-基礎的系統上有(Unix, BSD, OSX, Cygwin)
- ant: 在任何有JDK跟ANT安裝的平台上都會有
- java: Java的拷貝,1.6.0或以上的版本(需要來建構jQuery簡化版本)。
建置程序
現在你會需要使用前面你選擇的建置系統 – 不是make就是ant。
假如你是使用:
- 要建構jQuery:
make- 這樣會產生jquery.js以及jquery.min.js在dist目錄中
假如你是使用ant:
- 要建構jQuery:
ant- 這樣會產生jquery.js以及jquery.min.js在dist目錄中
看來jQuery越來越強壯了,竟然要用到make或ant來建置,佩服!
















2011〔較新〕在Blogger文章加上Facebook留言功能
2011-10-27,Last modified: 2012-03-14Please wait真的要感謝carol@tnn的求救了,ㄚ琪這次再回去看Facebook跟Blogger的配合,只能說Google跟Facebook是死對頭,又常常不斷地更新程式版本,可憐的就是我們這些小民了,哭著叫dad哭著叫mum都沒用跟你說。
這次ㄚ琪再度前往carol@tnn,她所使用的這段程式碼:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=XXXXXXXXXXXX”;//Facebook 的appid
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
ㄚ琪循線到Core Concepts › Social Plugins › Comments
沒想到Facebook已經開始支援HTML5了,但是不知你有沒發現到Blogger的Template也是有支援HTML5的喔,可是如果你照著指示把第一段的程式碼貼到<body>的標籤後,靠,Blogger給你報錯說,試了好久,改了好幾次的格式,它都水土不服,放棄了,改試試XFBML看看。
哇咧,更多段了,但是第一段好像沒差,試試看,也是沒屁用,看來真的龍虎對抗,很多東西都事水土不服的,好吧,打開Fun Taiwan的Template檔用以前的程式碼吧。
這一次套用這樣的程式碼:
<div id=’fb-root’/><script src=’http://connect.facebook.net/zh_TW/all.js#appId=XXXXXXXXX&xfbml=1′/>
XXXXXXX是指你的Facebook建立的appid,Yes,可以用。
接下來試試
<fb:comments expr:xid=”data:post.id” num_posts=”3″ width=”500″></fb:comments>
也是可以用,但是回到文章的頁面,ㄚ琪試著留言,錯。
就像碰到(用蠶豆、豌豆或小扁豆製成)帶辣味的印度菜ㄚ琪看了就水土不服啊。
也是報錯,無法留言,後來只好google一下,看到有人使用expr:href=’data:post.url’這樣的參數,ㄚ琪試著套進去看,果真可以,看來expr:xid=”data:post.id”這樣的變數無法使用,可是這是很詭異的在Fun Taiwan可以用,哈哈!
好了,所以從今天開始,ㄚ琪要暫時宣佈一下:
1.不要再用Facebook的Comments 外掛元件程式碼了,因為目前水土不服
2.在<body>標籤後直接用,
<div id=’fb-root’/><script src=’http://connect.facebook.net/zh_TW/all.js#appId=XXXXXXXX&xfbml=1′/>
3.找到你喜歡放的位置,像是<data:post.body/>,在之後放
<fb:comments expr:href=’data:post.url’ num_posts=’3′ width=’500′/>
這樣應該很簡單了吧,至於
2011〔新〕在Blogger文章加上Facebook留言功能
跟
2011〔更新〕在Blogger文章加上Facebook留言功能
現在看起來好像是屁話了,你服用可能會有錯誤,ㄚ琪可就不管了,以上,報告完畢。
Tags: Blogger, comment, facebook, Google, widget, 留言
Posted in JavaScript | No Comments »