摘要：如果說有一天我的電腦壞了，硬盤燒了，我最難過的應該是我的收藏夾沒能導出來，而不是，我的項目源碼，或者是的種子文件這里開一個不上大雅的小玩笑。在此我只是想說明，收藏夾對我的重要性。

這篇文章，我想要說說的是前端的收藏夾。在這里，我不探討任何一門技術，我只探討如何管理自己。

科技在迅猛的發展，當今這種信息化的時代下，我每天工作結束后都會做一件事情，管理我的收藏夾，然后導出我的收藏夾為html文件，上傳置我的網盤或者保存在U盤里面帶回家，回到家后我都會第一時間更新我的主瀏覽器（身為一個前端電腦上的瀏覽器太多了，所以會有一個主瀏覽器）收藏夾為最新狀態，完成這件事情后，我才會去吃飯、看電影、打游戲。

這是我在2016年養成的習慣。

為什么要做這些呢，因為，一天的工作中我遇到的各種問題，解決不了的問題，我都會通過搜索引擎尋找解決方案，當我找到解決辦法后，我都會把樓主的帖子放進我的收藏夾里面，以便下一次我遇到這種問題，我可以迅速的找到解決辦法，提高我的工作效率。

相信每一位開發人員都會有一個相同的體驗，新技術的更新如此塊，不同技術有不同技術的API，不同版本也有著不同的API，而我們不可能把所有的方法，用途弄明白，只是腦海里面有著一絲絲的影響。哦，我知道這個東西，我有收藏這個技術的官網，我能夠迅速找到它，完成我今天的工作。

直到今天，我一直不會也不想怎么去寫下面這段代碼，我從來不去記它，每當我需要他的時候，我都會打開W3C的官網找到它，粘貼它（甚至是我在寫這篇文章的時候，我也是去粘貼它）：

$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});

于是在我的收藏夾里面有了一個專門的文件叫前端，在這個目錄下面又有著很多的分目錄，里面存放著我日積月累的小文件。如果說有一天我的電腦壞了，硬盤燒了，我最難過的應該是我的收藏夾沒能導出來，而不是，我2G的項目源碼，或者是2G的種子文件（這里開一個不上大雅的小玩笑）。在此我只是想說明，收藏夾對我的重要性。

說了這么多，我就不羅嗦了，貼幾個我收藏的內容分享給大家，也希望我的這個笨辦法可以幫助到更多的前端or所有程序猿們，那我就心滿意足了。

1.W3C在線教程 http://www.w3school.com.cn/ 里面基本上囊括了所有的前端基礎知識

2.Bootstrap官網 http://www.bootcss.com/

3.RUNOOB官網 http://www.runoob.com/ 也是一個很好的學習網站

4.NG2官網 https://angular.cn/

5.React中文網 http://react-china.org/

6.github https://github.com/ 雖然我英文認識不了兩個，基本上也不點開它，但是我也要把它收藏起來

7.Vue官網 http://cn.vuejs.org/v2/guide/

8.avalon2官網 http://avalonjs.coding.me/ 雖然我從來沒有學習過他，但是就再我寫這篇文檔的時候，我發現它有了版本更新，可以抽時間了解了解

9.node.js官網 http://nodejs.cn/

10.grunt搭建 http://developer.51cto.com/ar... 大神的詳細解釋的文章，很適合初學者

11.Package.json詳解 http://www.tuicool.com/articl... 研究了grunt，我想你就需要了解它了

12.jshint配置.jshintrc https://my.oschina.net/u/9239...

13.jshint .jshintrc 的配置 https://segmentfault.com/a/11...

14.全面兼容ie6,ie7,ie8,ff的最簡單的css寫法 http://wenku.baidu.com/link?u...

.warp{  
Height:100px;          /*IE6、IE7、IE8、FF識別*/ 
Height:110px9;       /*IE8識別*/  
*height:120px!important;        /*IE7 識別*/  
*height:130px;           /*IE6、IE7識別，但上一段代碼中!important的級別比*號的級別高，所以此段代碼只有IE6中才有效*/ 
} 

有的時候，我真的會記不起來IE這個讓人頭疼的家伙該怎么寫。

15.Bootstrap 3兼容IE8瀏覽器 http://www.ijophy.com/2014/05... 剛開始使用Bootstrap的時候我還要努力去做到兼容IE678，現在想想：真的是客戶是上帝呀！！

16.IE環境下判斷IE版本的語句 http://www.jb51.net/css/39356... 有的時候真的會傻傻分不清

17.placeholder兼容問題 http://blog.sina.com.cn/s/blo... 剛開始用發現這玩意好呀，后來一拜訪老大哥IE立馬就慫了

18.兼容ie8 rgba()用法 http://www.tuicool.com/articl... 經常遇到這些問題，所以還是收藏起來，解決問題的時候就把它扔出來

19.IE6下png透明問題 http://www.5icool.org/a/20121... 現在都有些記不清，當時是否真的解決了這個問題，不過，以后我是不用擔心解決這個問題了，因為：IE6，我要跟你說Bye-bye

20.圓角呀什么的最討厭了 http://www.divcss5.com/css-te... 我媳婦跟我說IE8本來就不支持border-radius，你為什么一定要做成圓角呢，一下把我問悶了，真的為什么中國的市場的用戶不能與時俱進，反而都是保守守舊，滿地IE 6 7 8！！可能是很多小公司、本土公司都接的是政府的項目吧，政府的用機又都是老舊的！而政府又不能把所有的機子都換成高端的，否則會讓人說閑話的....打住了，說多了，樓主已喝醉！

21.站長工具 http://tool.chinaz.com/htmlch... 雖然不常用，但是有備無患

22.十六進制轉換器 http://tool.oschina.net/hexco...

23.Iconfont阿里巴巴 http://www.iconfont.cn/plus/c... 很不錯哦

24.Jquery API http://jquery.cuishifeng.cn/

25.鼠標的各種樣式 http://www.jb51.net/css/23361...

26.百度地圖API http://developer.baidu.com/ma... 請用谷歌瀏覽器打開，我的360急速兼容不好

27.jQuery 獲取屏幕高度、寬度 http://www.cnblogs.com/hoojo/... 我覺得自己真的好懶

28.移動互聯網終端的touch事件,touchstart, touchend, touchmove http://blog.csdn.net/cddxwfl/...

29.js快速判斷IE瀏覽器(兼容IE10與IE11) http://www.jb51.net/article/7...

30.全國各地經緯度 http://www.sanwen8.com/p/bltd... 真不知道我為什么會有這個網站，哈哈

暫時貼出30個，我主要的目的是希望各位能夠找到自己喜歡的方式輔助自己的工作，提高自己的效率，形成更愉快的狀態。