js基础

一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。

$(function(){})和$(document).ready(function(){})
document.ready和onload的区别
1.
ready:文档结构已经加载完成(不包含图片等非文字媒体文件)
onload:所有元素都加载完成。
2.
JavaScript的onload事件一次只能保存对一个函数的引用,会自动用最后面的函数覆盖前面的函数,

而ready不是

    <script>
	  function a(){
		alert(this.name);
	  }
	  function b(){
		var name='b';
	  }
	 // 执行a,a中的this对象为b
	  a.call(b);
    </script>

=========================================================================================

jQuery插件定义方法
一. jQuery对象添加新方法
1. 

$.fn.myfunction=function(){};
2. 
jQuery.fn.extend({
myfunction:function(){
alert($(this).val());
}
});


二. jQuery类添加新方法

1. 
jQuery.myfunction=function(){};
2.
 jQuery.extend({
myfunction:function(){
alert($(this).val());
}
});

例子:

	(function($){
		$.fn.test11=function(){
			alert($(this).text());
		}
		
		$.fn.extend({
			test12:function(){
				alert($(this).text());
			}
		})
		
		$.test21=function(){
			alert('test21');
		}
		
		$.test22=function(){
			alert('test22');
		}
	})(jQuery);
	
	
	<script>
		$(function(){
			$("#id11").test11();
			$("#id12").test12();
			$.test21();
			$.test22();
		})
	</script>
	
	<div>
		<p id="id11">this is id11</p>
		<p id="id12">this is id12</p>
		<p id="id21">this is id21</p>
		<p id="id22">this is id22</p>
	</div>

===================================================================================================================================

遍历:http://www.cnblogs.com/xhy-steve/p/5618441.html

===================================================================================================================================

将函数声明转化为函数表达式的3种方法:

+function () { 

};

(function () {

});

void function() {

};
+ - ! function($) (), function 前面的符号意思

======================================================================================================================================

use strict

JavaScript 严格模式(use strict)

===================================================================================================================================

参考:call

===================================================================================================================================

构造函数:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html

===================================================================================================================================

Array.prototype.slice.call(arguments)

数组

map方法

定义和用法

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

array.map(function(currentValue,index,arr), thisValue)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值