JavaScript
文章平均质量分 65
u013063153
这个作者很懒,什么都没留下…
展开
-
JavaScript charAt()、indexOf()、substr()、substring()
charAt()strObj.charAt(index);返回指定索引位置处的字符;indexOf()strObj.indexOf(subString[,startIndex]);返回String对象内第一个出现子字符串的字符位置。stringvar.substr(start[,length])返回一个从指定位置开始的指定长度的子字符串。如果length为0或者负数原创 2016-09-04 14:55:43 · 1288 阅读 · 0 评论 -
JavaScript和jQuery懒加载之可视区域加载
JavaScript懒加载之可视区域加载在制作js可视区域加载之前,我们首先必须了解各种高度,我之前的一篇文章javascript的height总结,大家可以看一下,复习一下!了解了各种高度之后,我们开始我们的js代码吧!html>html lang="en">head> meta charset="UTF-8"> title>haorooms前端博转载 2016-09-20 14:08:42 · 2535 阅读 · 0 评论 -
JavaScript获取设置div的高度和宽度
JavaScript获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 复制代码代码如下: 获取div1的宽高度: 复制代码代码如下:alert(document.getElementById("div1").offsetHeight); //兼容FF、IE等 alert(document.getElementById(原创 2016-09-23 16:30:49 · 24066 阅读 · 0 评论 -
jQuery.extend 函数详解
原文地址http://www.cnblogs.com/RascallySnake/archive/2010/05/07/1729563.htmlJQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(转载 2016-09-08 11:29:58 · 547 阅读 · 0 评论 -
JavaScript删除数组里的某个元素
原文链接:http://caibaojian.com/js-splice-element.html删除数组指定的某个元素首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:Array.prototype.indexOf = function(val) {for (var i = 0; i < this.length; i++) {if转载 2016-09-21 19:16:59 · 21897 阅读 · 0 评论 -
JavaScript中的hasOwnProperty和isPrototypeOf方法使用实例
hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。isPrototypeOf:是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。复制代码代码如下:function siteAdmin(nickNa转载 2016-09-21 19:18:10 · 401 阅读 · 0 评论 -
详解 JavaScript 闭包
原文地址:segmentfault.com/a/1190000000652891闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包 是指有权访问另一个函数作用域中的变量转载 2016-10-11 13:00:30 · 370 阅读 · 0 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
原文链接:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨转载 2016-10-21 17:47:42 · 376 阅读 · 0 评论 -
JavaScript基础之继承与原型链
JavaScript 只有一种结构,即对象。在 JavaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接。这个原型对象又有自己的原型,直到某个对象的原型为null 为止(也就是不再有原型指向),组成这条链的最后一环。这种一级一级的链结构就称为原型链(prototype chain)。1.基于原型链的继承1.1继承属性JavaScript 对象是原创 2016-10-14 10:08:16 · 474 阅读 · 0 评论 -
jQuery的height()和JavaScript的height总结,js获取屏幕高度
引子在JavaScript和jQuery中,都有对各种高度的写法,在这里,我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多!)jquery的各种高度首先来说一说$(document)和$(window),如下:$(document).height();//整个网页的高度$(window).height();//浏览器可视窗口的高度$(window).scr转载 2016-09-20 14:11:23 · 577 阅读 · 0 评论 -
JavaScript异步加载的4种方式
方案1:$(document).readyhtml>html>head> script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript">script> script type="text/javascript"> $(document).ready(f转载 2016-09-07 11:03:21 · 1034 阅读 · 0 评论 -
深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。然而,对于初学者来说,书写异步代码可能会比较困难。而在这篇文章里,我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函转载 2016-09-07 10:39:09 · 21747 阅读 · 2 评论 -
JavaScript设计模式——单例模式
单例模式单例就是保证一个类只有一个实例,实现的方法一般是先判断实例是否存在,如果存在直接返回,如果不存在久创建了再返回,这就保证了一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象。单例模式的作用和注意事项模式作用:1.模块间通信2.系统中某个类的对象只能存在一个3.保护自己属性和方法注原创 2016-09-17 20:42:23 · 354 阅读 · 0 评论 -
JavaScript设计模式——建造者模式
建造者模式建造者模式可以将一个复杂对象的构建与其表示相分离,使得同样的构建过程可以创建不同的表示。主要用于"分步骤构建一个复杂的对象",在这其中"分步骤"是一个稳定的算法,而复杂对象的各个部分则经常变化。作用和注意事项作用:1.分步创建一个复杂的对象2.解耦封装过程和具体创建的组件3.无需关心组件如何组装注意事项:1.一定要一个稳定的算法进行支撑2.原创 2016-09-17 22:11:44 · 427 阅读 · 0 评论 -
JavaScript设计模式——构造函数模式
构造函数用于创建特定类型的对象——不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象成员值。可以自定义自己的构造函数,然后在里面自定义类型对象的属性和方法。在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概念,但是有特殊的构造函数。通过new关键字来调用自定义的构造函数,在构造函数内部,this关键字引用的是新创建的对象。原创 2016-09-17 21:41:21 · 399 阅读 · 0 评论 -
JavaScript懒加载代码
;(function () { function LazyLoad() { } var download_count = 0, ele_obj = []; LazyLoad.prototype = { init: function () { //放一些初始化的方法 this.initElementMa原创 2016-09-05 17:13:49 · 570 阅读 · 0 评论 -
JavaScript阻止事件冒泡和默认事件
1.阻止冒泡行为,可以使用function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡原创 2016-09-05 20:03:49 · 310 阅读 · 0 评论 -
JavaScript中将字符串转换成json的三种方式
1.eval()var json = eval('(' + str + ')'); 2.new Functionvar json = (new Function("return " + str))(); 3.JSON objectreturn JSON.parse(str);原创 2016-09-06 18:10:22 · 1737 阅读 · 0 评论 -
JQuery判断radio是否选中,获取选中值
原文地址:http://www.cnblogs.com/xcj1989/archive/2011/06/29/JQUERY_RADIO.htmlhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="转载 2016-09-20 09:47:00 · 3211 阅读 · 0 评论 -
你所不知道的console
1.凡人视角打印字符串代码:console.log("I am a 凡人");打印提示消息代码:console.info("Yes, you arm a 凡人");打印警告消息代码:console.warn("凡人你居然敢窥视我");打印错误消息代码:console.error("天兵天将,把这个凡人给我打入地狱"转载 2016-09-07 10:20:03 · 474 阅读 · 0 评论 -
JavaScript继承(六种方式)(一)
前言:大多OO语言都支持两种继承方式: 接口继承和实现继承 ,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠 原型链 来实现。1.原型链基本思想:利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数,原型,实例之间的关系:每个构造函数都有一个原型对象,原型对象包含一个指向构造函数的指针,而实例都包含一个指向原创 2016-10-21 18:22:28 · 786 阅读 · 0 评论 -
JavaScript继承(六种方式)(二)
原文链接:http://www.jb51.net/article/53824.htm既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》,接下来讲一般通过那些方法完成JavaScript的继承。 原型链 JavaScript中实现继承最简单转载 2016-10-21 18:31:49 · 1056 阅读 · 0 评论 -
JavaScript正则表达式
定义和使用var patt1 = new RegExp("hello");var patt2 = /world/ ;test方法test() 方法检索字符串中的指定值。返回值是 true 或 false。var pat = /my/;var str = "this is my code...";console.log(pat.test(str)); // true原创 2016-09-03 17:10:27 · 352 阅读 · 0 评论 -
我所认识的JavaScript正则表达式
如果说这是一篇关于正则表达式的小结,我更愿意把它当做一个手册。RegExp 三大方法本文的RegExp采用直接量语法表示:/pattern/attributes。attributes有三个选择,i、m和g,m(多行匹配)不常用直接省略,所以一个pattern(匹配模式)可以表示如下:var pattern = /hello/ig;i(ignore)表示不区分大小写(地搜索匹配),比原创 2016-09-03 17:10:09 · 444 阅读 · 0 评论 -
JavaScript中的forEach、$.each、map方法
forEach()Array在ES5新增的方法中,参数都是function类型,默认有传参,forEach方法中的function回调支持3个参数,第1个是遍历的数组内容;第2个是对应的数组索引,第3个是数组本身。因此:[].forEach(function(value,index,array){});jQuery中的$.each()$.each(function(va原创 2016-10-17 16:40:21 · 711 阅读 · 0 评论 -
JavaScript的call()和apply()的区别
对于第一个参数,其意义都一样,但是对第二个参数:apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始),如func.call(func1,var1,var2,var3)对应的apply写法为: func.apply(func1,[var1, var2, var3]);同时使用apply的好处是可以直接将当前函数的原创 2016-09-04 14:13:16 · 302 阅读 · 0 评论 -
JavaScript中的this
例1:function a(){ var user = "yao"; console.log(this.user);//undefined console.log(this);//window}a();等价于:function a(){ var user = "yao"; console.log(this.user);//unde原创 2016-10-18 14:19:23 · 309 阅读 · 0 评论 -
JavaScript中的call(),apply(),bind()方法 关于this指向
引例:var a = { user:"yao", fn:function () { console.log(this.user); }};var b = a.fn;b();//undefined1.call()var a = { user:"yao", fn:function () { conso原创 2016-10-18 14:41:42 · 928 阅读 · 0 评论 -
JavaScript cookie示例
function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1原创 2016-10-19 16:17:44 · 460 阅读 · 0 评论 -
JavaScript中的this(你不知道的JavaScript)
JavaScript中的this,刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要,然而自己并不关心;随着自己对JavaScript一步步深入了解,突然恍然大悟,原来它真的很重要!所以,自己花费了大约2周的时间去查贴、翻阅之前读的书籍,将this的全貌展示如下。先出几道题:var a = { value: 'a', fn:function() { alert(this.转载 2016-09-03 17:07:14 · 1302 阅读 · 0 评论 -
jQuery 属性操作 - attr() 方法
定义和用法attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数,其工作方式也有所差异。返回属性值返回被选元素的属性值。语法$(selector).attr(attribute)设置属性/值设置被选元素的属性和值。语法$(selector).attr(attribute,value)参数描述attrib原创 2015-08-20 09:40:03 · 598 阅读 · 0 评论 -
JavaScript方法join()、splice()、slice()、split()
join()join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。var arr = new Array(3)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr.join())George,John,Thomas原创 2016-09-30 15:28:20 · 2501 阅读 · 0 评论 -
TypeScript入门教程
什么是 TypeScript?TypeScript 是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法。语法特性类 Classes接口 Interfaces模块 Modules 类型注解 Type annotations编译时类型检查 Compile time type checking Arro转载 2016-09-30 10:40:01 · 2526 阅读 · 0 评论 -
JavaScript中__proto__与prototype的关系
这里讨论下对象的内部原型(__proto__)和构造器的原型(prototype)的关系。一、所有构造器/函数的__proto__都指向Function.prototype,它是一个空函数(Empty function)Number.__proto__ === Function.prototype // trueBoolean.__proto__ === Function.prot转载 2016-10-21 18:53:48 · 457 阅读 · 0 评论 -
JavaScript中set与get方法用法
1、get与set是方法,因为是方法,所以可以进行判断。2、get是得到 一般是要返回的 set 是设置 不用返回3、如果调用对象内部的属性约定的命名方式是_age 然后就是几个例子来简单说明一下:var person ={ _name : "chen", age:21, set name(name) {this._name = name;},get name()原创 2016-09-26 10:49:24 · 11595 阅读 · 1 评论 -
只有20行Javascript代码!手把手教你写一个页面模板引擎
原文链接:http://web.jobbole.com/56689/AbsurdJS 作者写的一篇教程,一步步教你怎样用 Javascript 实现一个纯客户端的模板引擎。整个引擎实现只有不到 20 行代码。如果你能从头看到尾的话,还能有不少收获的。你甚至可以跟随大牛的脚步也自己动手写一个引擎。以下是全文。不知道你有木有听说过一个基于Javascript的Web页面预处理器,叫转载 2016-09-27 09:49:25 · 1598 阅读 · 0 评论 -
详解JavaScript存储
JavaScript用于存储的方式可谓是多种多样,善于应用‘存储’可以大大的提高网站的性能,博主结合日常开发常见需求做一下总结,希望对大家有用~1.cookie存储大小: 4kb左右,以20个为上限,清理机制: IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。主要应用: 购物车,登录状态缺陷: 同域内http请转载 2016-10-24 10:27:34 · 420 阅读 · 0 评论 -
RequireJS示例
建立如下工程目录:|-test |-index.html |-index.js |-main.js |-require.min.js |-test.js其中,index.html如下:html lang="en">head> meta charset="UTF-8"> title>Indextitle>head>原创 2016-09-04 12:50:36 · 455 阅读 · 0 评论 -
理解 JavaScript 中的 Function.prototype.bind
需要一个解决方案来解决如何在另一个函数中保持this上下文的时候,需要的其实就是 Function.prototype.bind()。第一次遇到这个问题的时候,可能倾向于将this设置到一个变量上,这样可以在改变了上下文之后继续引用到它。很多人选择使用 self, _this 或者 context 作为变量名称(也有人使用 that)。这些方式都是有用的,当然也没有什么问题。但是其实有更好、更原创 2016-10-14 10:37:11 · 358 阅读 · 0 评论 -
window.onload和$(document).ready()的区别
在jQuery中$(document).ready()的作用类似于原生JavaScript中的window.onload方法,不过两者之间还是有区别的。$(document).ready()和$(function(){})等价。1.执行时间window.onload须等到页面内的包括图片的所有元素加载完毕才执行;$(document).ready()页面DOM结构绘制完成即可执原创 2016-10-14 14:52:53 · 387 阅读 · 0 评论