2010年我的技術存檔整理

以前上班的時候，碰見好的東西，不知道往哪裡存，反正就是覺得以後用的找，所有到處亂存，而且是存了後很少去看，應為不知在哪啊。用我一師兄的話就不會知識管理。

看了他一篇關于知識管理的文章很有想法。今天先吧把我以前qq微網誌（http://t.qq.com/kongxiantao）上的一些整理一下，基本上全是關于JavaScript的。

1.關于淘寶kissy的，這裡有不少的内容

官方的doc位址：http://docs.kissyui.com/kissy/docs/

• kissy的github位址：https://github.com/kissyteam
• kissyTeam的github位址：https://github.com/kissyteam
• kissy開發規範位址：http://docs.kissyui.com/docs/html/styleguide/
• kissy元件開發流程位址：http://docs.kissyui.com/docs/html/workflow/
• kissy-tools：https://github.com/kissyteam/kissy-tools#readme
• kissy的官方blog：http://kissyui.com/blog/
• kissy講解：http://www.36ria.com/site-search?q=kissy&ie=UTF-8

這些可都是好東西啊，繼續精讀，研讀。

kissy作者的blog位址：http://lifesinger.wordpress.com/，是個牛人啊，他的每一篇blog都是精品，而且blog更新很快，在這裡學了不少的東西啊

2.YSlow使用指南

http://www.yslow.net/show.php?tid=123，很好的工具，呵呵，現在一直在用

3.關于前端JS、css壓縮

• http://js.clicki.cc/
• http://www.huobi3jia.com/htm/fuckjs.htm

這兩個網站壓縮後的JS和CSS比JSMIn，YUI compressor壓縮後等都小不少那。不過要是壓縮的很多js、css，而且還有檔案夾嵌套，這兩個的網站就有點不好用了，

我們公司是專門寫了一個程式去請求它來做的。不過，我個人的觀點是：應該采用YUI compressor，理由是：

• 是有YUI推出的，大的團對都在用這個（如淘寶），品質上有保障
• 而這兩個網站所采用的壓縮，我估計也是在類似于yui compressor這樣的基礎上優化的，這個有機會在深入研究一下，至于有多少團隊在用，再是不清楚。
• 不管用這幾個那個工具壓縮後，再用GZIP在做壓縮，相差很少。
• 其它的壓縮，沒有深入的研究過，像JSMin，沒有發言權

4.IE調試

可能是firebug使用習慣了，在IE調試其他的工具也沒有折騰過，不過發現也有IE想的firebug，不過沒有ff中的好用，但基本能解決問題，隻需要在代碼中拷貝如下代碼，

IE中的Firebug酒出來了

<script type=”text/javascript” src=”http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js”></script>

5.JET

官網位址：http://code.google.com/p/j-et/（在這上面折騰過一陣，這個源碼容易了解，又有中文注釋，有機會的在讀一遍）

6.JavaScript的相關網站論壇

• http://www.zenjs.com/news/
• http://www.qoocu.com/  （關注騰訊的最新動态，就是從這裡知道JET的）
• http://www.ecmascript.org/（EMCAScript官網）
• http://www.slideshare.net/（淘寶的好多ppt都在這個上面放着那）
• http://www.open-lib.com/（UI前端資源網站）
• http://www.d2forum.org/ （D2技術論壇）
• http://www.css-js.com/（web前端開發論壇）
• http://ued.taobao.com/（淘寶UDE）
• http://designlol.net/（全球設計精華分享）
• http://www.cooliris.com/（很酷的一個網站，尤其是看圖檔，就一個字，帥）
• http://www.cainiao8.com/web/js_note/js_regular_expression.html（JavaScript正規表達式）
• http://www.w3ctech.com/（web标準交流會）
• http://docs.kissyui.com/docs/html/styleguide/google/javascriptguide.xml（google JavaScript編碼規範指南）
• http://tangram.baidu.com/tangram/（百度的tangram的架構）
• https://github.com/jquery/jquery（jquery代碼庫位址）
• http://codylindley.com/jqueryselectors/（jquery selectors 線上測試）

7.不錯的文章

