这篇文章，我想要说说的是前端的收藏夹。在这里，我不探讨任何一门技术，我只探讨如何管理自己。

科技在迅猛的发展，当今这种信息化的时代下，我每天工作结束后都会做一件事情，管理我的收藏夹，然后导出我的收藏夹为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 http://www.jb51.cc/tag/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:110px\9;       /*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个，我主要的目的是希望各位能够找到自己喜欢的方式辅助自己的工作，提高自己的效率，形成更愉快的状态。