henouren-CSDN博客

原创 redis安装及常用命令

一、redis安装步骤1、管理员登录，上传redis安装包到服务器，解压安装包：tar -zxvf redis-2.8.20.tar.gz2、编译安装cd redis-2.8.20make testcd srcmake && make install3、检查安装是否成功正常结束日志：All tests passed without errors!...

2019-04-18 17:01:39 222

原创 zookeeper集群配置&kafka安装常见问题

一简介Zookeeper是一个分布式应用服务协调服务，为分布式应用提供一致性服务，包括配置维护、域名服务、分布式同步、组服务等（源自百科） kafka是一种高吞吐量的分布式发布订阅消息系统，可以处理消费者规模的网站中的所有动作流数据。具有以下特性通过O(1)的磁盘数据结构听过消息的持久化高吞吐量支持通过Kafka服务器和消费机集群来分区消息支持Hadoop并行数据加载...

2019-02-27 11:47:58 969

原创 docker测试环境搭建

一、docker创建测试环境容器1、规划好需要暴露的端口2、创建容器dockerrun -d -p 暴露端口:容器内端口 --privileged=true --name 容器名称镜像名称3、查看容器信息查看所有容器：dockerps -a查看某一容器的信息：docker inspect 容器ID查看某一容器的IP：docker inspect 容器ID |

2018-01-03 13:54:48 1242 1

原创 JDK和JRE的区别

JDK：Java Development Ki，Java开发工具包。提供了JAVA程序运行所需的JRE以及一系列编译、运行等工具。例如javac、java、javaw等。JRE：Java Runtime Environment，Java程序运行环境。其核心内容是java虚拟机（JVM）以及核心类库。JDK中包含了JRE，但JRE也可独立安装。

2017-11-10 14:40:19 290

转载软件功能测试框架

原文地址：http://www.51testing.com/html/79/n-3720779.html在测试用例编写的过程中，需要按照一定的思路进行，而不是随心所欲想到哪写哪。在测试过程中，按照一定的框架的思路能够帮助我们更好的写出测试用例。功能测试框架可以包括：（1）界面友好性测试包括界面风格、样式、颜色是否协调界面布局是否整齐、协调界面操作、标题是否恰当操

2017-11-10 10:19:19 787

原创图片全屏预览实现

