Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery图片延迟加载 前端开发技能必备系列

jquery图片延迟加载 前端开发技能必备系列

目前,主要的购物网站都采用了这种加载方式。今天在一个网友的站里发现一个图片延迟加载的插件,很好用,在这里介绍一下。 先介绍一下图片延迟加载原理。我们需要先将图片的真实地址保存在一个自定义的属性中(属性名任你发挥吧,这里我用的是lazy-src),而图片的src属性中用一个占位图片来替代,这个占位图片当然是越小越好,它基本上只干活、不露面。 复制代码 代码如下: <img src="images/placeholder.png" lazy-src="i...
到处都是jQuery选择器的年代 不了解它们的性能,行吗

到处都是jQuery选择器的年代 不了解它们的性能,行吗

最近,我就对jQuery的选择器使用做了一些个小小的实验,用来说明jQuery的不同选择器在不同的情况下,哪个效率更高,更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。 复制代码 代码如下: <!-- 引入FireJSPT的库文件 --> <script type="text/javascript" src="firejspt.js"></script>...
javascript学习笔记(十一) 正则表达式介绍

javascript学习笔记(十一) 正则表达式介绍

1.修饰符 . 任意一个字符 * 匹配*前面0个或多个字符 + 匹配+前面一个或多个字符 ? 匹配?前面0个或1个字符 ^ 以^后面的字符为前导 $ 以$前面的字符结尾 [] 匹配[]内的一个字符 () 分组,可以用1 2提取 [^] 匹配^后的以外的字符 {n} {n}前的字符有n个,n为正数 {n,} {n,}前的字符至少有n个,n为正数 {n,m} {n,m}前的字符有n~m个,n,m为正数 2.字符 d 一个数字 D 一个非数字 w 一个字母或数字...
javascript学习笔记(十二) RegExp类型介绍

javascript学习笔记(十二) RegExp类型介绍

1.匹配模式标记: g ------ 表示全局模式,而不是发现第一个匹配成功就立刻结束 i ------- 表示不区分大小写模式 m ----- 表示多行匹配,一行结束时向下一行继续匹配 复制代码 代码如下: //匹配第一个bat 或cat,不区分大小写 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要转换成字符串 /[bc]at/...
javascript学习笔记(十三) js闭包介绍(转)

javascript学习笔记(十三) js闭包介绍(转)

一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量。 复制代码 代码如下: function f1(){...
javascript学习笔记(十五) js间歇调用和超时调用

javascript学习笔记(十五) js间歇调用和超时调用

1.超时调用setTimeout() setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID 复制代码 代码如下: setTimeout( function () { alert("你好!"); },1000); 调用前取消clearTimeout(),接受一个参数超时调用ID 复制代码 代码如下: var timeOutId = setTimeout( function () { alert("你好!"...
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)

javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)

1.警告框alert() 复制代码 代码如下: alert("欢迎光临!"); 2.信息框confirm(),有取消,确定按钮 复制代码 代码如下: if (confirm("你同意吗?")) { alert("同意"); } else { alert("不同意"); } 3.提示框prompt(),用于提示用户输入一些文本 复制代码 代码如下: var result = prompt("您尊姓大名?"," "); if (result !== nul...
javascript学习笔记(十八) 获得页面中的元素代码

javascript学习笔记(十八) 获得页面中的元素代码

1.获取元素 getElementById()方法,通过元素的id获取元素,接受一个参数即要获取元素的id,如果不存在这个id返回 null 注意不要让表单元素的name和别的元素的id相同,IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素 以下面元素为例 <div id ="myDiv">这里是id为“myDiv”的div内容</div>var document.getElementById("myDiv");...
<< 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 >>