2016年08月_benoxo

原创多列自适应布局

多列布局是从两列布局引申出来的，所以我们先来看两列布局两列布局：定宽 + 自适应HTML结构如下所示：<div class="parent"> <div class="left"> <p>left</p> </div> <div class="right"> <p>r-left</p> <p>r-right</p> </

2016-08-28 20:31:01 595

原创水平排列元素的底部对齐

最终运行结果 HTML结构<div class="parent"> <div class="child" style="height: 200px; width:50px; background-color: red;">red</div> <div class="child" style="height: 140px; width:50px; background-color

2016-08-28 14:59:52 17148

原创 CSS水平垂直居中布局

水平垂直居中布局HTML结构如下所示<div class="parent"> <div class="child">demo</div></div>1. [inline-block + text-align] + [table-cell + vertical-align]前半部分实现水平居中，后半部实现垂直居中.parent { display: table-cell; v

2016-08-28 14:45:00 568

原创 CSS垂直居中布局解决方案

垂直居中布局解决方案HTML结构如下<div class="parent"> <div class="child">demo</div></div>1. table-cell + vertical-align.parent { display: table-cell; vertical-align: middle;}优点：兼容性很好，兼容至IE6(*zoom)2. a

2016-08-28 14:15:24 408

原创 servlet读取资源配置文件

servlet读取资源配置文件1. ServletContext.getResource先在项目的src/main/resource/目录下创建一个my.properties文件，文件内容如下name=value在Servlet中通过下面方式获取资源文件 // 第一种方法getResourceServletContext ctx = this.getServletContext();URL

2016-08-28 13:21:50 1611

原创 servlet初始化参数配置方式

servlet初始化参数配置方式1. init-param在部署描述符中的节点下添加节点 <servlet> <init-param> <param-name>name</param-name> <param-value>servlet-value</param-value> </init-param> ... </servlet>之后在

2016-08-28 12:58:58 2941 1

原创 CSS图片轮播组件布局方案

最终效果如下图所示 HTML结构如下<div class="m-slide">   <img src="" alt="" width="250" height="150"> <div class="pointer"><i></i><i></i><i></i></div></div>这里的silde的宽高未知1. absolu

2016-08-28 00:17:22 2896

原创 CSS水平居中布局解决方案

HTML结构如下<div class="parent"> <div class="child">demo</div></div>这里的父元素和子元素的宽度都未知1. inline-block + text-align.child { display: inline-block;}.parent { text-align: center;}优点：兼容性很好，可以兼容到IE6（*zo

2016-08-27 23:19:44 398

原创 maven一键部署java项目到tomcat

配置环境如下 ecplise Mars.1 Release (4.5.1)、Apache Maven 3.3.9 、tomcat7 1. 配置tomcat 首先到tomcat安装目录下的conf下，修改tomcat-users.xml文件在节点中添加下列内容<tomcat-users> <role rolename="manager-gui"/> <role rolename="m

2016-08-27 23:06:27 1701

转载 git简明教程

原文：http://www.bootcss.com/p/git-guide/ 作者：罗杰·杜德勒这里只做了简单的整理，侵权删除创建新仓库创建新文件夹，打开，然后执行 git init以创建新的 git 仓库。检出仓库执行如下命令以创建一个本地仓库的克隆版本：git clone /path/to/repository 如果是远端服务器上的仓库，你的命令会是这个样子：git clone us

2016-08-27 22:10:51 345

原创 Linux安装配置java开发环境

Linux安装配置java开发环境安装jdk下载jdk压缩包目前jdk的下载还是在oracle http://www.oracle.com/technetwork/java/javase/downloads/index.html 复制下载url linux下用wget命令执行下载wget [url]解压 tar命令执行解压tar -zvxf [jdk---.tar.gz] -C

2016-08-27 00:51:30 542

原创 JS中的DOM简介

DOM是什么DOM是document object model的缩写，中文直译为文档对象模型。DOM提供了一系列的方案，其作用是用对象描述文档。需要指出的是，DOM是一个规范，而不是某个特定的编程语言的实现。所以不仅是js有DOM，任何一种语言都可以实现DOM的规范。但是在js中DOM的作用举足轻重，甚至可以说日常的开发基本都和DOM有关。

2016-08-17 00:49:31 971

darktrip