要实现图片的全屏预览，主要知识点有一下几个：（1）点击图片弹出弹出层（2）获取已点击图片的图片地址（3）弹出层样式处理（包括背景透明度、图片居中等）（4）点击屏幕弹出层消失代码实现：HTML：主要是显示图片并创建弹出层 JS：纯js实现var imgs = document.getElementById("con

2017-10-20 14:26:34 5495 1

原创 CSS实现垂直居中（三）

在这之前，已经写了两篇关于垂直居中的实现方法，但是由于涉及到的情况各不相同。采用的方法也不一样，今天，另外介绍一种简单的通过CSS实现不同大小浏览器窗口垂直居中的方法。关键代码： #popup img{ max-width: 100%; max-height: 100%; /*以下三行实现垂直居中*

2017-10-20 13:46:04 242

转载前端性能优化常见方法

常见的web前端性能优化的方法总结：（1）减少http请求次数：CSS Sprites，JS、CSS源码压缩，控制图片大小；网页启用Gzip压缩，CDN托管，data缓存，图片服务器。（2）前端模板JS+数据，减少由于HTML标签导致的带宽浪费，前端使用变量保存ajax请求结果，每次操作本地变量，减少请求次数（3）用innerHTML代替DOM操作，减少DOM操作次数，优化javasc

2017-10-19 17:29:35 402

原创前后端数据交互之前端传值到后台

在实际的项目开发中，经常要求前后端传值。今天，主要介绍前端向后台传值的几种方法。第一种：ajax传给后台的数据通过json封装起来，再用ajax将json传到后台，需要添加jquery库window.onload = function(){ //生成json var json = []; //实际情况中，json对象的值可通过document.getElement

2017-10-19 11:11:49 43085 6

原创 JS控制GIF图片的停止与显示（掷骰子实现）

在掷骰子游戏中，通过需要控制骰子的转动以及转动结果的显示，骰子的转动可以用GIF动图来实现，每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下： CSS实现GIF动图的停止与开始 var image = document.getElementById("gifImg");

2017-10-13 11:01:38 4172 1

原创 CSS实现三列自适应的两种方法

实现三列自适应布局 /*方法一：绝对定位法将左右两侧分别使用绝对定位，通过left/right使之分别固定在左右两侧，并设置宽度设置中间部分的margin为左侧的宽度 */ *{ margin: 0; padding: 0; height: 500px; } .left{ positio

2017-10-13 10:18:54 752

原创 CSS实现左边不动，右边自适应布局

如题，通过CSS实现左边固定，右边自适应的布局。主要有以下两种方法，均在代码上体现。布局左不动右边自适应的两列布局 /*方法一：左边定宽，且浮动left*/ *{ margin: 0; padding: 0; } #left{ background: #007AFF; width: 250px;/*定宽*/

2017-10-13 09:59:09 3001

原创 CSS实现两列同等高度

要实现两列内容不同的元素显示同等高度，除了通过使用table表格以及设置固定高度外，还可通过使用display：table-cell实现。实现布局两列等高 #box{ width: 800px; margin: 0 auto; } .col{ /*以下一句是核心代码*/ display:table-cell;/*

2017-10-13 09:50:50 1763

转载 HTML跑马灯

在工作中，遇到了一个需求，需要在底部实现一个跑马灯效果的友情链接，最初想的是利用JS实现效果，后来得知可直接只用HTML标签实现该效果，着实简单了许多。最基本的跑马灯效果实现左右弹的跑马灯效果实现带超链接的跑马灯一带超链接的跑马灯二更多参数：原文链接：http://

2017-10-10 15:23:41 2118 1

转载 react知识点（二）

一、JSX是js的一种语法扩展，在React中用于描述UI1）在JSX中使用{}嵌入任何js表达式2）多行JSX最好使用括号wrap3）编译后，JSX表达式成为常规的JavaScript对象。因此可以在if或者for循环中使用，或者复制给其他的变量、从函数中返回等4）在JSX中，class为className5）JSX可以防止注入攻击。在JSX中包含用户输入是安全的，因

2017-09-28 10:43:07 389

转载 react知识点学习（一）——定义CSS样式

本文转载自：React入门到精通（三）——定义组件和css样式方法一：内部样式Hello {this.props.name} {this.props.title}; .alert-text{ font-size: 20px; } 需要注意的是，react引用js文件，type="text/babel" ，并且要

2017-09-26 17:48:25 487

原创 react表格实现以及jquery实时模糊查询

HTML： react-实时查询表格元素其中，需要用到 react.js，react-dom.js，browser.js以及jquery库。react实现（searchBox.js）：var Pro = React.createClass({ getInitialState:function

2017-09-26 17:17:42 4039

原创 jQuery模糊查询的两种方法

方法一：jQuery根据文本框输入实时模糊查询HTML代码：学号姓名性别年龄 2014213840 张三男 20 2014213841 李四男 20 2014213842 王三女 30

2017-09-19 17:08:33 18521 2

转载 jQuery实现倒计时计时器

本文转载自 jquery 做一个小的倒计时效果在实际运用中，经常会使用到倒计时的效果。以下代码利用jQuery实现了一个倒计时计时器。 jquery倒计时实现 .shop_list ul li{ display: inline-block; list-style: none; width: 300px; }

2017-09-19 10:55:47 2654

转载 CSS垂直居中实现

上一次，主要写了两种垂直居中的实现方法。后来无意间看到一篇关于CSS实现垂直居中的文章，讲了一种更为简单的实现方法，通过对父元素添加以下两行代码便可实现：align-items: center;display: flex;完整Demo代码：垂直居中 .vertical-align{ width: 200px; height: 20

2017-09-18 17:13:17 515

原创 JavaScript实现回到顶部/底部的两种方法

HTML代码： CSS代码：实现按钮固定在页面右侧/*侧边栏*/.fixed-slider .back-top{ position: fixed; bottom:9%; right: 1%; z-index: 9; } .fixed-slider .back-end{ position: fixed; bottom:2%; right: 1%;

2017-09-18 16:20:07 3339

原创 CSS垂直居中问题解决方法

在实际运用中，经常需要用到垂直居中的地方主要有一下两种情况：1、导航栏导航栏常用到的ul，li标签均为块级元素，a标签为行内元素。要使得a标签的文字垂直居中于li中，只需要a标签的高度与li的高度一致皆可。然而，a标签是行内元素，不能直接设置其height值，因此，可以选择a的dispaly方式为block，即可为之设置高度line-height。具体代码如下：

2017-09-15 14:43:45 810

原创关于大学那些事儿

作为一名大四正在实习的双非院校学生来说，经历了无数的找实习、投简历、被刷下的过程，终于在同学的推荐下拿到一份QA实习机会。此间过程并不算繁忙，但却略有些心累，于是想要记录下来此刻的心情，并不全是实习方面的，更多的是回顾整个大学生涯。等到一年后再来回顾，不知道是怎么样的感想。首先是最基本的自我介绍：本人是双非的师范类院校的非师范软件工程专业。大学入校时是被电子商务专业录取，由于一直想要从事技

2017-09-15 09:50:21 231

转载 JavaScript Standard Style（JavaScript标准编码风格）（一）

本文转载来源JavaScript Standard Style（JS Standard 代码风格规则详解）每个人都有自己的开发风格，然而在实际开发过程中，基本很少有项目只需一人独立完成，大部分情况下都需要团队之间的合作，此时，制定一种主流风格便十分重要。它不仅有利于合作开发，增强代码的可读性，还能避免编程过程中一些常犯的错误；更能帮助开发人员养成良好的编程习惯。JavaScript s

2017-09-13 09:16:19 5862

原创常用的CSS动画效果

在实际运用中，经常需要用到旋转、放大等动画效果。以下列举了一些常见的动画效果的CSS实现。所有的动画都需要设置过渡transition：.rotateImg,.scaleImg,.rotateAndScale,.translateImg{ transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out

2017-09-12 17:36:53 1085

转载 HTML&CSS知识点（一）

本文非原创，转载自以下文章： (http://www.cnblogs.com/coco1s/p/4034937.html) 1、常用浏览器的内核 IE：trident内核 Firefox：gecko Safari：webkit Opera：Blink Chrome：Blink（基于webkit） 2、Doctype的作用、声明位于文档的最前面的位置，处于标签之前。此标签可告知浏览

2017-09-12 17:26:19 179

转载 JavaScript知识点（二）

本文转载自 JavaScript知识点（一） 16、为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将<，>，&，”进行转义 function escapeHtml ( str ){ return str.replace(/[<>”&]/g,function(match){ switch(match){

2017-09-12 09:56:35 242

转载 JavaScript知识点（一）

[本文非原创，转载自以下文章：] (http://www.cnblogs.com/coco1s/p/4029708.html)1、javaScript的数据类型基本数据类型：String、Number、null、undefined、boolean 引用数据类型：object（Array、Date、RegExp、Function）如何判断某变量是否为数组数据类型 if(typeof Ar

2017-09-11 17:33:05 519

转载 JavaScript、ES5和ES6的介绍和区别

30分钟掌握ES6/ES2015核心内容（上） JavaScript、ES5和ES6的介绍和区别 JavaScript简介 JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。 JavaScript由三部分组成： ECMAScript（核心）+DOM（文档对象模型）+BOM（浏览器对象模型） ECMAScript作为核心，规定了语言的组成部

2017-09-11 16:01:09 12336 1

原创 CSS气泡框的两种实现

方法一： /*气泡框效果实现*/ .footer .footerArea .footerRight ul

2017-09-08 09:24:44 6893

原创 css实现气泡框效果

利用css实现如上图所示的气泡框效果。 /*气泡框效果实现*/.footer .footerArea .footerRight ul li a:hover .disNone span{ width:0; height:0; font-size:0; overflow:hidden; position:a

2017-09-07 15:56:08 602

原创关于HTML中div从display:none到display:block透明度渐增显示的实现

在编写前端页面的过程中，经常会遇到将鼠标移至链接或li上时显示div的需求。如图：而在这过程中，为了有更好的用户体验，通常要求弹出的div显示过程是渐进的。此时可以采用以下步骤来实现：（1）在HTML中编写页面代码，并在CSS中设置要弹出的div显示display:none；HTML：

2017-09-07 09:28:04 13618

原创 ul列表中列表项hover蒙层尺寸和位置兼容性问题

对于ul列表中，经常要求鼠标以上列表项着重显示，此时可以选择使用蒙层的方式，如图：可以采用添加一个蒙层的div，设置其display:none，背景颜色以及透明度，当li:hover时，让其显示。在这个过程中，为了使蒙层显示在文字上方，需要定义pisotion:absolute以及大于列表项z-index的值。然而，由于屏幕分辨率的问题，使用绝对定位将会造成位置显示错乱。

2017-09-05 14:53:16 676

1、js、css已改为静态资源，上传至服务器即可使用 2、启动脚本说明： zk ：zookeeper主机地址，如果有多个，用逗号隔开 port ：应用程序端口 refresh ：应用程序在数据库中刷新和存储点的频率 retain ：在db中保留多长时间 dbName ：保存的数据库文件名，默认为offsetapp offsetStorage：kafka0.8版本以前，offset默认存储在zookeeper中（基于Zookeeper），kafka0.9版本以后，offset默认存储在内部的topic中（基于Kafka内部的topic），Storm Kafka Spout（默认情况下基于Zookeeper）

2019-02-27

commons-beanutils、commons-collections、commons-collections等常用jar 包下载

常用jar包下载，包括commons-beanutils-1.9.3、commons-collections-3.2.2、commons-collections4-4.1

2018-02-23

http-client.jar包下载

http-client.jar包下载 HttpClient是Apache Jakarta Common下的子项目，用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包，并且它支持HTTP协议最新的版本和建议。