似凡非凡-CSDN博客

原创 Tomcat 部署多个项目时webAppRootKey冲突

Tomcat 部署多个项目时webAppRootKey冲突部署新的web项目，tomcat起不来，发现罪魁祸首是web.xml 里面的webAppRootKey导致的。之前没接触过这个，引发深思。分析原因：多个项目要对webAppRootKey进行配置，主要是让log能将日志写到对应项目根目录下先看下错误日志Web app root system property...

2018-08-02 17:13:56 601

原创 web安全问题解决方案

1. 防止网站被人嵌套解决方法：在该jsp文件的顶部加入response.setHeader("X-Frame-Options","SAMEORIGIN"); %>2. el表达式XSS攻击解决方法：// 第一种解决方法,这种方法比较通用，对于特殊场景不适用out value="${page.name}" />// 第二种解决方法，适用于特殊场景"http:/

2018-01-08 15:00:46 547

原创 jsTree使用记录

jsTree使用记录新项目是移植的旧项目，项目其中一个树插件jsTree我没有用过，踩了很多坑销毁树当多次调用树的时候，一定要销毁树才能再次调用。（本人清空数据会出现各种错误）// 销毁 dialog$(this).dialog('destroy');// 销毁 jsTree$('#dailogTvmTree').jstree("destroy");清空数据//$('#jstree2'

2017-12-19 23:36:02 326

原创原生js获取select标签选中值

this.selectedIndex; // 选中的索引this.options[_index].text; // 选中的文本this.options[_index].value; // 选中的值<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js获取select选中值</title>

2017-06-28 18:08:55 2822

原创 eclipse远程码云仓库失败问题

罄竹难书。。。。因为码云可以存放私人代码，所以不再使用svn转向git。然而在使用过程中却发现了问题，我特么的远程码云仓库失败，提示cannot open Git-upload-pack。首先，你要访问码云网站是否可以正常访问，如果不能正常访问，页面可以关了，如果可以正常访问，那么请继续看下去。原因： 1. 网络问题，各种因素导致的外网不稳定。 2. eclipse中的egit配置问题。

2017-06-28 18:05:04 753

转载 jQuery笔记

jQuery是一个简洁快速灵活的JavaScript框架，能让你在网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。1 jq大多是基于 document 一个或多个元素进行操作的，选择元素就是基础。1.1 通过tagName匹配。 $("p")就是选出所有的document中P标签的元素。1.2 通过ID匹配。 $("#list1")就是选出所有的document中

2017-06-28 18:01:50 258

原创常用css记录

/*单行超出隐藏*/.over-hid{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

2017-06-28 17:35:17 291

转载解决IE不支持getElementsClassName的方案

在DOM3里已经加入了getElementsByClassName这个方法，然而IE9、10以外的其它版本均不支持，这是一块伤痛啊！目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。网上部分人直接定义一个getElementsByC

2016-10-17 15:45:49 1066

原创移动端禁止遮罩层下面的页面滑动

在移动端页面上写遮罩层，遮罩层又是可以滑动的，那么遮罩层下面的页面也会随着用户滑动遮罩层而滑动。解决思路1：禁止touchmove的默认行为。所以想到的都是preventDefault()，然后阻止冒泡。这个太复杂了。（不推荐）这个方法不推荐，推荐下面的方法解决思路2：打开遮罩层的时候，给遮罩层下面的页面添加fixed，页面就是固定的，没办法滑动了。（推荐）

2016-06-24 11:18:57 6449 1

原创看天猫图片列表自适应小结

代码拷下来，自己改动，发现和天猫的完全不一样。天猫是用padding填充的，我改了其中的值，导致图片显示不完整。找不到原因。。。TM的原来是我忘记总宽度了，因为图片是自适应，宽度不一致，高度自然不一致。

2016-06-15 18:18:54 1248

原创移动端rem布局的理解

rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过rem计算的规则是依赖根元素,em是依赖父元素计算。rem布局原理是，先按定高宽设计出来页面，然后转换为re

2016-05-20 13:44:49 12319 6

原创 js操作节点

查找节点查找子节点，通过ID或者是class获取event.childNodes; //取到的是数组，需要循环或者通过下标取数据查找子节点，已知是第一个event.firstChild; //取到子节点中的第一个数据的对象查找子节点，已知是最后一个event.lastChild; //取到子节点中的最后一个数据的对象>

2016-05-12 14:22:34 512

原创原生js实时监听input、textarea输入

监听方法实时监听input、textarea输入，进行其他的操作。//监听事件function inputLoad() { var input = document.getElementById("input"); input.addElementListener("input",test,false); //绑定事件}//监听后的操作function test() {

2016-05-05 13:29:11 3788 6

原创 rem布局百分比与rem的比例换算

1rem = 3.125% 1% = 0.32rem 1px = 0.3125%

2016-05-03 10:23:35 4456 1

原创 input与textarea实时监控，原生JS与JQ两种方法

之前一直在用JQ的方法对input与textarea输入实时监控，今天在偶然下发现了原生JS的方法对input的实时监控。废话不多说了，直接上代码。HTML代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>input实时监控</title> </head><body>

2016-03-18 17:53:54 4816

转载 li浮动引起ul高度坍陷的解决方法

我们都知道float在CSS中的作用是使元素脱离正常文档流并使其移动到其父元素的“最左边”或者“最右边”。元素浮动之后，它脱离当前正常的文档流，所以无法撑开其父元素，造成父元素高度塌陷。解决方法：一、直接ul添加高度ul{ height: 40px;}二、ul添加样式zoom:1;(只对IE有效)ul{ zoom: 1;}三、ul添加样式overflow: hidden;z

2016-03-11 18:37:52 399

原创页面滚动到底部，悬浮条固定到页面底部。

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0; padding: 0; } body{height: 2800px;} p{

2016-02-02 17:12:47 1318

原创 JQ使用集合

jq实现input输入实时监控html代码<input id="userNaem" name="productName" class="wid10" type="text" value="" /> JQ代码//绑定input $('#userNaem').bind('input propertychange', function() { //执行方法 alert("执行的方法");

2016-01-28 16:11:35 501

原创移动web ios

1.input 阴影去除方法input,textarea,{/*去除输入框内部阴影*/ -webkit-appearance: none;}2.按钮或者其他元素点击阴影*{ /*去除全部元素点击高亮阴影效果方法*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transp

2016-01-28 15:34:42 319

转载移动web开发资源

meta篇1.视窗高度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如：width=640 则是640px的宽度

2016-01-28 09:23:05 329