2016年05月_zhifeng687

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载微服务--十个设计要点

微服务生态微服务有哪些要点呢？先看下图是 SpringCloud 的整个生态。设计要点一：API网关在实施微服务的过程中，不免要面临服务的聚合与拆分，当后端服务的拆分相对比较频繁的时候，作为手机 App 来讲，往往需要一个统一的入口，将不同的请求路由到不同的服务，无论后面如何拆分与聚合，对于手机端来讲都是透明的。有了 API 网关以后，简单的数据聚合可以在网关层完成，这样就不用在手机 App 端完成，从而手机 App 耗电量较小，用户体验较好。有了统一的 API 网关，还可以

2016-05-31 20:09:55 2051

转载记一次评论系统缓存优化实践

背景该项目是当时公司最重点落地战略性的项目之一，离开项目组时DAU达到了6000W以上，主要做富媒体feed流。评论指的是对单条feed的评论，要求评论近实时展示。本文主要分析缓存模型。公司当时的缓存中间件主要是couchbase，所以主要是使用了couchbase缓存。倒也不影响对缓存架构的理解。优化过程第一版评论系统主要的需求是，第一可展示评论，第二可翻页（一页20条以内）由于项目初期用户量不大，评论量自然有限，同时feed的热点数据也比较少，所以缓存设计上相对简单。仅缓存最新的

2016-05-31 10:02:49 16061 1

转载领域建模方法和实践（优惠券系统为例）——通过流程产物进行领域模型抽象

引言对于具备三、五年开发经验的同学而言，可能会接触到领域建模。如果公司规模较大，可能会更早接触这一概念。但是，领域建模好像一座高山，很难越过。目前，业界提出了很多方法建模，但没有一种被公认是最好的方法，大部分建模取各家之长，这也使得这一概念变成"只可意会而不能言传"。本文将分三部分讲解这一概念：为什么领域建模这么难、换个思维学领域建模以及领域建模要回答的三个问题。二、为什么领域建模这么难为什么领域建模很难？大致可从如下 5 个方向谈起：急功近利的心态、被高深的理伦吓到、迷失在方法选择上、忽略实践

2016-05-31 09:39:10 4358

转载 onclick事件与href='javascript:function()'的比较

href='javascript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。而且 onclick事件会比 href属性先执

2016-05-30 12:35:38 5806

原创 bootstrap中的dropdown组件改造click为hover

boostrap的下拉菜单的样式dropdown样式如果某个列表项应用dropdown样式，则说明该列表项将会有下拉菜单dropdown-menu样式下拉列表应用dropdown-menu样式，表示该列表作为下拉菜单。dropdown-toggle样式应用dropdown样式的列表项的子元素应用dropdown-toggle样式，表示点击该元素就会

2016-05-28 18:23:02 1595 1

转载 Feign Client 原理和使用

一、原理Feign 是一个 Java 到 HTTP 的客户端绑定器，灵感来自于 Retrofit 和 JAXRS-2.0 以及 WebSocket。Feign 的第一个目标是降低将 Denominator 无变化的绑定到 HTTP APIs 的复杂性，而不考虑 ReSTfulness。Feign 使用 Jersey 和 CXF 等工具为 ReST 或 SOAP 服务编写 java 客户端。此外，Feign 允许您在 Apache HC 等http 库之上编写自己的代码。Feign 以最小的开销...

2016-05-27 16:52:37 2795

转载块元素实现水平、垂直居中

