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 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个,我主要的目的是希望各位能够找到自己喜欢的方式辅助自己的工作,提高自己的效率,形成更愉快的状态。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 re...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使用,可能是不了解。我公司的项目就没有使用,但是在很多三方库中都有使用。本小节我们来学习下如果使用该...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接触 react 就一直使用 mobx 库,上手简单不复杂。
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据...
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们...
上一小节我们了解了固定高度的滚动列表实现,因为是固定高度所以容器总高度和每个元素的 size、offset 很容易得到,这种场景也适合我们常见的大部分场景,例如...
上一小节我们处理了 setState 的批量更新机制,但是我们有两个遗漏点,一个是源码中的 setState 可以传入函数,同时 setState 可以传入第二...
我们知道 react 进行页面渲染或者刷新的时候,会从根节点到子节点全部执行一遍,即使子组件中没有状态的改变,也会执行。这就造成了性能不必要的浪费。之前我们了解...
在平时工作中的某些场景下,你可能想在整个组件树中传递数据,但却不想手动地通过 props 属性在每一层传递属性,contextAPI 应用而生。
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试...
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机...
前面几节我们学习了解了 react 的渲染机制和生命周期,本节我们正式进入基本面试必考的核心地带 -- diff 算法,了解如何优化和复用 dom 操作的,还有...
我们在之前已经学习过 react 生命周期,但是在 16 版本中 will 类的生命周期进行了废除,虽然依然可以用,但是需要加上 UNSAFE 开头,表示是不安...
上一小节我们学习了 react 中类组件的优化方式,对于 hooks 为主流的函数式编程,react 也提供了优化方式 memo 方法,本小节我们来了解下它的用...
开源不易,感谢你的支持,❤ star me if you like concent ^_^
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
本文主题围绕concent的setup和react的五把钩子来展开,既然提到了setup就离不开composition api这个关键词,准确的说setup是由...
ReactsetState的执行是异步还是同步官方文档是这么说的setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecom