- 博客(87)
- 收藏
- 关注
RSS订阅原创 BOM和javascript中的trim
今天遇到一个 IE7 下 JSON.parse 失败的问题。经过排查发现：服务端某个配置文件编码是 UTF-8 + BOM，输出的字符串最开始包含了 BOM 字符，不是合法的 JSON。IE7 不支持原生 JSON，我们项目中使用的是 json2.js，但解析不了开头有 BOM 字符的 JSON 不是 json2 的错，其他浏览器正常是因为它们忽略了响应正文开头的 BOM。如果像下面这样写
2015-04-16 11:49:32
803
原创 CSS3资料整合
border-radius:兼容写法： -moz-border-radius: none | <length>{1,4} [/ <length>{1,4} ]? -webkit-border-radius: none | <length>{1,4} [/ <length>{1,4} ]? border-radius: none | <length>{1,4} [/ <length>{1,4} ]?
2015-03-12 16:22:29
719
原创 javascript 单例模式
单例模式经典应用：如：window中的任务管理器，回收站等应用，一直都会维持一个仅有的实例，又如网站的计数器利用单例模式实现同步。
2015-03-11 15:54:15
727
原创 仿百度首页背景图片始终全屏
利用position:fixed属性新建一个全屏的层，将背景图片置于这个层中，这样就不会随着鼠标滚轮的滚动而改变背景图片的大小。主要css：.image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1}.image_bg img{position:absolute;left:0;top:0;margin:0 auto;width:100%;height:100%;z-index:-1}
2015-03-09 14:29:51
1283
原创 jquery单页锚点移动
有很多企业网站的官网都有使用这种锚点的方式移动到指定位置的功能。首先点击跳转的元素需新增一个anchor属性，这个anchor属性值就是指定跳转位置元素的name值。调用方法：1、直接对页面上所有锚点元素添加事件。$("..").anchor({...});
2015-03-09 11:31:35
1193
2
原创 jquery日历插件(2)
1、改进了调用方式，使用更加方便。2、支持导入皮肤库，具体导入方法可以参考源码中的Calendar.loadCSS()方法。如果要自定义皮肤，可以参考源码文件方式，在skin包中新增一个皮肤文件夹，然后参考其他皮肤文件夹中的style.css修改，这个如果是自定义皮肤调用的话就是：jQuery对象.showCalendar({skin:'自定义皮肤文件夹名称'});
2015-03-02 11:29:38
1337
1
原创 Date.format日期转换
RegExp中的$1...$9属性：返回在模式匹配期间找到的，所存储的最近9个部分。每当产生一个带括号的成功匹配时，$1...$9的属性值就会被修改，可以在一个正则表达式中指定任意多个带括号的子匹配，但是最多只能存储9个。
2015-03-01 16:15:21
1147
原创 jQuery对称三角箭头
//左箭头$(".left").arrow({color:'#FF0000',height:10,width:20,direction:'left'});//默认情况$(".top").arrow();//向下箭头$(".bottom").arrow({color:'#FF9900',height:30,width:30,direction:'bottom'});
2015-02-28 09:30:37
1658
原创 jQuery 返回顶部
$("body,html").stop(false,true).animate({scrollTop:settings.backIndex},settings.backTimer);
2015-01-30 15:12:11
849
2
原创 子元素设置浮动样式，父元素高度为0
子元素如果设置了浮动样式，那么它就会脱离文档流，从而导致父元素高度变成0，当然不能说这是一个Bug，float的出现的初衷就是为了实现文字环绕图片来实现图文混排和流式布局，所以只能说这种情况只能是由于浮动样式的特性决定的。
2015-01-30 13:02:37
1034
原创 jquery弹出层 +CSS箭头制作
这里做一个带箭头的弹出层。1、如果浏览器不支持CSS3，我们可以用border模拟。但是这个时候箭头不能带边框，即纯色，不太好看，这个时候我们可以利用两个b标签实现：首先需要制作一个向上的箭头，箭头的颜色为弹出层边框颜色，其它方向可以模仿做出来。
2015-01-29 16:09:41
3399
2
原创 javascript浏览器检测
浏览器内核：浏览器最核心部分称之为"Rendering Engine"，又称“渲染引擎”，我们通常叫浏览器内核。浏览器内核决定了浏览器如何显示网页的内容以及页面的格式信息。
2015-01-28 09:43:40
1481
2
原创 jQuery Tween缓动算法
/** * * 描述:javascript缓动 * jQuery Tween算法:算法来源：http://www.robertpenner.com/easing/ * @author:xuzengqiang * @since :2015-1-23 11:17:51 * 两种比较复杂的没有收录进来 * Elastic：指数衰减的正弦曲线缓动； * Back：超过范围的三次方缓动（(s+1)*t^3 - s*t^2）；**/
2015-01-23 17:49:51
2343
原创 javascript方法名称的获取以及Object.Keys应用
对象赋值可以是下面这种方式：var properties={ "width":"100px", "height":"200px"};这个时候如果我要获取width的值，可以利用properties.width或者properties["width"]获取。有一种情况，如果我要获取"width"这个名称，怎么获取。var properties={ "width":"100px", "height":"200px"};for (var prop in properties) { aler
2015-01-23 14:48:00
3242
原创 javascript中Object.prototype.toString
在javascript中如果要判断某个对象属于哪种类型，最靠谱的方法就是使用Object.prototype.toString方法：例如：var temp = [];alert(Object.prototype.toString.call(temp));弹出"[object Array]"。如果temp=null;那么弹出[object Null]。如果temp=undefined;那么弹出[object Undefined]。
2015-01-14 16:06:57
767
原创 Properties.loadFromXml()应用
看了下IKAnalyzer中的Configuration类，其中就是用到这种方式读取的配置文件：自定义vnetoo.cfg.xml
2015-01-14 10:44:26
2015
原创 Lucene IKAnalyzer(V2012)
IKAnalyzer:IK分词器，采用特有的“正向迭代最细粒度切分算法”，支持细粒度和智能分词两种切分方式。支持中文、数字、中文词汇等分词处理，兼容韩文、日语字符。例子：主要展示细粒度和智能分词两种切分方式的不同。
2015-01-08 11:46:36
1334
原创 jQuery data()函数应用
data(name,value);他可以返回指定元素上存储的相应的名字的数据。他不会在HTML标签中增加任何自定义的属性，而是把数据以隐藏的方式设置的，这样写HTML就很干净了。用途：经常用于jQuery UI设计。
2015-01-07 16:07:03
526
原创 jQuery邮箱自动补全
width()/height():获取元素的宽/高。innerWidth()/innerHeight():获取元素的宽/高(包括内边距)。outerWidth()/outerHeight():获取元素的宽/高(包括内边距和边框)。outerWidth(true)/outerHeight(true):获取元素的宽/高(包括内边距和外边距和边框)。$(document).height():获取文档(HTML)文档的高度$(window).height():获取窗口(浏览器)的高度
2015-01-07 13:55:59
1695
原创 javascript闭包
javascript变量：局部变量和全局变量。在javascript中，在函数内部可以直接读取全局变量，在函数外部无法读取函数内的局部变量。
2014-12-23 10:23:04
447
原创 javascript知识点
1、Javascript引擎首先会扫描所有的变量声明，然后将这些变量的声明移动到最顶部。所以：<script type="text/javascript"> alert("a" in window);//true var a = 1;</script>2、所有函数的声明都在代码执行之前已经完成了声明：所以
2014-12-22 18:07:01
328
原创 java重构学习7：以函数对象取代函数(Replace Method with Method Object)
本系列来自《java 重构改善既有代码的设计》一书当对局部变量的引用无法使用Extract Method的时候，可以考虑将这个函数放入到一个单独的对象中去，如此一来，局部变量就变成了对象的字段，然后就可以在同一对象中将这个大型函数分解成小型函数。
2014-12-18 15:54:55
842
原创 java重构学习6：移除对参数的赋值(Remove Assignments to Parameters)
本系列来自《java 重构改善既有代码的设计》一书如：需要对一个参数进行赋值。可以利用一个临时变量取代该参数的位置。
2014-12-18 15:41:30
786
原创 java重构学习5：解剖临时变量(Split Temporary Variable)
本系列来自《java 重构改善既有代码的设计》一书如果程序中有某一个临时变量被赋值超过一次，且它既不是循环变量，也不是一个集用临时变量。这时候我们可以针对每次赋值创建一个独立的、对应的临时变量。
2014-12-18 14:48:42
1331
原创 java重构学习4：引入解释性变量(Introduce Explaing Variable)
本系列来自《java 重构改善既有代码的设计》一书如果你有一个很复杂的表达式，可以考虑将复杂表达式（或其中的一部分的结果放入到一个临时变量，以此变量名来解释表达式用途）。if (VodStatusEnum.PASSED.toString().equals(info.getAuditStatus().toString())) { // 那么如果以前该数据是不是审核通过那么则添加,否则不做操作
2014-12-18 14:24:45
733
原创 java重构学习3：以查询代替临时变量(Replace Temp with Query)
本系列来自《java 重构改善既有代码的设计》一书如：将一个临时变量temp保存到某一个表达式的运行结果。做法将这个表达式提炼到一个独立函数（所谓查询式：Query），将这个临时变量的所有替换为新函数的调用。新函数可以被其它地方引用。
2014-12-18 13:57:32
1067
1
原创 java 重构学习2：提炼函数(Extract method)
本系列来自《java 重构改善既有代码的设计》一书1、Extract Method：提炼方法将有些代码单独提取出来放入到一个独立的函数中，并让函数名称来解释该函数的用途。
2014-12-18 11:17:51
2963
1
原创 js去除文本中的html标签
引入:考虑到文本是从富编辑器中取到的数据，有时候我们可能不需要显示格式，这时候需要去除html标签，而只需要其中的文本即可。方式一：利用innerText,jQuery利用text()innerText会自动剔除html标签
2014-12-17 11:50:28
26755
原创 java重构学习1：引例
本系列来自《java 重构改善既有代码的设计》一书实例一：影片租赁出租店的程序设计。计算每一位顾客的消费金额并打印报表(statement)，操作者告诉程序：租客租了哪些影片、租期多长、程序便根据租赁时间和影片类型算出费用。影片分三类：普通片、儿童片和新片。除了计算费用，我们还需要为常客计算点数：点数会随着(租片种类是否为新片)有所不同。
2014-12-16 15:16:56
652
转载 61条Java面向对象设计的经验原则
（1）所有数据都应该隐藏在所在的类的内部。 （2）类的使用者必须依赖类的共有接口，但类不能依赖它的使用者。 （3）尽量减少类的协议中的消息。 （4）实现所有类都理解的最基本公有接口[例如，拷贝操作（深拷贝和浅拷贝）、相等性判断、正确输出内容、从ASCII描述解析等等]. （5）不要把实现细节（例如放置共用代码的私有函数）放到类的公有接口中。
2014-12-16 11:26:39
361
原创 jQuery弹出层
弹出层往往需要设置浮动样式position:absolute;考虑到有一种情况,如：移动到某一个元素上在其下方或者上方显示一个浮动层，作为提示语句，当鼠标移开该元素或者元素的提示层的时候需要隐藏该层，此时可以考虑在该元素外新增一个div或者其它元素，然后将新增的浮动层的html代码通过js加入到新增的div层容器中，此时就只需要考虑当移除该div层的时候才隐藏该层了。但是此时要考虑该元素的位置显示问题，因为position:absolute;是相对于与它最相近的position:absolute
2014-12-16 11:11:55
726
原创 javascript cookie实现
Cookie存储于硬盘,可以在javascript充当全局变量。 (function(window){ /*cookie以键值对的方式存储,多个的时候以;分开,document.cookie = "a=1;b=2"; *cookie过期document.cookie = "a=1;expires=GMT时间格式(date.toGMTString())"; *cookie的键
2014-12-11 11:44:54
452
原创 任务调度器Quartz
任务调度的实现: Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务。使用这种方式可以让你的程序按照某一个频度执行，但不能在指定时间运行。 使用Quartz，这是一个功能比较强大的的调度器，可以让你的程序在指定时间执行，也可以按照某一个频度执行。 Spring3.0以后自带的task，可以将它看成一个轻量级的Quartz，而且使用起来比Quartz简单许多。
2014-11-14 14:49:53
490
原创 Lucene
Lucene的Maven配置 org.apache.lucene lucene-core 4.10.1 org.apache.lucene lucene-analyzers-common 4.10.1 org.apache.lucene lucene-queryparser 4.10.1 org.apache.lucene lucene-queries 4.
2014-11-05 09:25:17
771
原创 javascript查看详情与收起详情
调用方法： <div id='content_div'> 详情内容</div>调用方法:$("#content_div").detailControl({maxSize:100});
2014-10-31 10:41:56
2690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人