使用CSS3 Transforms实现垂直、水平居中垂直实现原理水平垂直居中实现代码.parent { width: 200px; height: 200px; background-color: black;}.child { position: relative; height: 100px;

2016-05-27 16:24:39 528

转载 redis分布式锁的实现（setNx命令和Lua脚本）

前言本篇文章主要介绍基于Redis的分布式锁实现到底是怎么一回事，其中参考了许多大佬写的文章，算是对分布式锁做一个总结分布式锁概览在多线程的环境下，为了保证一个代码块在同一时间只能由一个线程访问，Java中我们一般可以使用synchronized语法和ReetrantLock去保证，这实际上是本地锁的方式。但是现在公司都是流行分布式架构，在分布式环境下，如何保证不同节点的线程同步执行呢？实际上，对于分布式场景，我们可以使用分布式锁，它是控制分布式系统之间互斥访问共享资源的一种方式。比如说

2016-05-27 13:31:06 83531

原创 oauth2.0协议思维导图

参考：oAuth2协议

2016-05-27 00:39:53 1613

原创 attr()原格式输出文本

有时，我们想把含有特殊字符的文本内容绑定到html上，以便后续使用如果用html()把该文本内容作为某个html节点的文本内容，这样，浏览器引擎就会解析文本内容，将特殊字符转义或者忽略掉，后续使用时将之提取出来就不是原来的文本内容。如果想要原格式输出文本，用attr()把该文本内容作为某个html节点的属性值...

2016-05-27 00:26:37 822

原创选择灰度发布还是全量发布会导致不同的代码逻辑

灰度发布需要同时考虑兼容的情况

2016-05-27 00:15:33 486

转载 box-sizing border-box 的理解

-webkit-box-sizing: border-box; 则div 设置的宽高将包含边框及 padding box-sizing .testdiv{ padding: 10px;; width:100px; border: 10px solid

2016-05-27 00:09:32 2231

原创模拟展开select标签事件

通过改变select标签的size属性，可以实现展开select标签的效果

2016-05-26 22:34:20 1673

原创 css实现登录注册可切换页面与boostrap按钮组

1、设置login_box.login-box { width: 420px; height: 408px; padding: 20px; background-color: #fff;}2、设置login-tabs，底部设置灰色边框.login-box .login-tabs { font-family: tahoma, arial, 'Hiragino San

2016-05-26 18:21:22 4361

原创鲜花网数据库设计

1、用户注册时只提交邮箱和密码所以创建user表用户有多个收货地址所以创建user_detail表其中UserId是外键，引用user表的UserId。因为一个user可以有多个收货人信息，所以应该将user表的主码和这些多值属性独立构成一个关系模式，所以就有了user_detail表反对user表和user-detai表

2016-05-26 11:13:53 1747

转载 dubbo在项目中的应用

关于dubbo的使用，我们举个简单例子：存在2个系统，A系统和B系统，A系统调用B系统的接口获取数据，用于查询用户列表。在上一篇博文介绍了dubbo的创建，zookeeper的创建完成后，我们可以来使用dubbo和zookeeper了？再回顾下dubbo的架构：所以通过此图，我们看到就是服务的提供者将服务注册到注册中心，服务的消费者从注册中心获取服务，monitor监控服务的调用。所谓框架无非就是...

2016-05-25 20:52:53 10740

转载全面了解风控决策引擎

说明为什么要写这篇文章，因为决策引擎对很多风控从业者来说都是绕不开的必学知识点，每一个与金融业务相关的技术框架，都需要一个成熟稳定的决策引擎组件来支持，而目前，只有15%左右的互联网产品，配置了这一工具。本文旨在帮助大家认识决策引擎，包括前台规则配置与后台技术搭建，另外提供几个比较不错的轻量级开源引擎供大家进一步学习。全文总计1.7w字，因内容较长，可分四部分进行阅读： 1.决策引擎介绍（适用人员：还没使用决策引擎的老板） 1.1 决策 1.2 决策引擎

2016-05-25 20:49:05 9483 2

转载 Thread.join的作用和原理

Java中如何让多线程按照自己指定的顺序执行？这个问题最简单的回答是通过Thread.join来实现，久而久之就让很多人误以为Thread.join是用来保证线程的顺序性的。下面这段代码演示了Thread.join的作用public class JoinDemo extends Thread{ int i; Thread previousThread; //上一个线程 public JoinDemo(Thread previousThread,int i){

2016-05-25 20:21:28 17791

转载 bootstrap栅栏系统css中的col-xs-,col-sm-,col-md-* 的意义

摘要: bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义：.col-xs-*超小屏幕手机(768px),.col-sm-*小屏幕平板(≥768px),.col-md-*中等屏幕桌面显示器首先说明：1、col-列；2、xs-maxsmall，超小；sm-small，小；md-medium，中等；3

2016-05-24 13:01:39 1477

原创 siblings()遍历同胞元素

siblings() 方法返回被选元素的所有同胞元素。被选元素不包含在同胞元素中siblings()方法详情看：http://www.w3school.com.cn/jquery/traversing_siblings.asp更多遍历同胞元素看：http://www.w3school.com.cn/jquery/jquery_traversing_siblings.asp

2016-05-24 11:23:29 1119

原创 parent().children()实现同胞元素关联

无标题文档$(function(){ $(".p_one").click(function(){ $(".p_two").toggleClass("red"); //$(this).parent().children(".p_two").toggleClass("red"); }); });.p_one {font-size: 20px;}.p_two {font-si

2016-05-23 10:38:57 1358

转载 JS如何实现抛物线动画

原文链接:http://jingyan.baidu.com/article/ceb9fb10c13bac8cac2ba05a.html设置抛物线的位置（起点也可以是整个页面的可点击区域，即body）：抛物线起点，此例中为.left_btn（标签的classname）抛物线终点，此例中为.gwcimg（标签的classname）创建JS方法：

2016-05-22 23:55:52 1966

转载动画requestAnimationFrame

以往在web动画、app动画中，我们经常通过setInterval或setTimeout定时修改DOM、CSS实现动画，如下面代码所示。var timer=setInterval(function(){ //一些动画},1000/60)//清除动画clearInterval(timer);不过如此动画的方式极为耗费资源，经常是这样的结果，刚开始比较流畅，5分钟之后动

2016-05-22 21:36:17 248

转载 Spring可扩展的XML Schema机制（spring实现自定义标签）

从Spring2.0开始，Spring提供了XML Schema可扩展机制，用户可以自定义XML Schema文件，并自定义XML Bean解析器，并集成到Spring Ioc 容器中完成XML自定义扩展，需要下面几个步骤:可扩展XML Schema机制.png创建一个 XML Schema 文件，描述自定义的合法构建模块，也就是xsd文件自定义个处理器类，并实现NamespaceHandler接...

2016-05-22 13:04:54 962

转载 kafka的客户端缓冲池技术

无标题文档.user_btn { width: 60px; height: 30px; background: #FC9; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: center;}function shoucang(whic

2016-05-18 20:09:31 27696

转载 flex:1的标签的宽度计算

flex:1的标签的宽度计算，很悲催的是，他的宽度永远是最后计算的。宽度计算优先级为：width>适应文本内容的宽度>flex:数值　给伸缩项目设置“width”和“height”属性来定义伸缩项目尺寸，而这个伸缩项目是独立于其他伸缩项目。例如，如果我们给主内容(content)设置了一个600px的宽度，不管伸缩容器中有一个、两个或者上百个伸缩项目，主内容的宽度都是600px。

2016-05-18 13:53:39 2749

转载算法复杂度

考研题,求时间复杂度,请说明下理由,假定问题规模为N时,某递归算法的时间复杂度记为T（N）,已知T(1)=1,T(N)=2T(N/2)+N/2,用O表示的时间复杂度为（）A O(N) B O(NlogN) C O(N²) D O(N²logN)数学萌伊6342014-09-26优质解答答案是B根据条件递推：T(N) = N/2+2T(N/2) = N

2016-05-17 17:02:16 4481 1

转载怎么实现接口幂等性

通俗的说，用户在系统中有操作，不管重复多少次，都应该产生一样的效果或返回一样的结果的。幂等性的概念幂等（Idempotent）是一个数学与计算机学的概念，常见于抽象代数中。f(n) = 1^n // 无论n等于多少，f(n)永远值等于1在编程中，一个幂等操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同。幂等函数或幂等方法是指可以使用相同参数重复执行，并能获得相同结果的函数 / 方法。这些函数 / 方法不会影响系统状态，因此不用担心重复执行会对系统造成改变。例如：1. 前端重复

2016-05-17 16:21:52 10638

原创父元素和子元素都有点击事件

点击子元素的时候不触发父元素的点击事件，怎么做-CSDN论坛-CSDN.NET-中国最大的IT技术社区http://bbs.csdn.net/topics/350225189js 遏止子元素事件冒泡到父元素_IT知识问答_希赛网http://www.educity.cn/wenda/47619.html

2016-05-16 16:56:38 3381

转载一个元素绑定多个点击事件

当一个事件传到一个元素上，所有绑定在上面的针对哪个事件的处理函数都会触发。如果注册了多个事件处理函数，总是按照绑定的顺序依次触发。当所有绑定的事件处理函数执行完毕后，事件继续沿着普通的事件冒泡途径上浮。http://blog.sina.com.cn/s/blog_70bcd7c10101kglj.html

2016-05-16 13:33:57 5621

原创 on事件绑定未来元素

$(document).ready(function(){ $("div").on("click","#one",function(){ ; $("#one").remove();//或者$(this).remove(); var two="The paragraph was clicked."; $("div").append(two); }); $("div").

2016-05-16 12:53:12 759

原创 jquery 的on方法中this指向触发事件的最底层dom元素

参数function中的this指向当前匹配元素的后代元素中触发该事件的DOM元素。如果参数selector等于null或被省略，则this指向当前匹配元素(也就是该元素)。

2016-05-15 21:32:32 3136

原创 CSS、JS中的相对路径引用的区别

大家在html中通常会导入一些外部的css、js文件，其中一个比较容易被忽视的问题就是路径问题，有时候，我们在css、js中都有通过路径来引入一张图片的需求，当我们采用相对路径的时候，在css和js中引用图片的相对路径的基准是不一样的。在css中出现的相对路径，是以css文件所在路径为基准的，而js中的路径则是以导入此js的网页文件所在的位置为基准的。网上有很多文章都描述了这个问题，

2016-05-15 15:21:41 461

原创合理设置包裹图片的标签的宽度与overflow:hidden

加入一个li元素包裹了图片，则li元素的宽度应该和图片的宽度一致吗具体数值应该根据什么评判假如有以下代码爱无止境--66枝紫玫瑰、小熊一只￥ 558 假如li元素也设宽度为22

2016-05-14 23:48:38 1023

转载 BlockManager架构原理、运行流程图和源码解密

引言BlockManager 是管理整个Spark运行时的数据读写的，当然也包含数据存储本身，在这个基础之上进行读写操作，由于 Spark 本身是分布式的，所以 BlockManager 也是分布式的， BlockManager 原理流程图[下图是 BlockManager 原理流程图] BlockManager 运行實例从 Application 启动的角度来观察BlockManager在 Ap...

2016-05-11 16:11:20 9306

转载 a标签加入单击事件屏蔽href跳转页面

综合上述，在a中调用js函数最适当的方法推荐使用：a href="javascript:void(0);" onclick="js_method()"a href="javascript:;" onclick="js_method()"a href="#" onclick="js_method();return false;"

2016-05-10 22:17:30 3828

原创 jquery的选择器

jquery的类选择器和ID选择器不是万能的对于那些没有设置类样式又没有设置ID的标签来说children(), 适用于父元素有设置类样式或设置IDfind() 在查询深度为一级的时候，find()和children()有相同之处，但区别就在于：find()是子查询选择器，它可以深入到子级的下层进行查询选择；而children():

2016-05-10 17:06:25 248

原创 jquery的on()方法和用event.target判断是那个子元素触发事件

jquery的事件处理语句一般是：父元素.on('click', function(event) {event.preventDefault();if( $(event.target).is( 子元素) ) { ........... }});

2016-05-10 16:07:42 4421 1

转载 jquery中如何使用event.target

引用1.this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); eg: Js代码

2016-05-10 15:03:49 675 1

转载 jquery事件冒泡

什么是JS事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止J

2016-05-10 14:55:46 240