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