自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(78)
  • 收藏
  • 关注

转载 了解学习JS中this的指向

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),那么接下来我会深入的探讨这个问题。为什么

2016-03-01 11:29:31 622

转载 js的三种继承方式及其优缺点

第一种,prototype的方式://父类 function person(){ this.hair = 'black'; this.eye = 'black'; this.skin = 'yellow'; this.view = function(){ return this.hair + ',' + this.eye + '

2015-06-03 17:41:31 17804 1

转载 js 将图片连接转换称base64格式

我们把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个js:function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = c

2015-05-22 15:02:23 19272 1

转载 js 与或运算符 || && 妙用

首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码代码如下:var add_level = 0; if(add_step

2015-05-21 17:34:34 755

转载 移动端页面编写摘记

1.页面图片大小保持原像素并自适应Q:有时候在编写页面时会遇到图片被拉伸的情况k:关键是不同设备的屏幕分辨率导致,将视窗宽度锁死即可解S:头部加复制代码补:针对图片需要加入:.slogan01 {    width: 482px;    height: 482px;    background: u

2015-04-10 16:52:24 559

转载 《实用技巧》—让你的网站变成响应式的3个简单步骤(转载)

如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸,自动响应客户端尺寸变化。在这篇文章中,我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式(Responsive)。1 – 布局  当创建一个响应式网站,或让现有的网站变成响应式的,首先要关注的元素的布局。我在建立响应式的网站,总是先创建一个非响

2015-04-10 16:23:49 1171

转载 移动web开发细节处理

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影,解决iOS下无法修改按钮样式,测试还发现一个小问题就是,加了上面的属性后,iOS下默认

2015-04-10 16:17:57 598

转载 iframe 父窗口和子窗口相互的调用方法集锦

一、父窗口调用iframe子窗口方法1、HTML语法:2、父窗口调用子窗口:myFrame.window.functionName();3、子窗品调用父窗口:parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码: function say() { alert("pare

2013-06-21 14:46:18 754 1

原创 ajax请求get和post区别

get如果请求url没有变化,取出缓存,提高效率;请求会缓存到浏览器中,可以通过历史记录查看用户信息,安全性低;post传送变化的数据显示,变动性访问;get通过url地址传送数据,数据量不能超过1024byte;post作为http消息的实体内容传送到服务器中,传送数据量可以很大;get传送数据要经过encodeURIComponent编码,防止乱码。

2013-05-07 14:25:27 683

原创 jquery 方法扩展

一、jquery添加静态方法       $.extend({             m1:function(){},             m2:function(){}       });       方法调用:$.m1();二、jquery对象添加方法       1、 $.fn.extend({             m1:function(){}

2013-04-25 15:22:46 545

原创 js调试

一、在ff中安装插件firebug,F12在控制台直接写想要运行 的脚本,与在js文件中效果一样,只是不用每次在文件 内写并保存。二、抛弃alert在脚本中用console.log()。避免页面运行多次alert。控制台写有所有、错误,每次查看错误后记得切换到所有,否则看不到日志。

2013-04-25 14:21:30 471

原创 jquery的map和get方法

var arrayObj=["www","xxx","ddd"];var ww=$.map(arrayObj,function(i){                      return i;              }).join(",");console.log(ww);              var tt=$(":checkbox").map(functio

2013-04-25 13:53:02 1941

转载 Javascript执行效率小结

Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下。

2013-04-16 14:33:36 533

转载 js apply

js中apply方法的使用1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是:  Object.extend = function(destination, source) {     for (property in source) {         destination[property] = sourc

2013-04-02 11:30:37 492

转载 js数组操作

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift();     结果 a:[2,3,4,5]     b:1 unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); 结

2013-04-02 10:58:57 524

转载 js中apply方法的使用

1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是:  Object.extend = function(destination, source) {     for (property in source) {         destination[property] = source[property];

2013-03-15 17:08:39 444

转载 实现jQuery扩展总结

开发自己需要的jQuery插件,看个示例说明"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> new document /*jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的

2013-01-22 17:14:01 330

原创 js 判断是否是IE浏览器

1、if(document.all && window.external){            alert("是IE");      }else{           alert("不是IE");     }2、if(!-[1,]){         alert("是IE");     }else{           alert("不是IE");

2013-01-22 11:24:59 612

原创 触发click事件 浏览器兼容

$(".list li span").click(function(e){                var _this=$(this);                var _input=_this.prev("input");                if(document.all){                      _input[0].click();

2013-01-21 17:30:17 1377

原创 jquery text()、val()、html()方法区别

text():1、无参获取每一个匹配元素的文本内容          2、有参数  给每一个匹配元素赋值val():1、无参获取第一个匹配元素的值         2、有参数   给每一个匹配元素赋值html():1、无参获取第一个匹配元素的标签内容            2、有参数给每一个匹配元素赋值

2013-01-18 15:45:11 455

转载 position定位

定位(position)布局页面说容易非常容易,只需要记住这节课最后一句话就可以了,说困难,那是相当的难理解,需要一定的耐心,不过还好,KwooJan给大家总结的已经很通俗易懂了。如果下面的文字实在是无法理解透,那就记住这节课最后总结的一句话“如果用position来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute,因为

2013-01-10 11:11:18 2702

原创 类似保存或者收藏的js动画效果

2013-01-09 15:55:19 587

原创 innerHTML 和 innerText区别

innerHTML适用所有浏览器,获得值为所有标签和内容innerText  只适用IE,获得值只是标签内的文本

2013-01-09 15:49:14 403

原创 javascript 和 jquery 中跳出循环区别

javascript:break和continue是两个用在内部循环的特殊语句。使用break语句跳出循环;用continue语句来跳出当前的循环继续下面的值。return false和return true 都能够终止循环跳出函数;与break效果一样。jquery:return false相当于break跳出循环return true相当于contiune跳

2012-11-22 16:07:01 898

转载 return false 正确运用

可能在你刚开始学习关于jQuery事件处理时,看到的第一个例子就是关于如何阻止浏览器执行默认行为,比如下面这段演示click事件的代码:$("a.toggle").click(function () {      $("#mydiv").toggle();      return false; // Prevent browser from visiting `#`  });

2012-11-22 15:56:11 4609

转载 判断参数(String、Array、Object)是否为undefined或者值为空

有时候我们会遇到这样的情况:在一些前端控件要提交数据到服务器端的数据验证过程中,需要判断提交的数据是否为空。如果是普通表单的字符串数据,只需要在 trim 后判断 length 即可,而这里需要的数据可以是各种不同的类型(数字、字符串、数组、对象等等),通过 JSON.stringify(data) 进行序列化后再传递。在这里定义如下的数据值为“空值”:undefinednul

2012-11-19 14:22:55 2739

原创 ie7以下 tr元素的背景图片作用域

IE 无法真正对 tr 应用背景,它只是简单地把我们为 tr 设置的背景分配到 tr 内部的 td 上。同样,在 IE 下我们无法为 tr 设置边框。解决方案:可以为每行头尾的 td 单独设置 class,配合 tr 的 class 来为这些 td 设置不同的背景图像。

2012-11-12 10:35:06 1096

原创 js转义字符

有时候js得到json串中含有""  ,那么两个尖括号中间的文字是无法在html页面显示出来的,必须用转义字符、"“<”">" 转义 :“>”

2012-06-08 16:56:46 939

原创 js小数之间运算,html添加到页面后,修改对于宽度

var html="";        html+="";        html+=""+data.callBackPlanName+""+planStatus[data.status]+""+data.progress+"<span class='"+(data.status==0?'':data.status==1?'progress finishBg':data.status=

2012-06-08 16:56:05 973

原创 页面后添加内容 点击移动

第一种写法:       $(function(){                for(var i=0;i                    $("存在"+i+"").appendTo("#existence");                }                    for(var m=0;m                    $("

2012-05-06 16:07:02 386

原创 页面内容未保存离开提示

window.onbeforeunload = function(){       var formlist = document.getElementById("regist");       for(var i=0;i[formlist.length;i++)       {           if(formlist[i].type!="hidden" && formlist

2012-05-06 16:06:01 954

原创 js转义字符

有时候js得到json串中含有""  ,那么两个尖括号中间的文字是无法在html页面显示出来的,必须用转义字符、"“<”">" 转义 :“>”

2012-03-09 09:39:10 3082

原创 jQuery.validate 中文API

名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rul

2012-03-08 12:37:37 445

转载 基于jQuery的控制左右滚动及自动滚动效果

点击滚动模式下,是为点击(向前/向后/数字)添加click事件,通过控制展示区块left值实现切换.1.向前(左):当在第一个版面时,滚动到最后一个页面,否则,累加left值,向前滚动;2.向后(右):当在最后一个版面时,滚动到第一个页面,否则,累减left值,向后滚动;3.数字点击:利用index(…)获取当前点击在数字列表中的索引值, 然后索引值为倍数为外围宽度负值.即可达到切换.

2012-02-27 13:10:22 1940

原创 ajax 提交form表单

var options={                    type:"POST",                url:updateState,                beforeSubmit:function(formArray,jqForm){                    for(var i=0,j=formArray.length;i

2012-02-01 17:25:49 827

原创 去掉回车和换行js

str.replace(/[\r\n]/g,"");

2012-02-01 17:23:25 6754

原创 js对第列表中第一个值处理与jsp页面对列表中第一个值处理区别

js:$(""+(i==0?"class='cur'":"")+"").appendTo("ul");jsp:        class="${idx.index==1?"cur":""}">//添加样式        ${idx.index eq 1 ?"checked":""}>//选中第一个

2012-01-31 16:14:24 666

原创 struts配置错误页面

java.lang.Throwable        /pageError.jsp                500        /pageError.jsp                404        /notFound.jsp                403        /common/403.jsp

2011-12-19 14:06:53 1130

原创 js分页

function showSimplePageData(n){          $("#simpleShowComp").hideLoading();         $("#simpleShowComp table").html("");        $('投诉日期投诉类型投诉个数').appendTo("#simpleShowComp table");        $("

2011-12-19 13:54:12 1365

原创 ajax请求的与页面本身有的数据(页面加载时候存在)的一个区别

点击弹出层,同时隐藏其他弹出层(1、隐藏所有层 2、判断该弹出层是否显示,如果显示就隐藏、如果隐藏就显示)1、如果是ajax请求的数据,处理需要用$("#simpleTip").click(function(e){        hideAllProp();        if($('#simple_cont').is(":visible")){            $(

2011-12-19 13:52:26 1028

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除