自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 Zepto picLazyLoad Plugin,图片懒加载的Zepto插件

嗯,学着国外人起名字Zepto picLazyLoad Plugin确实看起来高大上,其实js代码没几句,而且我每次写js都捉襟见肘,泪奔~~~图片懒加载有很多js插件,非常著名的属jQuery的Lazy Load了。自己做手机项目上也需要图片懒加载,而且手机上的图片懒加载有两种:一种是普通img标签的,一种是div标签(或者其他标签)上加背景图片的。所以就练手写了个支持以上两种情况的Zepto小插

2015-12-01 17:08:47 1941

转载 JS页面刷新:location.reload和location.replace区别

reload 方法,该方法强迫浏览器刷新当前页面。 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用repl

2015-10-17 17:03:31 2204

转载 javascript之document.cookie的使用总结

“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。 每个 Cookie 都是这样的:

2015-10-13 10:16:00 413

转载 CSS浏览器兼容性问题

兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertical-ali

2015-09-19 22:40:40 334

转载 MINE TYPE

一、首先,我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash ……那么,浏览器是如何区分它们,决定什么内容用什么形式来显示呢?答案是 MIME Type,也就是该资源的媒体类型。媒体类型通常是通过 HTTP 协议,由 Web 服务器告知浏览器的,更准确地说,是通过 Content-Type 来表示的,例如:Content-Type: text

2015-09-18 21:34:38 1257

转载 event.x,event.clientX,event.offsetX区别

event对象是JavaScript中最重要的对象之一,他代表了各种事件的状态,在各种事件的事件处理中经常用到,比如键盘活动、鼠标活动等等,其中有几个对象官方说的比较模糊,很难理解,这里有必要通俗化的理解一下。 概念(不是官方,来源于网络):clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相

2015-09-18 12:54:04 980

转载 JavaScript学习点滴 call、apply的区别

1、call call 方法 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方

2015-09-17 15:12:03 291

转载 javascript的同源策略

同源策略限制了一个源(origin)中加载文本或脚本与来自其它源(origin)中资源的交互方式。 同源定义 一.什么是同源策略    同源策略,它是由Netscape提出的一个著名的安全策略,现在所有的可支持javascript的浏览器都会使用这个策略。   为什么需要同源策略,这里举个例子:   假设现在没有同源策略,会发生什么事情呢?大家知道,JavaScript可以做很多东西,

2015-09-17 13:07:06 923

转载 ie7下z-index失效问题解决方法(详细分析)

绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index解决办法: 父级元素加上position:relative;并设置z-index. 父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index. …(要在上层显示的内容) …

2015-09-16 14:20:54 474

转载 IE6 BUG的解决方法

1、终极方法:条件注释缺点是在IE浏览器下可能会增加额外的HTTP请求数。2、CSS选择器区分IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。/* IE6 专用 */.content {color:red;}/* 其他浏览器 */div>p .content {color:blue;} –>3、PNG半透明图片的问题虽然可以通过JS等方式解决,但

2015-09-16 13:57:38 403

转载 CSS中!improtant的使用

CSS的原理:我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。首先,先看下面一段代码: 测试Css中的!Important区别 .testClass{ color:blue !important; } 测试Css中的Impor

2015-09-16 13:49:51 879

转载 css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先

通配选择符* { sRules } 类型选择符E { sRules } td { font-size:14px; width:120px; } 属性选择符 E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E [ attr |= value ] { sRules }

2015-09-16 13:42:11 1583

转载 HTML 5 Canvas

画图的几个步骤。第一步:找个起点开始画图。—-beginPath;第二步 : 划线,画出自己想要的图像 。第三步:完成图形,关闭路径。 当然也可以什么都不做,就是画一个点或者一条线 —– closePath第四步:填颜色。哈哈,对不对啊,俺上小学,美术老师就是这么教的。好了,先随便画一个图形吧。—画一条线,(^__^) 嘻嘻……<script type="text/javascript">

2015-09-02 12:47:43 291

