理解CSS布局和BFC
CSS布局中有一些概念，一旦理解了这些概念，就能真正的提高你的CSS能力。这篇文章主要介绍的是关于块格式化上下文（BlockFormattingContext），也就是大家俗称的BFC。你可能从未听说过这个术语，但只要你曾经使用过CSS布局，你就可能知道它是什么。理解BFC是什么，它有什么功能，以及如何创建一个BFC是非常有用的，这些能帮助你更好的理解CSS布局。在这篇文章中，我将会通过几个很熟悉的示例来解释BFC。我还会介绍一个新的display的值，当你理解了BFC是什么的时候，你才能了解为什么需要这个值。也就能更好的理解它的真正意义。什么是BFC通过一个简单的float布局示例就能很好的理解BFC的行为。在下面的示例中，我们创建了一个盒子（其实在CSS中，每个元素都是一个盒子），这个盒子中包含了一个设置了浮动的图片和一段文本。如果有足够多的文本内容的时候，文本会围绕着图片（把整个图片包裹起来）。
C# lambda表达式应用 找出元素在list中的索引
再写个PredicatePredicate
Polly简介 — 3. 执行策略
类型的对象，它在Policy的执行过程中都可以使用，如：Policy.Handle
消息队列RabbitMQ与Spring集成
1.RabbitMQ简介RabbitMQ是流行的开源消息队列系统，用erlang语言开发。RabbitMQ是AMQP（高级消息队列协议）的标准实现。官网：http://www.rabbitmq.com/2.Spring集成RabbitMQ2.1maven配置//pom.xml
程序员月入3000.你愿意嫁吗？女生的回答扎心了
现在的人们生活水平在不断的提高，现在的工资也不是以前的收入了，一个农民工一个月可以赚几千块，甚至更多。但是也不排斥有些人收入偏低的。一个月月薪3千的话，想要在城市里面生活的或许可以勉勉强强。而在现在社会的婚姻关系里，月薪已经成为了很多女方家里关系的问题了。他们都会在意你一个月到底可以赚多少钱？那么现在就有一个很现实的问题，如果你是女孩的话，你会嫁给月薪3千的男孩吗？最近在湖南的街头上就有人在做这个测试，里面的女生的回答真的让人扎心了。分享之前我还是要推荐下我自己建的前端学习交流群：640633433，如果你正在学习前端，小编欢迎你的加入，大家都是前端党，不定期分享干货，包括我自己整理的一份2017最新的前端资料和零基础入门学习教程，欢迎初学和进阶中的小伙伴。有网友说道：木努西：女人就会骗人，说的好听什么都不嫌弃你的，会跟你共患难，当你落魄没钱的时候，或者疾病缠身了，他们就会无情的抛弃你，我就是这样活生生的一个例子。渣渣豪：我月薪两万，我想找个二奶。松果：呵呵，那些说愿意的都是假的，我月薪六千，现在连个女朋友都没有，而且我还
分布式架构师：这些都是我要掌握的知识
前一段时间在网上看见了一篇文章内容大致是作为一个架构师你需要拥有什么样的能力，其中不过是包括以下几个点：1、对于Java基础技术体系（包括JVM、类装载机制、多线程并发、IO、网络）有一定的掌握和应用经验。2、对面向对象的软件开发思想有清晰的认识、熟悉掌握常用的设计模式；3、熟练掌握目前流行开源框架(spring/springmvc/ibatis)，并且对其核心思想、实现原理有一定认知；4、熟悉Oracle、MySQL等数据库开发与设计以及缓存系统REDIS或Memcached的设计和研发；5、熟悉底层中间件、分布式技术（包括缓存、消息系统、热部署、JMX等）6、至少一种Java应用服务器如tomcat7、精通shell编程，熟练应用awk、sed、grep、strace、tcudump、gdb等常用命令；8、有大型分布式、高并发、高负载（大数据量）、高可用性系统设计开发经验9、对配置管理和敏捷研发模式有所了解10、业务能力当然以上的十点都是一个高级架构所应该掌握的或者说已经有拥有的能力，而就算我
mobx 太重？redux 全家桶？或许你可以试下 redux-zero-x
InstallationUsageExampleActionAsyncMiddlewareInstallationnpminstallredux-zero-xUsageusedecoratorimport{Provider,connect,Store,action}from'redux-zero-x'classCounterStoreextendsStore{@action({throttle:1000})increment(){return{count:this.getState().count+1}}//nometa@actiondecrement(){return{count:this.getState().count-1}}//ifsetpurewithfalse,thefirstargumentisstore'scurrentstate@action({pure:false})mul({count},times){return{count:count
对Promise增加统一操作扩展
在ES6里，增加了Promise方法。而Promise的回调函数只有then和catch两种方法。而后，Promise又添加了两种附加方法，当然需要自己去添加进去。一个是done方法:http://es6.ruanyifeng.com/#docs/promise#done一个是finally方法：http://es6.ruanyifeng.com/#docs/promise#finally可以去看一下上文的链接去了解一下，或者去下面的链接，看下官方源码是如何实现的:done和finally正文但是却没有一个针对then和catch的统一操作。如果在最后处理的时候，then和catch的代码处理逻辑差不多的情况下，可能就需
vue-router源码学习（一）
//定义路由规则constroutes=[{name:'首页',path:'/',component:function(resolve){require.async(['js/modules/Index.js'],resolve);}},{name:'详情页产品列表页',path:'/detail/:params1/:params2',component:function(resolve){require.async(['js/modules/detail.js'],resolve);}},{name:'产品列表页',path:'/product',component:function(resolve){require.async(['js/modules/product.js'],resolve);}}]//创建一个路由器实例varrouter=newVueRouter({routes});//路由器会创建一个App实例，并且挂载到选择符#app匹配的元素上。constapp=new
原生DOM的认识
原生DOM确实难用，反人类，不过先把基础整好，后面框架估计好学点。1.DOM是啥1.1知识回顾先回顾一下HTML的基本结构