- 博客(295)
- 资源 (17)
- 收藏
- 关注
RSS订阅原创 探究CSS属性overflow:hidden的作用：隐藏溢出和清除浮动
1、首先说一下overflow的定义：overflow属性规定当内容溢出元素框时发生的事情。2、overflow属性可能的值： 3、overflow:hidden的作用：1)、对超出尺寸进行裁切，也就是隐藏溢出(这个比较好理解，不做解释)2)、清除浮动: a、浮动的元素会脱离文档流，高度塌陷，同时父元素如果没有主动设置高度，因无法检测到浮动元素的高度，也会塌陷，高度为0。 b、元素浮
2016-03-16 18:17:01
10556
1
原创 关于CSS浮动float属性的了解及清除浮动的方式
声明：本文主要对一些文章关于float介绍自己的理解和整理，方便日后深入研究和使用，同时提供原文链接。正文：1、浮动的本质： 挥刀自宫，破坏inline-box行内框元素特质(即破坏了高度),导致破坏自身模型(line-box线框模型)，进而影响后面元素，实现文字环绕图片显示的效果和页面布局；但用浮动实现页面布局本不是浮动该干的事情。 解释线框模型--行内框(线框)元素
2016-03-16 16:10:38
2261
原创 CSS定位position使用介绍
一、定义：设置元素的偏移效果，一般配合left、top、right、bottom属性共同作用，用于元素定位。 二、position 属性值介绍： 说明:1、文档流：元素未定位前(偏移前)的原本所占的空间仍保留；非文档流：元素未定位前(未偏移前)的原本所占的空间由后面元素填充，被其占用。2、相对元素：作为当前元素偏移的定位元素(或偏移元素的包含块)，以定位元素为基准发生偏移。3、设置成rela
2016-03-15 14:19:43
751
原创 dOffsetLeft、dClientLeft、left区别
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>dOffsetLeft、dClientLeft、left区别</title><script type="text/javascript" src="jquery.min.js"></script></head><body style="position:relative;bor
2016-03-11 13:37:11
734
原创 offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title><script type="text/javascript" src="jquery.min.js"></script></head><body
2016-03-11 13:36:24
14552
3
原创 javascript中new Date()构造函数在fireFox和ie不兼容的问题
//js中使用new Date(str)创建时间对象不兼容firefox和ie的问题 //比如2016-01-29格式的时间字符串通过new Date()将不能得到正确的时间对象 //处理方式如下： var endDate = '2016-01-29'; //方式一：Date.parse(
2016-01-29 18:20:55
2591
原创 js中使用正则表达式(五)特殊字符、匹配模式、捕获组与反向引用介绍
1、方括号 方括号用于查找某个范围内的字符： 表达式 描述 [abc] 查找方括号之间的任意一个字符，不是多个。 [^abc] 查找任何不在方括号之间的任意一个字符，不是多个。 [0-9] 查找任何从 0 至 9 的任意一个数字。 [a-z] 查找任何从小写 a 到小写 z 的任意一个字符。
2016-01-18 17:18:40
5625
原创 js中String类型对象的方法使用
var str = “hello world!”; 一、通过字符获取位置或通过位置获取字符：//指定位置返回字符console.log(str.charAt(1));console.log(str[1]);//指定位置返回字符编码console.log(str.charCodeAt(1));//返回字符串位置console.log(str.indexOf("o"));console.l
2015-12-25 17:17:48
615
原创 javascript函数执行环境创建过程及解析
简单的代码: function say(msg,other){ var str = "nobody say:"; this.name = '笨蛋的座右铭'; function innerMethod(){ alert(str); }; alert(str+msg); } say('h
2015-12-15 10:31:32
1824
原创 javascript脚本从载入浏览器到显示执行的过程解析
简单的代码： <script type="text/javascript" src="xxx.js"></script> <script type="text/javascript"> var i = 10; function say(msg){ alert(msg); } </script> <scrip
2015-12-15 00:16:41
1394
原创 javascript的执行环境及作用域概念总结与理解
一、关于JavaScript代码分类：在javascript中，可执行的JavaScript代码分三种类型： 1. Global Code：即全局的、不在任何函数里面的代码，例如：一个js文件、嵌入在HTML页面中的js代码等。 2. Eval Code：即使用eval()函数动态执行的JS代码。 3. Function Code：即用户自定义函数中的函数体JS代码。二、
2015-12-14 23:26:09
1230
转载 XssFilter防止脚本注入，防止xss攻击
主要用到commons-lang3-3.1.jar这个包的org.apache.commons.lang3.StringEscapeUtils.escapeHtml4()这个方法。 解决过程主要在用户输入和显示输出两步：在输入时对特殊字符如<>" ' & 转义，在输出时用jstl的fn:excapeXml(“fff”)方法。 其中，输入时的过滤是用一个filter来实现， 实现过程： 在we
2015-12-10 13:38:27
9428
原创 easyui ValidateBox validType字段设置多个校验规则
easyui ValidateBox validType字段设置多个校验规则1、单个校验无参数： <input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'" />2、单个校验有参数： <input id="pwd" name="pwd" type="password" c
2015-12-09 16:06:48
26208
2
原创 javascript中函数声明、变量声明以及变量赋值之间的关系与影响
javascript中函数声明、变量声明以及变量赋值之间的关系与影响函数声明、变量声明以及变量赋值之间有以下几点共识： 1、所有的全局变量都是window的属性 2、函数声明被提升到范围作用域的顶端 3、变量声明被提升到范围作用域的顶端 4、变量声明比函数声明的优先级高，变量声明优先于函数声明被提升，如果两者同名同时存在，后被提升的函数声明会覆盖先被提升的变量
2015-12-09 13:28:49
2094
原创 修改tomcat小猫图标，设置项目的favicon图标
修改tomcat小猫图标，设置项目的favicon图标，方式有两种：全局方式和局部方式1、全局方式：进入tomcat服务器\webapps\ROOT，然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片2、局部方式：只对设置的页面起作用，将自己项目需要的favicon.ico图片作为资源文件(一个图片)添加到项目下，然后在页面如index.jsp的<head>标签
2015-12-08 18:34:20
13202
2
原创 自定义jstl fn函数fns
1、引入函数声明：jsp页面需要引入自定义fns函数声明：<%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %>，自定义的tld文件位于/WEB-INF/tlds/fns.tld 一般需要C标签配合使用，同时引入C标签声明：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/cor
2015-12-08 11:37:05
24778
原创 jstl标签库fn函数使用
1、jstl标签库fn函数介绍：jstl标签库fn函数就是在jsp页面或js代码里面使用的函数，它是建立在EL表达式基础上的表达式函数，格式为 ${ns:methodName(args....)}，一般会结合jstl标签库核心标签C标签使用。2、使用fn函数： 引入函数声明： jsp页面需要引入fn函数声明：<%@ taglib prefix="fn" uri="http://
2015-12-08 11:14:00
18651
1
原创 JSTL标签库核心标签C标签的使用
一、jstl标签介绍：jstl标签是为了解决EL表达式不能循环取出集合对象的问题，是建立在EL表达式基础上的语言，两者之间是互通的，属于jsp外部的一个标准标签，库导入标签格式为：<%@ taglib uri=”http://java.sun.com/jsp/jstl/core” prefix=”c” %>二、核心标签C标签使用介绍： 1、 输出标签：<c:out value="${属性名
2015-12-07 18:27:27
8870
1
原创 EL表达式与隐式对象，实现前台从后台取值
EL表达式强大的功能在于在js、jsp页面中直接访问服务器作用域，非常的简洁高效，作用域存储数据的格式为key/value的键值对，在EL表达式中key，则可以取出对应的value值1、EL表达式直接访问相应的作用域，访问的格式为：${作用域.对象}Page：PageScope，使用方式${ pageScope.page_name } Request：RequestScope，使用方式${ requ
2015-12-07 15:40:21
8158
原创 统一处理jquery ajax请求过程中的异常错误信息的机制
当jquery ajax向服务器发送请求，服务器发生异常，比如：400、403、404、500等异常，服务器将异常响应给客户端，此时的ajax可以获取异常信息并进行处理，但此时我们一般是跳转到与异常编码对应的异常页面，对异常集中展现与处理。首先，发送ajax请求： $.ajax({ type: ‘POST’, url: url, data: dat
2015-12-04 17:00:56
12434
1
原创 ajax的基础：XMLHttpRequest对象
1、XMLHttpRequest 用于在后台与服务器交换数据，是实现ajax请求的核心对象，创建XMLHttpRequest的方式(考虑浏览器兼容性)： var xmlhttp; if(window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLH
2015-12-03 10:58:53
731
原创 javascript函数声明与函数表达式的区别：函数声明提升
1、定义函数的方式有两种，函数声明和函数表达式，对应语法：函数声明：function funName(){}函数表达式：var funName = function(){}2、上述两种方式除了定义的语法不同之外，最主要的区别是函数声明具有【函数声明提升】的特点，将函数声明提升到作用域顶端，意思是在执行代码之前会先读取函数声明，也就是说可以把函数声明放在函数调用的后面。下面通过例子说明：例1：
2015-12-01 14:30:10
1027
原创 easyui tree/TreeGrid使用：逐级加载、指定节点刷新、全部展开
1、逐级加载：逐级加载对于数据量比较大的tree，逐级加载可以有效的缓解服务器压力，提升用户体验。逐级加载发送的请求参数：当前节点id，该参数是客户端自动发送的；接收的响应数据：通过当前节点id，查询的直属子级所有数据；所以在逐级加载与全部加载获取tree数据的代码方面，前端easyui方法调用的代码是相同的，而服务端方法不同，逐级加载需要接收当前展开节点id来获取子级数据(首次加载id为空)，全部
2015-11-26 16:43:37
53658
2
原创 easyui 表单自定义验证 正则表达式验证
1、在easyui的API中关于validatebox(验证框)的使用介绍里面，对自定义验证的方式给出了提示： 如果我们想添加自定义验证方法，可以直接写在equals结构后面，代码如下：$.extend($.fn.validatebox.defaults.rules, { equals: { validator: function(value,param){
2015-11-26 11:14:48
12500
原创 javascript把前端错误记录到后台服务器
开发 Web 应用程序过程中的一种常见的做法，就是集中保存错误日志，以便查找重要错误的原因。例如数据库和服务器错误都会定期写入日志，而且会按照常用 API 进行分类。在复杂的 Web 应用程序中，我们同样推荐你把 JavaScript 错误也回写到服务器。换句话说，也要将这些错误写入到保存服务器端错误的地方， 只不过要标明它们来自前端。把前后端的错误集中起来， 能够极大地方便对数据的分析。要建立这样
2015-11-06 14:10:41
4479
原创 使用easyui框架form控件，单选按钮radio或复选框checkbox样式问题
easyui只提供了textbox文本框，未提供单选按钮radio或复选框checkbox控件，在使用过程中，会存在单选按钮radio或复选框checkbox与文本框textbox样式不统一的问题，要保证其样式的统一性，可以通过如下代码实现：form表单html代码： <tr> <td style="text-align:right;">是否管理员：</td>
2015-10-29 15:59:48
74901
3
原创 easyui tree节点取消选择方法
easyui tree控件提供了check、uncheck、select方法，但未提供unselect方法，查看easyui源码文件jquery.easyui.min.js对select方法的定义：可以发现，select方法调用_181方法，再来看一下_181方法：到这里就一目了然了，当点击tree的某个节点时，把已经选择节点的class属性值去掉，然后将点击的当前节点的class属性值设置为选择状
2015-10-29 15:35:51
16624
2
原创 easyui datebox 清空值或添加自定义按钮
为easyui datebox添加清空值或其它自定义按钮，有两个方式，全局和非全局非全局方式：只在当前日期控件上添加按钮代码示例(来源于easyui API)：var buttons = $.extend([], $.fn.datebox.defaults.buttons);buttons.splice(1, 0, {text: 'MyBtn',ha
2015-10-29 14:16:54
2725
原创 CSS盒子模型
一、CSS盒子模型，内容范围包括：margin、border、padding、content 二、padding：内边距 padding-left 设置内容距离左内边框距离 padding-right 设置内容距离右内边框距离 padding-top 设置内容距离上内边框距离 padding-bottom 设置内容距离下内边框距离
2015-10-02 00:03:47
946
原创 CSS定位：普通流定位属性和浮动
一、CSS定位：改变元素在页面上的位置二、CSS定位机制： 普通流：元素按照其在HTML中的位置顺序决定排布的过程 浮动 绝对布局三、CSS定位属性：/**position 把元素放在一个对应的位置中，位置包括： 静态的static 默认属性，此时设置的偏移量将失效，元素也不会产生堆叠 相对的relative 占
2015-10-01 22:53:30
1120
原创 CSS文本和字体
/*CSS字体：用于定义字体的系列、大小、风格、加粗和变形*font-family 设置字体系列*font-size 设置字体大小*font-style 设置字体风格*font-weight 设置字体粗细*font-variant 设置变形，以小型大写字体或正常字体显示文本*//*CSS3对字体系列的改进*1、使用@font-face引入字体，*2、
2015-10-01 20:42:01
1389
原创 CSS轮廓，突出元素
/*CSS轮廓：用于突出元素的作用 *outline 设置轮廓属性 *outline-color 设置轮廓的颜色 *outline-style 设置轮廓的样式 *outline-width 设置轮廓的宽度 */p{ outline-color: red; outline-style:dotted; outline-width: 1px;
2015-10-01 20:05:44
1756
原创 CSS表格
/*table,tr,th,td{ border: 1px solid red;//设置表格边框，同时指定表格边框尺寸、风格、颜色 // border-collapse:collapse;//折叠边框：将表格的双线边框进行折叠，折叠成单线边框// background-color:aquamarine;//设置表格背景颜色// }td{ width: 100
2015-10-01 19:56:25
527
原创 CSS列表
/*CSS列表 *list-style 简写列表项 *list-style-image 列表项图像：可以使用本地图片替换圆点等类型 *list-style-position 列表标志位置，属性值有inside和outside，非常用属性 *list-style-type 列表类型：如默认的圆点disc、空心圆circle、数字decimal、取消none等 */
2015-10-01 19:15:31
471
原创 CSS控制a标签链接的四种状态
/*CSS链接的四种状态 *a:link 普通的、未被访问的链接样式 *a:visited 用户已访问的链接样式 *a:hover 鼠标指针位于链接上方样式 *a:active 链接被点击的时刻样式 */a:link{ color: blue; text-decoration:none;/用于去除下划线/ }a:visited{ color: red; }
2015-10-01 18:37:48
15961
原创 CSS样式背景样式
CSS样式背景样式：body{ background-image:url(“bg.gif”); background-repeat:no-repeat; background-position:left top; background-attachment:scroll; background-size: 300px 300px; back
2015-10-01 17:41:06
637
原创 CSS基础：基本选择器分类和使用
1、通配符选择器（＊）*{ marigin: 0; padding: 0;}//ul元素下的所有元素ul *{border:1px solid blue;}2、元素选择器(Element)li {background-color: grey;}3、类选择器（.className）01、单类选择器<li class="important">1</li><li>2</li>.im
2015-10-01 15:17:01
2376
原创 解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象
现象： 使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象，但是在Chrome下是正常的。原因： 1、easyui的form提交表单并不是真的ajax，而是动态构造了一个隐藏的iframe，然后把我们要提交的form的target指向了构造出来的这个隐藏的iframe，最后执行form[0].submit()。 2、form表单提交到后台，后台响应的结果是一个js
2015-09-28 16:53:53
3424
原创 javascript系列(3)-在html的文档模式
文档模式的概念是IE5.5首先引入的，分为两种：混杂模式和标准模式，后又提出准标准模式。文档模式主要影响的是CSS的展现，但在某种情况下也会影响javascript的解析执行 混杂模式为浏览器默认型，不同浏览器之间差异比较大，不推荐使用 标准模式为严格型，可以让浏览器更接近标准行为，设置标准模式即严格型如下： 准标准模式为过度型或框架型，与标准模式基本没有差异，设置
2015-09-23 18:05:14
452
原创 javascript系列(2)-在html里面使用javascript
1、<script>标签介绍：在HTML页面中使用javascript的方法是使用<script>标签，该标签已被加入到HTML规范中， 1.1、它所具有的属性有： async:可选。表示应该立即下裁脚本,但不成妨碍更面中的真他操作,比如下裁其他资源或等特加裁其他脚本 。 只对外部脚本文件有效。 charset,可选,表示通过 src属性指定的代码的字符
2015-09-23 17:51:41
580
深入分析Java Web技术内幕 修订版.pdf
2018-04-09
spring事务管理几种方式代码实例
2016-08-22
spring-aware接口实现与bean作用域(spring多容器层面)
2016-08-08
poi-bin-3.8-20120326.zip
2013-07-26
poi-bin-3.7-20101029.zip
2013-07-26
xml数据前后台解析：jdom与dom4j源码，程序可以跑
2013-04-01
SVN1.6.17 服务器-客户端-汉化包-安装文档
2012-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人