JavaScript资料,JavaScript文章,JavaScript文档-易库教程

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

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

javascript学习笔记（一）在html中使用javascript

2016年07月27日 5 阅读

1.延时脚本运行的方法：方法一：把全部javascript引用放在<body>元素中，页面内容后，如复制代码代码如下: <html> <head> <title>示例1</title> </head> <body> <！--页面内容--> <script type="text/javascript" src="example1.js"><...

javascript学习笔记（二） js一些基本概念

2016年07月27日 5 阅读

1.typeof 操作符：用于检测给定变量的数据类型复制代码代码如下: var message="some string"; alert（typeof message）; //"string" alert（typeof（message））; //"string" alert（typeof 100）; //"number" typeof操作符可能返回下列字符串： "undefined","boolean","string","number","obje...

javascript学习笔记（三） String 字符串类型介绍

2016年07月27日 6 阅读

1.字符方法charAt（）、charCodeAt（）、fromCharCode（）复制代码代码如下: var stringValue = "hello world"; alert（stringValue.charAt（1））; //"e" alert（stringValue[1]）; //"e" alert（stringValue.charCodeAt（1））; //101 alert（String.fromCharCode（10...

javascript学习笔记（四） Number 数字类型

2016年07月27日 5 阅读

toFixed（）方法指定小数位个数 toExponential（）方法用科学计数法表示数，参数指定小数位个数 toPrecision（）方法自动判断调用toFixed（）或toExponential（）方法,参数指定所有数的位数复制代码代码如下: var num = 99; alert（toFixed（2））; //99.00 alert（toExponential（1））; //9.0e+1 alert（toPrecision（1））; /...

javascript学习笔记（五） Array 数组类型介绍

2016年07月27日 7 阅读

数组的创建第一种：复制代码代码如下: var colors = new Array（）; var colors = new Array（20）;//创建包含20项的数组 var colors = new Array（"Greg"）;//创建包含1项，即字符串"Greg"的数组 var colors = new Array（"red","blue","green"）; //创建包含3项第二种：复制代码代码如下: var colors = ["r...

javascript学习笔记（六） Date 日期类型

2016年07月27日 5 阅读

1.创建日期对象复制代码代码如下: var now = new Date（）; //获得当前系统日期和时间 var someDate = new Date（Date.parse（"May 25,2012"））; var someDate = new Date（"May 25,2012"）; //与上相同 var someDate = new Date（Date.UTC（2010,0））; //GMT时间2010年1月1日凌晨0时 var someDat...

javascript学习笔记（七） js函数介绍

2016年07月27日 6 阅读

1.函数内部属性 arguments arguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数复制代码代码如下: //阶乘 function factorial（num） { if （num <= 1） { return 1; } else { return num*arguments.callee（num-1）; //用agreements.callee代替 } } var trueFactor...

javascript学习笔记（八） js内置对象

2016年07月27日 5 阅读

1.URI方法 encodeURI（）和encodeURIComponent（）对URI进行编码 encodeURI（）不会对本身属于URI的特殊字符进行编码，如冒号，正斜杠，问好，井字等 encodeURIComponent（）会对任何非标准字符进行编码 2.eval（）方法：解释参数中的代码字符串复制代码代码如下: var msg = "hello world"; eval（"alert（msg）"）; //"hello world" 3.Ma...

javascript学习笔记（九） js对象设计模式

2016年07月27日 5 阅读

1.创建对象复制代码代码如下: var person = new Object（）; person.name = "RuiLiang"; person.age = 30; person.job = "Teacher"; person.sayName = function （） { alert（this.name）; }; person.sayName（）; 2.工厂模式缺点：不能识别对象复制代码代码如下: function createPers...

javascript学习笔记（十） js对象继承

2016年07月27日 5 阅读

1.原型链 //很少单独使用复制代码代码如下: View Code //定义 SuperClass类，有一个属性property和一个方法getSuperValue function SuperClass（） { this.property = true; } SuperClass.prototype.getSuperValue = function（） { return this.property; } //定义SubClass类，有一个属性subp...

javascript学习笔记（十一）正则表达式介绍

2016年07月27日 6 阅读

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类型介绍

2016年07月27日 5 阅读

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

javascript学习笔记（十三） js闭包介绍（转）

2016年07月27日 7 阅读

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

javascript学习笔记（十四） window对象使用介绍

2016年07月27日 6 阅读

1.窗口位置以下取得浏览器窗口距屏幕左边和上边的位置复制代码代码如下: var leftPos = （typeof window.screenLeft == "number"）？ window.screenLeft : window.screenX; //左边位置 var topPos = （typeof window.screenTop == "number"）？ window.screenTop : window.screenY; //上边位...

javascript学习笔记（十五） js间歇调用和超时调用

2016年07月27日 5 阅读

1.超时调用setTimeout（） setTimeout（）方法接受两个参数，第一个参数是函数，第二个参数是时间（单位微秒），返回数值ID 复制代码代码如下: setTimeout（ function （） { alert（"你好！"）; },1000）; 调用前取消clearTimeout（）,接受一个参数超时调用ID 复制代码代码如下: var timeOutId = setTimeout（ function （） { alert（"你好！"...

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

2016年07月27日 5 阅读

1.警告框alert（）复制代码代码如下: alert（"欢迎光临！"）; 2.信息框confirm（）,有取消，确定按钮复制代码代码如下: if （confirm（"你同意吗？"）） { alert（"同意"）; } else { alert（"不同意"）; } 3.提示框prompt（）,用于提示用户输入一些文本复制代码代码如下: var result = prompt（"您尊姓大名？"," "）; if （result ！== nul...

javascript学习笔记（十七）检测浏览器插件代码

2016年07月27日 5 阅读

复制代码代码如下: //检测非IE浏览器插件函数 function hasPlugin（name） { name = name.toLowerCase（）; for （var i=0 ; i < navigator.plugins.length ; i++ ） { if （navigator.plugins[i].name.toLowerCase（）.indexOf（name） >-1） { return true; } } return f...

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

2016年07月27日 6 阅读

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

首页 / 脚本样式 / JavaScript

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

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

javascript学习笔记（一） 在html中使用javascript

javascript学习笔记（二） js一些基本概念

javascript学习笔记（三） String 字符串类型介绍

javascript学习笔记（四） Number 数字类型

javascript学习笔记（五） Array 数组类型介绍

javascript学习笔记（六） Date 日期类型

javascript学习笔记（七） js函数介绍

javascript学习笔记（八） js内置对象

javascript学习笔记（九） js对象 设计模式

javascript学习笔记（十） js对象 继承

javascript学习笔记（十一） 正则表达式介绍

javascript学习笔记（十二） RegExp类型介绍

javascript学习笔记（十三） js闭包介绍（转）

javascript学习笔记（十四） window对象使用介绍

javascript学习笔记（十五） js间歇调用和超时调用

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

javascript学习笔记（十七） 检测浏览器插件代码

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

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

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

javascript学习笔记（一）在html中使用javascript

javascript学习笔记（九） js对象设计模式

javascript学习笔记（十） js对象继承

javascript学习笔记（十一）正则表达式介绍

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

javascript学习笔记（十七）检测浏览器插件代码

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