lzf的博客

原创 <a>元素也能玩出新鲜样儿

永生花专区 >>.banner-link {  font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;  font-size: 18px;  line-height: 48px;  display: block;  width: 194px;

转载 kafka的CAP理论

一个框架，要么是CP，要么是AP。2、要想实现强一致性，leader接受到数据之后，就必须等到所有replica同步过去之后才能响应procuder ack。如果replication同步失败，则leader无法响应ack，这就没法实现可用性（A）。

转载 css清除浮动

原文链接：http://zhidao.baidu.com/link?url=gs2i1dCSuWNQORuLlk2fqRpNxIfZ-ZhKladA34to5_itc46VvBdOWn2bqNAAC-5Tc3t9yF96s84XrYdQoQGI5TWnXrNjuQJ1340jbsEoOKK【浮动产生负作用 】1、背景不能显示由于浮动产生，如果对父级设置了（CSS backgro

原创 hover加边框或边框加粗元素不抖动

hover加边框或边框加粗元素会抖动

转载 性能调优的本质、Spark资源使用原理和调优要点分析

引言我们谈大数据性能调优，到底在谈什么，它的本质是什么，以及 Spark 在性能调优部份的要点，这两点让在进入性能调优之前都是一个至关重要的问题，它的本质限制了我们调优到底要达到一个什么样的目标或者说我们是从什么本源上进行调优。希望这篇文章能为读者带出以下的启发：了解大数据性能调优的本质了解 Spark 性能调优要点分析了解 Spark 在资源优化上的一些参数调优了解 Spark 的一些比较高效的...

转载 浅析 Spark Shuffle 内存使用（解决Spark Shuffle OOM问题）

在使用 Spark 进行计算时，我们经常会碰到作业 (Job) Out Of Memory(OOM) 的情况，而且很大一部分情况是发生在 Shuffle 阶段。那么在 Spark Shuffle 中具体是哪些地方会使用比较多的内存而有可能导致 OOM 呢？ 为此，本文将围绕以上问题梳理 Spark 内存管理和 Shuffle 过程中与内存使用相关的知识；然后，简要分析下在 Spark Shuffl...

转载 oracle数据库tns配置方法详解

Oracle当中，如果想访问某个服务器，必须要设置TNS，它不像SQL SERVER那样在客户端自动列举出在局域网内所有的在线服务器，只需在客户端选择需要的服务器，然后使用帐号与密码登录即可。而Oracle不能自动列举出网内的服务器，需要通过读取TNS配置文件才能列出经过配置的服务器名。

转载 position属性之相对父元素定位

1、absolute（绝对定位）absolute是生成觉对定位的元素，脱离了文本流（即在文档中已经不占据位置），参照浏览器的左上角通过top,right,bottom,left（简称TRBL） 定位。可以选取具有定位的父级对象（下文将说到relative与absolute的结合使用）或者body坐标原点进行定位，也可以通过z-index进行层次分级。absolute在没有设定TRBL值时是

转载 position=absolute之相对父元素定位

w3school说：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。元素默认的定位值是static，如果是要相对第一个父元素定位，请为该父元素添加属性position: relative，或者添加position:absolute.

原创 用label绘制圆点

一般代码是这样写的无标题文档label { width: 10px; height: 10px; margin::0 6px; background: red; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block;}

原创 改变label的宽度高度值之display:inline-block属性

参考链接：HTML改变label的宽度_百度经验http://jingyan.baidu.com/article/e8cdb32b64198937052badd9.html无标题文档label { width: 150px; height: 100px; background: red; }hello,world!运行的结果是：

原创 controller aop切面职责

原创 css3制作图片轮播

css3制作图片轮播其实就是用多张图片制作淡入淡出效果假设用3张图片制作淡入淡出效果假设总时长是12000ms因为有6部分则图2  delay:2000ms图3  delay:6000ms所以就有如下代码：.csslider1 > ul > li.num1 { -webkit-animation: fade 12000ms infin

转载 position+opacity组合制作图片淡入淡出效果

图片淡入淡出效果的制作逻辑：第一步、position使图片重叠；（在这里只根据元素的添加顺序确定层的优先级，不用z-index）第二步、opacity设置图片的透明度。第三部、keyframes实现改变透明度的动画效果CSS代码：@-webkit-keyframes fadeInOut { 0% { opacity:1; }

转载 position、opacity与z-index的组合

参考链接：http://www.w3cplus.com/css/what-no-one-told-you-about-z-index.html在下面的HTML我们写了3个元素，然后每个元素里面都有一个元素，每个元素都有个背景色，并且使用absolute定位，为了能更清楚地看到z-index的效果，我们写了一些其他的样式。第一个元素的z-index值为1，其他两个没有设置。

原创 position与z-index的组合

当为position: absolute;的效果img{position:absolute;left:0px;top:0px;z-index:-1;}This is a heading由于图像的 z-index 是 -1，因此它在文本的后面出现。修改为position: relative;的效果修改top属性为top:70

转载 CSS中一些@规则的用法小结

原文链接：http://www.jb51.net/css/363285.htmlat-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法：       复制代码代码如下:@

转载 Guava RateLimiter源码解析

常用限流算法常用的限流算法有两种：漏桶算法和令牌桶算法漏桶算法思路很简单，水（请求）先进入到漏桶里，漏桶以一定的速度出水，当水流入速度过大会直接溢出，可以看出漏桶算法能强行限制数据的传输速率。对于很多应用场景来说，除了要求能够限制数据的平均传输速率外，还要求允许某种程度的突发传输。这时候漏桶算法可能就不合适了，令牌桶算法更为适合。令牌桶算法的原理是系统会以一个恒定的速度往桶里放入令牌，而如果请求需要被处理，则需要先从桶里获取一个令牌，当桶里没有令牌可取时，则拒绝服务。RateLimite

转载 Guava限流器RateLimiter

日常开发中，经常会遇到一些需要限流的场景。我们希望每一秒的请求量不要超过某一个阈值，以防止过多的请求对服务造成过大的压力。常见的限流算法有计数器法、漏桶算法和令牌桶算法，下面我们简单的了解一下这几个算法。一.常见限流算法1.计数器法设置一个时间窗口内允许的最大请求量，如果当前窗口请求数超过这个设定数量，则拒绝该窗口内之后的请求。关键词：时间窗口，计数器。举个例子，我们设置1秒钟的最大请求数量为100，使用一个计数器来记录这一秒中的请求数。每一秒开始时，计数器都从0开始记录请求量，如果在这一秒

原创 后代选择器和子选择器

后代选择器h1 em 选择器可以解释为 “作为 h1 元素后代的任何 em 元素有关后代选择器有一个易被忽视的方面，即两个元素之间的层次间隔可以是无限的。例如，如果写作 ul em，这个语法就会选择从 ul 元素继承的所有 em 元素，而不论 em 的嵌套层次多深。.div01 ul li { height: 50px; width: 1

原创 :hover 操作其他元素

li:hover+空格+子元素，可以操作子元素的样式#second {display: none;}.div01 ul li:hover #second {display: block;}.div01 ul li:hover {background-color: #3F9;}.div01 ul li ul li {background

转载 Spark shuffle调优参数

Spark shuffle是什么Shuffle在Spark中即是把父RDD中的KV对按照Key重新分区，从而得到一个新的RDD。也就是说原本同属于父RDD同一个分区的数据需要进入到子RDD的不同的分区。现在的spark版本默认使用的是sortshuffle;shuffle在哪里产生shuffle在spark的算子中产生,也就是运行task的时候才会产生shuffle.sortS...

原创 Html单选按钮自定义

html的单选按钮没有提供一个样式能修改其圆圈所以我们不再使用<input type="radio"/>标签我们可以使用label标签，通过以下原理实现单选按钮：（A）label标签可以加背景，并通过其他样式，让背景显示在文字的左边;（B）点击label后，可以通过JS，修改其背景图片;

原创 dreamwear制作下拉菜单

1、ul要设置margin和padding如果不设置ul的margin和padding，得出来的结果是这样的因为ul的默认padding为: padding:0 0 0 40px;所以列表的左外边距为40px设置margin: 0px;  padding: 0px;后，得出的结果为设置列表项（li元素）的宽度，使他们的宽度之和等于div的宽度设置text

转载 常用元素默认margin和padding值

关于默认元素在不同浏览器中的margin值是多少的问题，今天做了一个探讨复制代码代码如下:// body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为:

原创 spark shuffle易忽略知识点整理

1、spark shuffle file的输出位置如果spark任务运行在yarn架构上，spark shuffle file的输出位置取决于yarn.nodemanager.local-dirs参数如果spark任务运行在单机模式，spark shuffle file的输出位置取决于SPARK_LOCAL_DIRS或者spark.local.dir目录//org.apache.sp...

转载 spark shuffle调优之map端内存缓冲reduce端内存占比

spark.shuffle.file.buffer，默认32kspark.shuffle.memoryFraction，0.2map端内存缓冲，reduce端内存占比；很多资料、网上视频，都会说，这两个参数，是调节shuffle性能的不二选择，很有效果的样子，实际上，不是这样的。以实际的生产经验来说，这两个参数没有那么重要，往往来说，shuffle的性能不是因为这方面的原因导致的但是，...

原创 用jquery如何让select选中某值

利用每个option的value属性或者利用select标签的val()方法

转载 基于 Spring 实现管道模式的最佳实践

管道模式（Pipeline Pattern）是责任链模式（Chain of Responsibility Pattern）的常用变体之一。在管道模式中，管道扮演着流水线的角色，将数据传递到一个加工处理序列中，数据在每个步骤中被加工处理后，传递到下一个步骤进行加工处理，直到全部步骤处理完毕。PS：纯的责任链模式在链上只会有一个处理器用于处理数据，而管道模式上多个处理器都会处理数据。何时使用管道模式任务代码较为复杂，需要拆分为多个子步骤时，尤其是后续可能在任意位置添加新的子步骤、删除旧的子步骤、交.

原创 angular制作下拉框联动

/* 1、了解下拉框联动应该制作的数据格式* 2、了解ng-options通过track by 设置option的value* 3、scope对象的属性selectList 代表数据格式中的整个数据，即一级业务数组* 3、ng-model的指令值“selected1”代表数据格式中的一级业务对象，即selectList中的一个对象；* 4、scope对象的属性subSelectList 代表数据格式中的二级业务数组，即sub属性值；* 5、ng-model的指令值“se

转载 div css float浮动用法(left right)

Float常跟属性值left、right、noneFloat:none 不使用浮动Float:left 靠左浮动Float:right 靠右浮动Float浮动用于设置对象靠左与靠右浮动样式，可以实现我们所需要的让DIV、SPAN等标签居左居右浮动。简单使用语法div{float:left} /* css注释：设置div对象浮动靠左（left） */ di

转载 css div自适应高度height

固定div的高度是100px，如果内容的高度超过了100px的话，除了在IE6下能够达到高度自适应，其它浏览器都会出现内容溢出的问题，达不到我们想要的结果。转载：http://jingyan.baidu.com/article/f25ef2546a64e8482c1b8291.htmlDIVCSS5为大家介绍两种情况下自适应高度样式设置与解决。第一种：一定高度内

转载 margin设置div与div间距

margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。其实说白了padding就是内容与边框的空隙.而margin 则是模块与模块的空隙.下面图解:margin 与 padding 得盒子模型图解

转载 mybatis bind标签实现优雅模糊查询

bind:可以将OGNL(对象图导航语言)表达式的值绑定到一个变量中，方便后来引用这个变量的值使用Mybatis bind可以实现Mysql的模糊查询字符串拼接（like）<sql id="columnSql"> <trim suffixOverrides=","> <!-- suffixOverrides此时的作用是去除最后一个逗号 --> id, username, password, sex, </trim></sq

转载 深入理解line-height与vertical-align

ine-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作

转载 java集合 (util包体系结构)

1、集合是用来存放对象（的引用）的  java集合中只能保存引用类型的数据，实际上存放的是对象的引用，而非对象本身。集合中元素相当于引用类型变量。现在集合也能保存基本数据类型，但是没有实际意义。2、集合要使用泛型   集合是存放对象的，默认是Object对象。所以集合能存放不同类的对象。如果我们希望集合保存单一类型的对象，那么就要使用泛型。3、集合的类型

转载 浅谈Spring的PropertyPlaceholderConfigurer

大型项目中，我们往往会对我们的系统的配置信息进行统一管理，一般做法是将配置信息配置与一个cfg.properties的文件中，然后在我们系统初始化的时候，系统自动读取cfg.properties配置文件中的key value（键值对），然后对我们系统进行定制的初始化。   Spring中提供着一个PropertyPlaceholderConfigurer  这个类是BeanFactoryPostP...

转载 IOC容器的技术剖析——反射编程和工厂模式

IOC容器的技术剖析IOC中最基本的技术就是“反射(Reflection)”编程，目前.Net C#、Java和PHP5等语言均支持，其中PHP5的技术书籍中，有时候也被翻译成“映射”。有关反射的概念和用法，大家应该都很清楚，通俗来讲就是根据给出的类名（字符串方式）来动态地生成对象。这种编程方式可以让对象在生成时才决定到底是哪一种对象。反射的应用是很广泛的，很多的成熟的框架，比如象Java中的Hi...

转载 document.frame

document.frames指的是本页面有iframe内置框架，或许有多个，var frm = document.frames;就是获得本页面所有子框架页面的集合，一般在父页面的JS里用，而window.parent.frames指的是父页面所有框架的集合，一般是在子页面的JS里用。

转载 保证最终一致性的模式

在大规模、高并发服务化系统中，一个功能被拆分成多个具有单一功能的子功能，一个流程会有多个单一功能的服务组合实现，如果使用两阶段提交协议和三阶段提交协议，则确实能解决系统间的一致性问题。除了这两个协议的自身问题，其实现也比较复杂、成本比较高，最重要的是性能不好，相比来看，TCC 协议更简单且更容易实现，但是 TCC 协议由于每个事务都需要执行 Try，再执行 Confirm，略显臃肿，因此，现实系统的底线是仅仅需要达到最终一致性，而不需要实现专业的、复杂的一致性协议。实现最终一致性有一些非常有效、简单的模式，