- 博客(49)
- 资源 (7)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 Html5 placeholder 兼容（不支持的浏览器ie）
(function($) { $.fn.PlaceHolder = function(className) { var _set = function($em, opt) { for (i in opt) { switch(i) { cas
2014-10-13 11:34:26
797
转载 Javascript 跨域表单提交状态的变相判断
document.testform.onsubmit = function () { document.testform.submitbtn.disabled = true; submitMonitor();}function submitMonitor () { try{ var hash = document.getElementById('tes
2014-09-29 15:31:00
667
转载 web前端 js模拟id
//生成32位随机数 var GC_UUID=function(){ var S4=function(){ return (((1+Math.random())*0x10000)|0).toString(16).substring(1); } return (S4()+S4()+S4()+S4()+S4()+
2014-09-26 10:16:14
601
转载 js本地存储解决方案(localStorage与userData)
WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。sessionStorage与localStorageW
2014-09-12 09:56:58
678
原创 获取图片宽和高
// 获取图片宽和高 var getPicSize = function (path) { var size = { width: 0, height: 0 }; var image = new Image(); image.src = path;
2014-09-04 15:21:02
973
转载 jQuery HTML5 uploader
分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。
2014-09-03 16:13:25
1207
转载 Eclipse 开发过程中利用 JavaRebel 提高效率
Eclipse 是 Java 语言开发过程中的利器，相比较 MyEclipse 来说免费且运行速度快。但是修改 Java 类文件后，Eclipse 会自动将修改后的文件更新到 Tomcat 应用目录下并且将系统重新启动。对于后台管理系统的开发，经常导致 session 丢失而需要重新登录，特别是比较复杂的应用重新启动也是一个漫长的等待过程。可以利用 JavaRebel 插件的特
2014-08-29 15:03:31
498
原创 渐变背景
/*For Safari*/ background: -o-linear-gradient(right, #c9e4f1 3%, #c7c0dc 20%, #f3d1de 40%, #f6cfba 60%, #f9f7d0 80%, #cae3cc 100%); /*For Opera 11.1 to 12.0*/ background: -moz-linear-gradient
2014-02-27 17:54:55
512
1
原创 获取地址栏的参数
function getParam(name){ var href=window.location.href,urlDataArr=href.split("#")[1], val,nameLength=name.length; if(urlDataArr.indexOf("&")>0){ var star=ur
2014-02-17 12:02:18
545
转载 横向滚动
//滚动鼠标时 滚动横向滚动条$doc.unbind('mousewheel').bind('mousewheel', function (event) { if ($doc.outerWidth() > $win.width()) { if (event.deltaX === 0) { $doc.scrollL
2014-02-13 15:31:54
539
转载 获取地址栏中的参数
//地址栏参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg);
2014-02-12 10:53:15
512
转载 js 链接地址验证
function IsURL(str_url){ var strRegex = "^((https|http|ftp|rtsp|mms)?://)" + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" //ftp的user@ + "(([0-9
2013-12-04 17:42:46
1440
转载 js 删除数组中的重复项
/**返回 删除重复项后的数组**/Array.prototype.distinct=function(){ var a=[],b=[]; for(var prop in this){ var d = this[prop]; if (d===a[prop]) continue; //防止循环到prototype
2013-11-14 14:27:24
584
转载 js 删除数组元素
var arr=[’a',’b',’c'];若要删除其中的’b',有两种方法：1.delete方法:delete arr[1]这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用for(index in arr)document.write(’arr[’+index+’]=’+arr[index])
2013-11-14 13:05:49
596
转载 HTML5 drag & drop 拖拽与拖放简介
转自：张鑫鑫一、前面的话HTML5提供专门的拖拽与拖放的API，以后实现这类效果就不必乱折腾了。但是，考虑到Opera浏览器似乎对此不感冒，在通用性上有待商榷，所以这里也就简单说一说。二、相关重点DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。draggable 属性：就是标签元素要设置draggable=tr
2013-10-13 19:30:33
1160
转载 前端开发规范文档
1. XHTML的编写代码规范1.1 文档类型声明及编码: 统一为html5声明类型; 编码统一为, 书写时利用IDE实现层次分明的缩进;1.2 非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部;1.3 引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:…1.4 引入JS库文件, 文件名须包含
2013-10-08 23:49:51
873
转载 JS添加修改URL参数
function ChangeParam(name, value) { var url = window.location.href; var newUrl = ""; var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)"); var tmp = name + "=" + va
2013-08-22 18:28:00
953
转载 javascript-按圆形排列DIV元素(一)---- 分析
一、分析图：绿色边框内：外层的DIV元素,相对定位;白色圆形框：辅助分析的想象形状;白点：为白色圆形的圆心点，中心点，点o;圆心角：角NOG;黄色：需要按圆形排列的，绝对定位的DIV元素;红色点：为每个黄色DIV的坐标点;即绝对定位时的元素，left值 和 top值 ，设置的点二、涉及到的概念定义：2.1、弧度：弧度是角的度量单位。（红色部分
2013-08-15 18:07:47
1638
转载 log4j配置
原文地址：http://www.blogjava.net/zJun/archive/2006/06/28/55511.htmlLog4J的配置文件(Configuration File)就是用来设置记录器的级别、存放器和布局的，它可接key=value格式的设置或xml格式的设置信息。通过配置，可以创建出Log4J的运行环境。1. 配置文件Log4J配置文件的基本格式如
2013-07-14 16:35:33
468
转载 jquery 自定义插件开发
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型
2013-07-05 17:23:44
705
1
转载 常用正则表达式
"^\d+$" //非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\d+)|(0+))$" //非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\d+$" //整数 "^\d+(\.\d+)?$" //非负浮点数（正浮点数 + 0） "^(([0-9]+\.[0-9
2013-06-27 16:09:51
482
转载 js window 对象
Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.do
2013-06-27 10:48:57
816
转载 JavaScript callback function 理解
看到segmentfault上的这个问题 JavaScript 回调函数怎么理解,觉得大家把异步和回调的概念混淆在一起了。做了回答：我觉得大家有点把回调(callback)和异步(asynchronous)的概念混淆在一起了。定义回调是什么？看维基的 Callback_(computer_programming) 条目:In computer programming
2013-06-27 10:28:08
3476
转载 js 捕捉元素事件
/*捕捉鼠标滚轮事件*/var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) {//IE/Opera/Chrome userMouse(e.wheelDel
2013-06-27 10:04:24
762
转载 配置文件WEB-INF/urlrewrite.xml
1. DTD约束 PUBLIC "-//tuckey.org//DTD UrlRewrite 3.0//EN" "http://tuckey.org/res/dtds/urlrewrite3.0.dtd">2. 2.1. default-match-type(可选): 2.1.1. regex, 默认. 所有未指定match-type
2013-06-26 22:15:25
1223
原创 等宽瀑布流
js(function(){ /*全局变量*/ var $_warp=$(".layout"); var $_win=$(window); //初始化 流块 window.init=function(){ var boxs=new Array(); $.ajax({
2013-06-24 11:05:15
595
转载 jQuery plugin: Validation 使用说明
一导入js库 二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必
2013-06-08 17:56:54
649
原创 css 3 常用文本属性
一 text-overflow (规定当文本溢出包含元素时发生的事情) 浏览器支持：所有主流浏览器 值：clip (修剪文本) ellipsis (显示省略符号来代表被修剪的文本) string (使用给定的字符串来代表被修剪的文本)二 word-break (规定自动换行的处理方法) 浏览器支
2013-06-07 22:24:16
594
翻译 css3 边框
一 border-radius（圆角边框） border-radius: 10px; //复合属性 等价于： boder-top-left-radius:10px; boder-top-right-radius:10px; boder-bottom-right-radius:10px; boder-bottom
2013-06-07 22:02:56
479
翻译 jquery 阻止冒泡
Jquery 阻止冒泡.aa{ width:50px; height:50px; background-color:#ff0000; }.bb{ width:100px; height:100px; background-color:#000;} .cc{ width:200px;
2013-06-06 22:35:28
536
翻译 图片等比缩放
function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; /* image.width 图片原宽 image.height 图片原高 FiWidth 显示图片区域宽 FitHeight 显示图
2013-06-05 17:50:03
593
原创 满屏遮罩层
功能介绍： 点击事件触发后，在Dom中添加一个遮罩层（页面滚动条），然后在Dom中添加要显示的内容。这样就可以满屏纯粹展示表达的内容，没有滚动条，页面效果尽可能的显示到完美！用于详细图片浏览效果最佳！兼容性：ie7+ ,chorm,safari,firefox css:body,html{ width:100%; height:100%;}
2013-06-04 17:18:13
768
原创 CSS3 word-break
html 代码： 小笼包子桶子鸡铁塔开封拉面烩面花生糕铁塔<a href="javascript:void(0)">小笼包子css 代码：.hostTags_list{ margin-top: 44px; overflow: hidden; width: 211px;}.hostTags_list a{ displ
2013-06-04 15:28:34
589
转载 webstorm 快捷键
[html] view plaincopywebstorm快捷键收集：[html] view plaincopyAlt+回车 导入包,自动修正 [html] view plaincopyCtrl+N 查找类 Ctrl+Shift+N 查找文件 Ctrl+Alt+L 格式化代码 Ctrl+Alt+
2013-06-04 11:06:24
638
转载 IE7下position的z-index Bug解决方案
通常设置position后，通过z-index属性来设置div的层叠情况。但是在IE7中，设置position后，z-index会失效。导致div的层叠出现问题。具体效果可以看这个页面http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html以下分别是IE7与IE8之间的差别：请先认真看他们的HTML和CSS信息：
2013-06-03 18:23:35
731
转载 jsp之监听器
(1)什么是监听器?是servlet规范当中定义的一种特殊的组件，用来监听容器产生的事件并且进行相应的处理。容器会产生两大类事件： a,生命周期相关的事件:容器创建或者销毁request,session,ServletContext(servlet上下文)这些对象时产生的事件。b,绑订相关的事件：对request,session,ServletContext(servlet上下文)
2013-05-24 15:56:14
537
转载 初识 JUnit 4.0
一、概要JUnit是一个Java语言的单元测试框架。Junit测试是程序员测试，即所谓白盒测试，因为程序员知道被测试的软件如何（How）完成功能和完成什么样（What）的功能。Junit是一套框架，继承TestCase类，就可以用Junit进行自动测试了。二、入门案例 导入JAR包方法一：导入Eclipse或MyEclipse自带的junit测试包（项目右键 ->bui
2013-05-24 15:49:48
537
原创 主流浏览器对 Jquery scrollTop 支持
var doc; if ($.browser.msie || $.browser.opera || $.browser.mozilla) { doc = "html"; } else { if ($.browser.safari || $.browser.chrome) { d
2013-05-22 11:09:13
896
转载 inline-block 前世今生
曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-
2013-05-22 09:54:08
477
MySQL ODBC Connector
2014-02-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人