- 博客(136)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 box-sizing
box-sizing作用：用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型属性值： content-box: 默认值。使用此属性值时，盒子模型的宽度和高度计算公式为 宽度 = 左边框宽度 + 左内边距 + 内容区宽度 + 右内边距 + 右边框宽度 高度 = 上边框宽度 + 上内边距 + 内容区高度 + 下内边距 + 下边框宽度border-box:设为此属性值时，盒子模型的...
2018-07-25 18:33:06
252
原创 块元素水平垂直居中
通过定位的方式可使块元素在其父元素内垂直水平居中，前提条件是，父元素的position不是static。 备注：块元素脱离文档流后，可见区域宽度和高度由内容区内容、内边距、边框撑开<!DOCTYPE html><html> <head> <meta charset="utf-8" /&am
2018-07-21 14:18:02
208
原创 web项目引入日志框架
SLF4J SLF4J（Simple Logging Facade for Java，即Java简单日志记录接口集）是一个日志的接口规范，它对用户提供了统一的日志接口，屏蔽了不同日志组件的差异。这样我们在编写代码的时候只需要看 SLF4J 这个接口文档即可，不需要去理会不同日之框架的区别。而当我们需要更换日志组件的时候，我们只需要更换一个具体的日志组件Jar包就可以了。logback...
2018-07-18 18:40:11
570
原创 Git忽略规则及忽略已被跟踪的文件
常用忽略规则/abc/：忽略根目录下的abc文件夹以及abc文件夹下的所有子文件夹和文件 bcd/：忽略根目录下或者根目录下任意子目录下的bcd文件夹以及bcd文件夹下的所有子文件夹和文件 /mmm.txt：忽略根目录下的mmm.txt文件 nnn.txt：忽略根目录下或者根目录下任意子目录下的nnn.txt文件根目录：即工作区目录。工作区、暂存区、版本库概念忽略已被跟踪的文件...
2018-07-18 08:58:28
6415
原创 vim编辑器三种模式及常用命令
命令模式vim编辑器启动就是命令模式，命令模式下可进入输入模式或底线命令模式。命令模式一般常用来进行查看、复制、删除、粘贴操作。 常用命令： 1.dd：删除光标所在行 2. d数字d：从光标所在行开始，向下删除指定数字的行 3. u：撤销上一步 4. yy：复制光标所在行 5. y数字y：从光标所在行开始，向下复制指定数字的行 6. p：在光标所在行下面一行插入复制的一行或多行 ...
2018-07-08 19:19:58
7724
原创 Spring MVC拦截器初步使用及拦截器方法的调用顺序
拦截器的使用在WEB项目中，要使用Spring MVC 拦截器的步骤如下： 1. 写一个类实现org.springframework.web.servlet.HandlerInterceptor接口，实际应用中，一般继承自org.springframework.web.servlet.handler.HandlerInterceptorAdapter抽象类（其本质上也是实现了org.spri...
2018-07-06 09:07:09
714
原创 解决 easy ui 异步树展开节点仅加载一次子节点数据问题
异步树展开子节点Easy ui的异步树，在第一次展开节点时，从后端加载数据，然后渲染成子节点。之后，关闭该节点再次打开该节点时，它不会从后端再次加载子节点。存在的问题及解决由于异步树仅在第一次展开节点时加载数据，当我们需要在每次展开节点时都从后端加载数据时，变得有些困难。解决方案有以下两个： 1. 调用tree组件的reload方法，此方案没真正实现过，不讨论。 2. 把每一次展开...
2018-07-05 19:48:41
1591
原创 remove()和empty()方法删除DOM元素
示例<div class="box1"> <h3>I'm h3 element.</h1> I'm text. <p>A</p> <p>B</p> <p class="del-flag">C&
2018-07-04 09:02:34
1466
原创 Chrome开发者工具调试JS代码片段
Snippets（代码片段）作用：Chrome开发者工具的Snippets提供了在Chrome里保存及运行或者调试一段js代码的功能 入口：Chrome开发者工具-Sources面板-Snippets面板打断点调试js代码// 遍历对象的属性var user = {name:'a',age:22};$.each(user,function(propertyName,propert...
2018-07-02 13:02:48
3244
原创 EASY UI之tree组件reload方法详解
reload方法reload方法在官方文档上由如下说明： Name Parameter Description reload target Reload tree data.参数说明target：要重载节点的DOM对象，即通过tree组件相关方法获得的node对象的target属性值。描述从远程服务器发AJAX请求加载数据，请求...
2018-07-02 09:39:19
6045
原创 mousedown、mouseup、click事件之间的关系及执行顺序
三个事件的触发时机mousedown当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生 mousedown 事件。 与 click 事件不同，mousedown 事件仅需要按键被按下，而不需要松开即可发生。mouseup当在元素上松开鼠标按键（左、右键均可）时，会发生 mouseup 事件。 与 click 事件不同，mouseup 事件仅需要松开按钮。当鼠...
2018-06-22 16:30:18
94715
3
原创 解决png格式图片在IE6中无法透明
解决方案为了解决png格式图片在IE6中无法透明（其实是图片中的透明背景在IE6中会显示成灰色）问题，这里提供一种方案，该方案需要借助一个外部js文件来解决，该js文件下载地址：解决png格式图片在IE6无法透明的js文件 1. 在出现png图片无法透明的页面引入上述js文件 2. 在body标签的最后加入下面的代码，fix方法的参数是需要解决透明问题的png图片的选择器，可以是多个选择器...
2018-06-17 12:14:19
324
原创 CSS常用简写属性的属性值顺序
border边框样式常用属性是：边框宽度、样式、颜色，在简写属性中。属性一般按照上述顺序，多个属性值之间用空格隔开。例：border:1px solid #ff0000font字体样式常用属性的有：字体大小、行高、字体系列、字体粗细。在简写属性中，属性一般按照如下顺序：字体粗细、字体大小、字体系列，多个属性值之间用空格隔开，行高一般与字体大小连在一起，中间以/ 分隔。例：font: b...
2018-06-13 20:03:31
2030
原创 JSON与JS对象
比较<script> // JS对象 var obj1={}; // JS的对象 var obj2={width:100,height:200}; // JS的对象 var obj3={'width':100,'height':200}; // JSON格式的JS对象 var obj4={"width":100,"he...
2018-06-07 11:59:53
245
原创 Java继承——父子类初始化
示例class User{ public User() { System.out.println(&amp;quot;User's constructor...&amp;quot;); }}class Parent{ private User user = new User(); public Parent() { System.out.println(&amp;quot;P...
2018-06-04 09:15:26
486
原创 Java继承——代码块与构造器
示例class Parent { static { System.out.println(&quot;Parent's static code block...&quot;); } { System.out.println(&quot;Parent's constructor code block...&quot;); } public Parent() {...
2018-06-01 11:19:48
254
原创 WEB页面显示XML文档内容
存在问题XML文档中内容都是自定义标签，浏览器会把自定义标签解析，最终显示的只有自定义标签中的内容。而我们需要显示整个XML文档中的内容，包括自定义标签。解决方案浏览器解析自定义标签的原因是：XML文档中自定义标签结构与HTML标签结构相同，都是 < 开头，>结尾的。为了让浏览器不解析自定义标签，同时还需要显示自定义标签的< 和 >，我们需要把 < 和 &...
2018-05-30 12:52:55
6215
原创 Session的活化与钝化
活化与钝化Session的钝化指的是将内存中Session信息写到服务器本地文件文中，活化是指将服务器本地文件中的Session再次读回到内存。Tomcat管理Session细节默认情况默认情况下，Tomcat也是开启了Session的活化与钝化功能，只不过在Tomcat服务器停止与启动的时候才会触发钝化与活化。钝化它会把多个用户的Session都放进SESSIONS.ser文...
2018-05-25 22:59:57
1649
原创 文本溢出显示省略号
直接给容器元素设置如下样式即可.table-info{ // 其他样式省略 white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}效果
2018-05-24 19:24:55
939
原创 Java项目文件路径
读取Java项目中的文件eclipse中项目结构 对应到磁盘上的目录结构 1.文件位于项目根目录下File file1 = new File(&amp;quot;folder1/a.xml&amp;quot;);System.out.println(file1.exists()); // trueFile file2 = new File(&amp;quot;b.xml&amp;quot;);System.out.pr
2018-05-19 19:01:25
13616
原创 bean的作用域与创建时机
常用作用域Spring 的 IOC 容器所管理的 bean ，其常用作用域有singleton和prototype。可以在spring配置文件中配置 bean 的时候，指定其 scope 属性值的方式来设置 bean 的作用域。也可以通过在 bean 的类上加上 @Scope 注解，指定其 value 属性值的方式来设置 bean 的作用域区别与创建时机作用域为 singleton...
2018-05-18 08:57:16
293
原创 Linux常用命令
在local目录下创建tomcat文件夹mkdir /usr/local/tomcat将文件复制到某个文件夹下-i 表示若文件存在则会先进行询问是否要覆盖 cp -i apache-tomcat-7.0.86.tar.gz /usr/local/tomcat/解压tar.gz结尾的文件到指定目录-C 表示解压到指定目录，后面跟已经存在的目录。如果不指定解压目录，默认解压到当...
2018-05-18 08:38:16
252
原创 layer弹出层不居中
原因layer弹出层如果不设置offset属性，默认是居中弹出。若没有设置offset属性，且不是垂直居中弹出，目前我遇到的情况其原因是：可能由于fixed定位或者absolute定位布局，导致元素脱离文档流，使得body看起来很高，但实际高度并没有被撑开，可以使用chrome开发者工具查看验证一下。解决给body加设置高度样式height:100%;...
2018-04-28 10:09:19
11421
6
原创 Java内存区域
Java内存区域包括：运行时数据区域、直接内存运行时数据区域运行时数据区是JVM在执行java程序过程中，把它所管理的内存分配为若干个不同的数据区域。JVM所管理的运行时数据区域有：程序计数器、Java虚拟机栈、本地方法栈、堆、方法区程序计数器此区域线程私有，随线程的启动和结束而建立和销毁，生命周期与线程相同作用：存储当前执行的字节码指令在内存中的地址（若JVM执...
2018-04-21 17:03:06
169
原创 CSS之堆叠顺序z-index
z-index只对开启了定位（position属性值不为static）的元素有效z-index值越大，元素的位置越靠近用户显示，反之越远离用户，容易被它上面的元素（z轴方向）遮住如果父、子元素都开启了定位，父元素的z-index不管有多大，子元素永远在它上面不会被遮住...
2018-04-17 20:59:13
365
原创 解决float导致父元素高度塌陷（也可解决父子元素相邻垂直外边距重叠）
解决高度塌陷原理核心思想就是利用CSS的clear样式对浮动元素的兄弟元素清除浮动，消除浮动对其造成的影响。 具体做法： 0. 利用:after伪类选中高度塌陷元素的内容后面 1. 使用content:"";在高度塌陷元素的内容后面插入空白内容 2. 使用display: block;让其变成块元素。（这里最终版解决方法使用的是display: table;，原因见后续） 3...
2018-04-12 21:13:11
570
原创 CSS之浮动float
浮动的特点浮动的元素会脱离文档流浮动元素会尽量的往左上float:left;或右上float:right“漂”，直到遇到父元素内容区边界（可能是父元素的padding，也可能是border）或者另一个浮动的元素若浮动元素的上边是一个没有浮动的块元素，则该浮动元素可以“漂”到的区域只能在上边那个没有浮动块元素的下边浮动的元素不会“漂”到他结构上是兄弟的、浮动的元素的上边浮动的元素不会盖...
2018-04-10 21:45:42
294
原创 元素框的显示方式display
displaydisplay属性设置的是元素生成的框的类型，常用可选值有 1. none 元素不显示，即隐藏 2. inline 元素作为内联元素显示，默认值 3. block 元素作为块状元素显示 4. inline-block 元素作为行内块元素显示，既可以设置宽高，又不会独占一行display:none; 与 visibility:hidden;display:none;...
2018-04-07 11:54:15
660
原创 CSS盒模型
盒模型包含的部分内容区内边距边框外边距盒子的可见区域盒子可见框的宽度 = 左边框宽度 + 左内边距 + 内容区宽度 + 右内边距 + 右边框宽度盒子可见框的高度 = 上边框高度 + 上内边距 + 内容区高度 + 下内边距 + 下边框宽度盒子的背景颜色一旦我们设置了背景颜色，这个背景颜色会应用到内容区、内边距、边框。可以通过设置边框的类型为dotted或doubl...
2018-04-07 11:49:21
243
原创 遍历JS对象的属性
示例代码var o = {id:2333,name:'Bob',age:22,birth:'1970-01-01'};$.each(o,function(propertyName,propertyVal){ console.log(propertyName,propertyVal);});运行结果原理$.each(object/array,callback)...
2018-04-03 19:34:20
243
原创 iframe的src属性设为'#'导致父页面二次加载
发生情景子 iframe 包含在父页面中，我们想在加载父页面的时候，不立即加载子 iframe ，于是我们设置了子 iframe 的 src 属性值为 # 作为占位符。问题打开chrome开发者工具，向服务器发送请求加载父页面。在开发者工具Network选项卡下，会发现加载父页面的请求它发送了两次，这肯定不是我们希望的情况。解决方式若希望在加载父页面的时候，不去立即加载子if...
2018-03-29 08:45:56
2551
1
原创 JS全局正则表达式匹配同一字符串结果不一致
示例var regex = /^\d*$/g;var s = '2333';console.log(regex.test(s));console.log(regex.lastIndex);console.log(regex.test(s));console.log(regex.lastIndex);console.log(regex.test(s));console.log(...
2018-03-28 22:34:38
3063
原创 获取字符串中所有符合条件的子串
需求获取字符串中所有与条件匹配的子串。解决方案给出与条件相符的正则表达式，该正则表达式必须是全局的。调用字符串的match(regex)方法，该方法会匹配到字符串中所有符合条件的子串，并将他们放在一个字符串数组中返回。示例// 创建全局的正则表达式，匹配所有连在一起的数字字符串var regex = /\d+/g;// 瞎给的字符串var s1 = '2333ab...
2018-03-28 22:11:44
6470
原创 CSS之position定位
static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。不设置position属性时，默认也是这种情况。relative（相对定位）相对定位的元素是相对于其在文档流中原来的位置进行定位相对定位的元素不会脱离文档流，它原本所占的空间仍保留。相对定位会比static定位的元素高一个层级（可以理解相对定位的z-inde...
2018-03-25 15:30:05
266
转载 $.attr()与$.data()的区别
本文参考自wdskuki的文章，文章地址Jquery中.attr()和.data()的区别本质区别$.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。示例代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...
2018-03-25 14:48:27
3804
2
原创 获取子窗口的window对象
iframe窗口名在Chrome控制台显示情况iframe没有设置id和name属性值，chrome控制台显示iframe名则是截取url地址最后一个斜杠后面的部分（猜测）iframe设置了id值但没有设name属性值，chrome控制台显示iframe名则是id属性值iframe同时设置了id值和name属性值，chrome控制台显示iframe名则是name属性值获取子窗口...
2018-03-25 14:32:22
5894
原创 利用正则表达式匹配所有符合条件的子串
思路利用Matcher对象的find()方法与while循环结合，匹配到字符串中所有与正则匹配的子串。在循环体中利用Matcher对象的group()方法拿到当前匹配到的子字符串。示例代码@Testpublic void testRegexp() { String s = "Hi Job,(213,456) and (AAA,/* notes */BBB) ,()oooo(a...
2018-03-25 14:04:01
12798
原创 Java利用正则去除字符串中的空白字符
目标去除字符串中所有的空白字符，包括空格、制表符、回车符等所有空白字符思路根据字符串长度，利用循环遍历字符串此方法太笨拙。这里利用正则表达式，匹配所有的空白字符，然后将匹配到的空白字符替换为 "" 空串即可。代码private String replaceBlank(String s) { String result= null; if (s == null...
2018-03-25 13:36:54
9189
原创 Git命令之git commit
作用将暂存区的内容提交到本地版本库的当前分支将被监视的文件添加到暂存区，然后再提交到本地版本库的当前分支（该解释纯属个人理解，与官方解释有出入，但效果和官方解释效果一样）用法git commit -m "注释内容" 该命令的效果是作用1 git commit -am "注释内容" 该命令的效果是作用2...
2018-03-25 13:30:15
8708
原创 Git命令之git reset（撤销）
作用撤消提交用法git reset --mixed HEAD^ 与git reset HEAD^效果一致，撤消上一次的提交，回滚到上上次提交状态（把HEAD指向上上次提交）。清空上次提交时暂存区信息和commit信息，不会清空工作区（对代码做的改动都还在），相当于回到了git add .之前的状态。git reset --soft HEAD^撤消上一次的提交，回滚到上上次提交状态（...
2018-03-25 13:14:14
975
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人