这篇文章，我想要说说的是前端的收藏夹。在这里，我不探讨任何一门技术，我只探讨如何管理自己。
科技在迅猛的发展，当今这种信息化的时代下，我每天工作结束后都会做一件事情，管理我的收藏夹，然后导出我的收藏夹为html文件，上传置我的网盘或者保存在U盘里面带回家，回到家后我都会第一时间更新我的主浏览器（身为一个前端电脑上的浏览器太多了，所以会有一个主浏览器）收藏夹为最新状态，完成这件事情后，我才会去吃饭、看电影、打游戏。
这是我在2016年养成的习惯。
为什么要做这些呢，因为，一天的工作中我遇到的各种问题，解决不了的问题，我都会通过搜索引擎寻找解决方案，当我找到解决办法后，我都会把楼主的帖子放进我的收藏夹里面，以便下一次我遇到这种问题，我可以迅速的找到解决办法，提高我的工作效率。
相信每一位开发人员都会有一个相同的体验，新技术的更新如此块，不同技术有不同技术的API，不同版本也有着不同的API，而我们不可能把所有的方法，用途弄明白，只是脑海里面有着一丝丝的影响。哦，我知道这个东西，我有收藏这个技术的官网，我能够迅速找到它，完成我今天的工作。
直到今天，我一直不会也不想怎么去写下面这段代码，我从来不去记它，每当我需要他的时候，我都会打开W3C的官网找到它，粘贴它（甚至是我在写这篇文章的时候，我也是去粘贴它）：
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
4068670951-586f48c49ac9f_articlex.png
于是在我的收藏夹里面有了一个专门的文件叫前端，在这个目录下面又有着很多的分目录，里面存放着我日积月累的小文件。如果说有一天我的电脑坏了，硬盘烧了，我最难过的应该是我的收藏夹没能导出来，而不是，我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/art/201506/479127.htm 大神的详细解释的文章，很适合初学者
11.Package.json详解 http://www.tuicool.com/articles/yAbuymI 研究了grunt，我想你就需要了解它了
12.jshint配置.jshintrc https://my.oschina.net/u/923974/blog/306695
13.jshint .jshintrc 的配置 https://segmentfault.com/a/1190000006854337
14.全面兼容ie6,ie7,ie8,ff的最简单的css写法 http://wenku.baidu.com/link?url=poNt8oNJgFYosnSiDgubgVDZtiQTfchiuDgbSrbsUJvIDO3a7eIuFHT1dUDeUjGccCTDETz9xHjHY-PwR3c_ZXtyS5IhLfj4_PmhO5l9UVi
.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/bootstrap3-compatible-with-ie8.html 刚开始使用Bootstrap的时候我还要努力去做到兼容IE678，现在想想：真的是客户是上帝呀！！
16.IE环境下判断IE版本的语句 http://www.jb51.net/css/39356.html 有的时候真的会傻傻分不清
17.placeholder兼容问题 http://blog.sina.com.cn/s/blog_4a0c5a940101j8bh.html 刚开始用发现这玩意好呀，后来一拜访老大哥IE立马就怂了
18.兼容ie8 rgba()用法 http://www.tuicool.com/articles/juiEFrb 经常遇到这些问题，所以还是收藏起来，解决问题的时候就把它扔出来
19.IE6下png透明问题 http://www.5icool.org/a/201212/a1690.html 现在都有些记不清，当时是否真的解决了这个问题，不过，以后我是不用担心解决这个问题了，因为：IE6，我要跟你说Bye-bye
20.圆角呀什么的最讨厌了 http://www.divcss5.com/css-texiao/texiao571.shtml 我媳妇跟我说IE8本来就不支持border-radius，你为什么一定要做成圆角呢，一下把我问闷了，真的为什么中国的市场的用户不能与时俱进，反而都是保守守旧，满地IE 6 7 8！！可能是很多小公司、本土公司都接的是政府的项目吧，政府的用机又都是老旧的！而政府又不能把所有的机子都换成高端的，否则会让人说闲话的....打住了，说多了，楼主已喝醉！
21.站长工具 http://tool.chinaz.com/htmlcheck.aspx 虽然不常用，但是有备无患
22.十六进制转换器 http://tool.oschina.net/hexconvert/
23.Iconfont阿里巴巴 http://www.iconfont.cn/plus/collections/index?type=3 很不错哦
24.Jquery API http://jquery.cuishifeng.cn/
25.鼠标的各种样式 http://www.jb51.net/css/23361.html
26.百度地图API http://developer.baidu.com/map/jsdemo.htm#c1_9 请用谷歌浏览器打开，我的360急速兼容不好
27.jQuery 获取屏幕高度、宽度 http://www.cnblogs.com/hoojo/archive/2012/02/16/2354663.html 我觉得自己真的好懒
28.移动互联网终端的touch事件,touchstart, touchend, touchmove http://blog.csdn.net/cddxwfl/article/details/24177255
29.js快速判断IE浏览器(兼容IE10与IE11) http://www.jb51.net/article/76298.htm
30.全国各地经纬度 http://www.sanwen8.com/p/bltdhtdo.html 真不知道我为什么会有这个网站，哈哈
暂时贴出30个，我主要的目的是希望各位能够找到自己喜欢的方式辅助自己的工作，提高自己的效率，形成更愉快的状态。
网友评论