转载 javascript深入理解js闭包

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码   var n=999;  function f1(){     alert(n);   }  f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。 Js代码

2015-08-26 15:45:31 290

转载 JavaScript中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。 它返回值是一个字符串,该字符串说明运算数的类型。typeof 一般只能返回如下几个结果: number,boolean,string,function,object,u

2015-08-25 15:35:46 402

原创 JQuery的扩展与noConflict

noConflict:代替美元$符号(消除美元符号对JQ的缩写)代码如下HTML 部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>扩展与noConflict</title> <script src="jquery-2.1.4.min.js"></script> <scri

2015-08-21 15:06:13 491

原创 JQuery CSS操作及jQuery的盒子模型

PS :height是指内容的高度 不包含padding margin… innerheight 包含element+padding代码如下:HTML部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>CSS操作及jQuery的盒子模型</title> <scrip

2015-08-20 23:39:48 1150

原创 JQuery 效果之隐藏与显示、淡入淡出、滑动、回调

1、隐藏 hide(); show(); toggle();2、淡入淡出 slideDown(); slideUp(); slideToggle();3、回调(当动画完成后调用)代码如下:HTML 部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>隐藏与显示、淡入淡出、滑动、回

2015-08-20 21:37:09 820 1

原创 JQuery HTML之捕获、设置、元素添加、元素删除

1、HTML元素捕获 (内容、属性) text(); html(); var();2、HTML元素设置(对内容进行操作) attr();3、HTML 元素添加 append(); prepend(); after(); before(); 定义函数 给body添加元素4 元素删除 remove(); 全部删除 empty();删除其中子元素全部代码如下, PS:因为是测试

2015-08-20 16:25:48 1399

转载 API 简单理解

作为一个编程初学者来说,API函数也许是一个时常耳闻却感觉有些神秘的东西。单看它的复杂语法,就足令人望而生畏,但是任何事物在我们深入了解它之前,总是会有这种感觉的。我们这篇API入门教程的目的,就是要把API函数的来龙去脉告诉大家,破除对API函数的畏惧,使它成为我们编程的好助手。 大家可能在许多书上看到过API的英文全称(Application Programming Interface),WIN

2015-08-20 14:05:54 3747

原创 JQuery 选择器和事件

PS、//不是所有浏览器都支持 console.log 解决办法定义一个输出函数 调用即可 若出错则注释掉function conlog(event){ console.log(event); }1、事件常用方法2、事件之绑定3、事件目标和冒泡 关注两个点:currenttarget target4、自定义事件代码如下(代码中包含相

2015-08-19 23:22:57 424

转载 JavaScript中:表达式和语句的区别

1.语句和表达式 JavaScript中的表达式和语句是有区别的.一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数.下面的每行代码都是一个表达式:myvar3 + xmyfunc("a", "b")语句可以理解成一个行为.循环语句和if语句就是典型的语句.一个程序是由一系列语句组成的.JavaScript中某些需要语句的地方,你可以使用一个表

2015-08-17 16:20:30 421

原创 《Javascript 高级程序设计》-第4章:知识总结

《变量、作用域和内存问题》一、 1、JavaScript变量可能包含两种不同类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。 5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际值。 引用类型的值是保存在内存中的对象。与其他语言不同,JavaScript不允许访问内存中的位置,也就是说不能直接操作对象的

2015-08-15 23:27:18 424

转载 JS基本类型和引用类型的值

JavaScript变量可能包含两种不同类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。JavaScript有5种基本数据类型,Undefined、Null、Boolean、Number 和 String(详情请看:JavaScript数据类型)。这5种基本数据类

2015-08-15 21:35:42 421

转载 Javascript中的Label语句

在javascript中,我们可能很少会去用到 Label 语句,但是熟练的应用 Label 语句,尤其是在嵌套循环中熟练应用 break, continue 与 Label 可以精确的返回到你想要的程序的位置。Label 语句,按书本上说的语法是:       Label: statement       如: begin: for (var i = 0; i

2015-08-14 21:09:07 348

空空如也

空空如也

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

TA关注的人

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