2016前端的收藏夾

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

科技在迅猛的發展，當今這種信息化的時代下，我天天工做結束後都會作一件事情，管理個人收藏夾，而後導出個人收藏夾爲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;          /*IE六、IE七、IE八、FF識別*/ 
Height:110px\9;       /*IE8識別*/  
*height:120px!important;        /*IE7 識別*/  
*height:130px;           /*IE六、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個，我主要的目的是但願各位可以找到本身喜歡的方式輔助本身的工做，提升本身的效率，造成更愉快的狀態。