• 9個優秀的基于 JavaScript 與 CSS 的 Web 圖表架構：http://www.cnblogs.com/wqj0405/archive/2010/10/19/1855575.html
• 用jquery做的桌面：http://desktop.sonspring.com/
• 很酷的一個網站，很強悍的網站啊,檢測JS 架構沖突：http://mankz.com/code/GlobalCheck.htm
• 前端常用的調試工具：http://www.slideshare.net/taobaoued/ss-3583978
• 雅虎的34條軍規-網站優化：http://www.slideshare.net/leneli/after-yahoo-34-rules-5088505
• Xvfb+YSlow+ShowSlow搭建前端性能測試架構：http://ued.taobao.com/blog/2010/07/07/xvfb_yslow_showslow-2/（一直說試一試，知道現在也沒有做）
• JET介紹：http://kinvix.kdv.cn/blog/?p=53
• 22個FF插件：http://hi.baidu.com/freezesoul/blog/item/dc7dea24b453fd0b4d088d46.html
• 2010網頁設計趨勢：http://blog.sina.com.cn/s/blog_449c8d500100ngj0.html
• 50個DEMO展示html5的魅力：http://www.cnblogs.com/zhuqil/archive/2010/10/26/1861773.html
• 26個不錯的jquery幻燈片插件：http://kedou.net/blog/4565.html
• 30個web網站設計：http://designlol.net/archives/2418
• Firefox插件中黑客工具級的Web開發工具：http://kinvix.kdv.cn/blog/?cat=11
• 使用Fiddler提高前端工作效率：http://www.aliued.cn/?p=2581
• 履歷中的互動設計：http://fed.renren.com/2009/10/83#more-83
• 開心網（kaixin.com）網站前端技術分析：http://www.yixiaoer.com/?p=1066
• 解決IE6、IE7、IE8、Firefox相容的幾種方案：http://www.yixiaoer.com/?p=1048
• 微軟等公司資料結構+算法面試100題：http://blog.csdn.net/v_JULY_v/archive/2010/11/17/6015165.aspx
• JS Test Driver ：http://code.google.com/p/js-test-driver/
• 前端優化方向：http://www.slideshare.net/nzakas/high-performance-javascript-webdirections-usa-2010
• 前端要給力之：代碼可以有多爛：http://blog.csdn.net/aimingoo/archive/2010/11/26/6036574.aspx
• jquery 1.4.3源碼解析：http://www.javaeye.com/topic/783260
• prototype中文API：http://www.phpfans.net/manu/Prototype/
• 75個最佳web設計資源：http://article.yeeyan.org/view/57288/22841?from_com
• 面向程式員的資料庫通路性能優化法則：http://blog.csdn.net/yzsind/archive/2010/12/06/6059209.aspx
• wijmo—強大的jquery UI元件包：http://wijmo.com/demos/
• 菜單360度旋轉：http://cmc3.cn/n/2010/11/24/232.html
• 如何成為一名專家級的開發人員：http://www.jobbole.com/entry.php/337
• web開發者應該知道的最佳31個JavaScript工具：http://developer.51cto.com/art/201012/236740.htm
• 應用最廣的十大JavaScript架構：http://developer.51cto.com/art/200902/111044.htm
• JavaScript壓縮原理：http://www.slideshare.net/nzakas/extreme-javascript-compression-with-yui-compressor
• IE記憶體洩露問題：http://yiminghe.javaeye.com/blog/422434
• 攻城利器之微型架構 – Do：http://site.douban.com/widget/notes/22456/note/87598595/
• 如何做好一份前端工程師的履歷：http://ued.koubei.com/?p=873
• 學習JavaScript不得不讀的把本書：http://book.douban.com/doulist/55637/
• html5線上測試：http://html5test.com/
• 前端JavaScript代碼組織：http://mzhou.me/?p=95230
• JavaScript架構比較：http://hikejun.com/blog/?p=485,
• dojo 程式設計規範：http://blog.bingo929.com/dojo-javascript-style-guide.html#more-3082
• html5和css3資源彙總：http://blog.bingo929.com/html5-and-css3-tools-list.html