2016前端的收藏夹

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

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

你可能感兴趣的:(2016前端的收藏夹)