摘要：如果說(shuō)有一天我的電腦壞了，硬盤(pán)燒了，我最難過(guò)的應(yīng)該是我的收藏夾沒(méi)能導(dǎo)出來(lái)，而不是，我的項(xiàng)目源碼，或者是的種子文件這里開(kāi)一個(gè)不上大雅的小玩笑。在此我只是想說(shuō)明，收藏夾對(duì)我的重要性。

這篇文章，我想要說(shuō)說(shuō)的是前端的收藏夾。在這里，我不探討任何一門(mén)技術(shù)，我只探討如何管理自己。

科技在迅猛的發(fā)展，當(dāng)今這種信息化的時(shí)代下，我每天工作結(jié)束后都會(huì)做一件事情，管理我的收藏夾，然后導(dǎo)出我的收藏夾為html文件，上傳置我的網(wǎng)盤(pán)或者保存在U盤(pán)里面帶回家，回到家后我都會(huì)第一時(shí)間更新我的主瀏覽器（身為一個(gè)前端電腦上的瀏覽器太多了，所以會(huì)有一個(gè)主瀏覽器）收藏夾為最新?tīng)顟B(tài)，完成這件事情后，我才會(huì)去吃飯、看電影、打游戲。

這是我在2016年養(yǎng)成的習(xí)慣。

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

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

直到今天，我一直不會(huì)也不想怎么去寫(xiě)下面這段代碼，我從來(lái)不去記它，每當(dāng)我需要他的時(shí)候，我都會(huì)打開(kāi)W3C的官網(wǎng)找到它，粘貼它（甚至是我在寫(xiě)這篇文章的時(shí)候，我也是去粘貼它）：

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

于是在我的收藏夾里面有了一個(gè)專門(mén)的文件叫前端，在這個(gè)目錄下面又有著很多的分目錄，里面存放著我日積月累的小文件。如果說(shuō)有一天我的電腦壞了，硬盤(pán)燒了，我最難過(guò)的應(yīng)該是我的收藏夾沒(méi)能導(dǎo)出來(lái)，而不是，我2G的項(xiàng)目源碼，或者是2G的種子文件（這里開(kāi)一個(gè)不上大雅的小玩笑）。在此我只是想說(shuō)明，收藏夾對(duì)我的重要性。

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

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

2.Bootstrap官網(wǎng) http://www.bootcss.com/

3.RUNOOB官網(wǎng) http://www.runoob.com/ 也是一個(gè)很好的學(xué)習(xí)網(wǎng)站

4.NG2官網(wǎng) https://angular.cn/

5.React中文網(wǎng) http://react-china.org/

6.github https://github.com/ 雖然我英文認(rèn)識(shí)不了兩個(gè)，基本上也不點(diǎn)開(kāi)它，但是我也要把它收藏起來(lái)

7.Vue官網(wǎng) http://cn.vuejs.org/v2/guide/

8.avalon2官網(wǎng) http://avalonjs.coding.me/ 雖然我從來(lái)沒(méi)有學(xué)習(xí)過(guò)他，但是就再我寫(xiě)這篇文檔的時(shí)候，我發(fā)現(xiàn)它有了版本更新，可以抽時(shí)間了解了解

9.node.js官網(wǎng) http://nodejs.cn/

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

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的最簡(jiǎn)單的css寫(xiě)法 http://wenku.baidu.com/link?u...

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

有的時(shí)候，我真的會(huì)記不起來(lái)IE這個(gè)讓人頭疼的家伙該怎么寫(xiě)。

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

16.IE環(huán)境下判斷IE版本的語(yǔ)句 http://www.jb51.net/css/39356... 有的時(shí)候真的會(huì)傻傻分不清

17.placeholder兼容問(wèn)題 http://blog.sina.com.cn/s/blo... 剛開(kāi)始用發(fā)現(xiàn)這玩意好呀，后來(lái)一拜訪老大哥IE立馬就慫了

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

19.IE6下png透明問(wèn)題 http://www.5icool.org/a/20121... 現(xiàn)在都有些記不清，當(dāng)時(shí)是否真的解決了這個(gè)問(wèn)題，不過(guò)，以后我是不用擔(dān)心解決這個(gè)問(wèn)題了，因?yàn)椋篒E6，我要跟你說(shuō)Bye-bye

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

21.站長(zhǎng)工具 http://tool.chinaz.com/htmlch... 雖然不常用，但是有備無(wú)患

22.十六進(jìn)制轉(zhuǎn)換器 http://tool.oschina.net/hexco...

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

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

25.鼠標(biāo)的各種樣式 http://www.jb51.net/css/23361...

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

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

28.移動(dòng)互聯(lián)網(wǎng)終端的touch事件,touchstart, touchend, touchmove http://blog.csdn.net/cddxwfl/...

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

30.全國(guó)各地經(jīng)緯度 http://www.sanwen8.com/p/bltd... 真不知道我為什么會(huì)有這個(gè)網(wǎng)站，哈哈

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