Summer-green-CSDN博客

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

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

2015-12-01 17:08:47 1957

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

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

2015-10-17 17:03:31 2226

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

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

2015-10-13 10:16:00 432

转载 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 353

转载 MINE TYPE

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

2015-09-18 21:34:38 1285

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

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

2015-09-18 12:54:04 1000

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

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

2015-09-17 15:12:03 299

转载 javascript的同源策略

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

2015-09-17 13:07:06 935

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

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

2015-09-16 14:20:54 494

转载 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 416

转载 CSS中！improtant的使用

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

2015-09-16 13:49:51 904

转载 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 1603

转载 HTML 5 Canvas

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

2015-09-02 12:47:43 300

转载 javascript深入理解js闭包

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

2015-08-26 15:45:31 300

转载 JavaScript中typeof与instanceof的区别

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

2015-08-25 15:35:46 411

原创 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 502

原创 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 1162

原创 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 830 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 1420

转载 API 简单理解

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

2015-08-20 14:05:54 3777

原创 JQuery 选择器和事件

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

2015-08-19 23:22:57 432

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

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

2015-08-17 16:20:30 429

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

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

2015-08-15 23:27:18 438

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

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

2015-08-15 21:35:42 427

转载 Javascript中的Label语句

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

2015-08-14 21:09:07 351

summergreenhtml的博客