04__JavaScript高级

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量94 收藏
点赞数
分类专栏： Web开发 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LeoZuosj/article/details/120606762
版权

JavaScript高级

1. js的函数

（1）在java里面定义方法
public void/int 方法名称(参数列表) {
方法体和返回值;
}

（2）在js里面定义函数有三种方式
第一种：使用关键字 function 方法名称(参数列表) { 方法体和返回值 }
* 注意一：参数列表，不需要写类型（var），直接写参数名称
* 注意二：返回值，根据实际需要可以有也可以没有
* 代码

<html>
 <head>
  <title>01-js的函数的定义一</title>
 </head>

 <body>
 </body>
 <script type="text/javascript">
	//第一种方式创建函数
	function test1() {
		alert("123456");
	}
	//test1();

	//实现两个数的相加
	function add1(a,b) {
		var sum = a+b;
		return sum;
	}
	alert(add1(2,3));
 </script>
</html>

第二种：匿名函数，使用关键字function(参数列表) { 方法体和返回值; }
* 代码

<html>
 <head>
  <title>02-js的函数的定义二</title>
 </head>
 <body>
 </body>
<script type="text/javascript">
	//第二种定义方式
	var test1 = function(a,b) {
		return a+b;
	}
	//调用函数
	alert(test1(3,4));
</script>
</html>

第三种：动态函数（方法体和返回值，包含参数列表都是通过参数传递进来的）
* 使用js里面的内置对象 new Function(“参数列表”,“方法体和返回值”)
* 代码

<html>
 <head>
  <title>03-js的函数的定义三</title>
 </head>
 <body>
 </body>
<script type="text/javascript">
	//第三种定义方式
	var param = "a,b";
	var method = "var sum;sum=a+b;return sum;";
	var test2 = new Function(param,method);
	//调用函数
	alert(test2(5,6));
</script>
</html>

2. js的函数的重载

（1）在java里面存在重载，方法名称相同，参数列表不同
（2）js里面是否存在函数的重载？
第一，在js不存在重载
第二，可以使用js函数里面arguments数组模拟重载的效果
（3）模拟重载的效果
* 在js里面有一个数组arguments，保存传递进来的参数，使用这个数组模拟重载的效果
* 代码

<html>
 <head>
  <title>04-js的函数的重载</title>
 </head>
 <body>
 </body>
<script type="text/javascript">
	//模拟重载的效果
	//在js函数里面有一个数组 arguments，保存传递进来的参数的
	function add1() {
		//alert(arguments.length);
		//遍历数组
		/*for(var i=0;i<arguments.length;i++) {
			alert(arguments[i]);
		}*/
		//模拟重载的效果（有几个参数，实现这几个参数的相加）		
		var sum = 0;
		for(var i=0;i<arguments.length;i++) {
			sum += arguments[i];
		}
		return sum;
	}
	//调用方法
	alert(add1(1,2));      
	alert(add1(1,2,3));    
	alert(add1(1,2,3,4));  
	/*function add1(a,b) {
		return a+b;
	}
	function add1(a,b,c) {
		return a+b+c;
	}
	function add1(a,b,c,d) {
		return a+b+c+d;
	}
	alert(add1(1,2));      //NaN
	alert(add1(1,2,3));    //NaN
	alert(add1(1,2,3,4));  //10*/
</script>
</html>

3. js的事件

（1）什么是事件：在html的元素里面可以触发事件调用js里面的函数。
（2）在html的标签上面如何使用事件
* 有三种方式
* 第一种：使用事件属性调用js方法
** 代码<input type="button" value="第一种方式" onclick="add1();"/>
* 第二种：首先得到要绑定的标签，再使用事件的属性
** 代码document.getElementById("buttonid").onclick = add1;
* 第三种：首先得到要绑定的标签，写js的代码
** 代码
* document.getElementById("buttonid1").onclick = function() {
* alert("aaaaa");
* };

<html>
 <head>
  <title>05-js的事件</title>
 </head>
 <body>
	<input type="button" value="第一种方式" onclick="add1();"/>
	<br/>
	<input type="button" id="buttonid" value="第二种方式"/>
	<br/>
	<input type="button" id="buttonid1" value="第三种方式"/>
 </body>
<script type="text/javascript">
	//在html标签上面绑定事件，有三种方式。
	//第一种方式：在标签里面加上事件的属性，调用js方法
	function add1() {
		alert("add1");
	}
	//第二种方式绑定事件
	document.getElementById("buttonid").onclick = add1;
	//第三种方式绑定事件
	document.getElementById("buttonid1").onclick = function() {
		alert("aaaaa");
	};
</script>
</html>

4. js的常用的事件

（1）onload事件和onclick事件
* onload：html页面在加载时候触发事件，调用相应的js方法
**<body onload="test1();">
* onclick：鼠标点击事件
**<input type="text" onclick="test2();"/>

<html>
 <head>
  <title>06-js的常用事件操作一</title>
 </head>
 <body onload="test1();">
	<input type="text" onclick="test2();"/>
 </body>
<script type="text/javascript">
	//onload和onclick事件
	function test1() {
		alert("load");
	}
	function test2() {
		alert("onclick");
	}
</script>
</html>

（2）onfocus事件和onblur事件
* onfocus：获取焦点
* onblur：失去焦点

（3）onmouseover 鼠标被移到某元素之上

（4）onmouseout 鼠标从某元素移开

（5）onkeypress：点击键盘上面的某个键，调用方法
* <input type="text" id="textid1" onkeypress="key1(event);"/>
* function key1(obj) {
* //alert(obj.keyCode);
* //如果点击键盘上面的回车键 ，调用方法 13
* if(obj.keyCode==13) {
* alert("key1");
* }
* }

<html>
 <head>
  <title>07-js的常用事件操作二</title>
 </head>

 <body>
	<input type="text" onfocus="focus1();" onblur="blur1();"/>
	<br/>
	<input type="text" id="textid" onmouseover="over1();" onmouseout="out1();"/>
	<br/>
	<input type="text" id="textid1" onkeypress="key1(event);"/>
 </body>
<script type="text/javascript">
	//onkeypress
	function key1(obj) {
		//alert(obj.keyCode);
		//如果点击键盘上面的回车键 ，调用方法  13
		if(obj.keyCode==13) {
			alert("key1");
		}
	}

	//onmouseover onmouseout
	function over1() {
		document.getElementById("textid").value = "调用onmouseover方法";
	}

	function out1() {
		document.getElementById("textid").value = "调用onmouseout方法";
	}

	//onfocus事件和onblur事件
	function focus1() {
		alert("调用onfocus方法");
	}

	function blur1() {
		alert("调用onblur方法");
	}
</script>
</html>

5. js的dom对象

（1）什么dom：document object model：文档对象模型
* 文档：指的是标记型文档（html、xml）
* 对象：在对象里面有属性和方法
** 使用dom里面提供的对象里面的属性和方法，对标记型文档进行操作
* 要想使用dom对标记型文档进行操作，首先需要解析标记型文档（html为例）
** html中包含 标签、属性、文本内容
在这里插入图片描述
在这里插入图片描述
（2）使用dom解析html
* 解析过程：根据html的层级结构在内存中分配一个树形结构
* document对象，代表整个文档
* element对象，代表标签
* 属性对象
* 文本对象
* Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找
在这里插入图片描述
（3）DHTML的简介
* 不是一种技术，是很多技术的简称。
* 包含的技术：
** html：封装数据
** css：使用属性和属性值修改数据的样式
** ECMAScript：语句和语法
** DOM：对标记型文档进行操作

6. document对象

（1）document对象代表整个文档
（2）方法
第一个：write()，向页面输出内容，可以输出html代码
* document.write("aa");
* document.write("<hr/>");
第二个：getElementById(): 获取标签对象，通过标签的id值进行获取
* var input1 = document.getElementById("textid");
* document.write(input1.value);

<html>
 <head>
  <title>08-document对象操作一</title>
 </head>
 <body>
	<input type="text" id="textid" value="abcd"/>
 </body>
<script type="text/javascript">
	//write方法
	document.write("aa");
	document.write("<hr/>");

	//getElementById()
	var input1 = document.getElementById("textid");
	document.write(input1.value);
</script>
</html>

第三个：getElementsByName(): 根据标签里面name属性的值得到标签对象，返回数组。
* 如果只有一个标签，使用getElementsByName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值。
* var inputs2 = document.getElementsByName("name2");
* //alert(inputs2.length);
* alert(inputs2[0].value);

<html>
 <head>
  <title>09-document对象操作二</title>
 </head>
 <body>
	<input type="text" name="name1" value="aaa"/>
	<input type="text" name="name1" value="bbb"/>
	<input type="text" name="name1" value="ccc"/>
 </body>
<script type="text/javascript">
	//getElementsByName()
	var inputs1 = document.getElementsByName("name1");
	//alert(inputs1.length);
	//获取每个input里面的value值
	for(var i=0;i<inputs1.length;i++) {
		var input1 = inputs1[i];
		//得到value值
		alert(input1.value);
	}
</script>
</html>

<html>
 <head>
  <title>10-document对象操作三</title>
 </head>
<body>
	<input type="text" name="name2" value="ccc"/>
 </body>
<script type="text/javascript">
	//getElementsByName()
	var inputs2 = document.getElementsByName("name2");
	//alert(inputs2.length);
	alert(inputs2[0].value);
</script>
</html>

第四个：getElementsByTagName()：根据标签的名称获取标签对象，返回数组

var inputs3 = document.getElementsByTagName("input");
//alert(inputs3.length);
//遍历数组
for(var i=0;i<inputs3.length;i++) {
	var input3 = inputs3[i];
	//得到标签的value
	alert(input3.value);
}

= 如果只有一个标签，使用getElementsByTagName返回的也是一个数组，不需要遍历，直接使用数组的下标获取值

var arr = document.getElementsByTagName("input");
alert(arr[0].value);

<html>
 <head>
  <title>11-document对象操作四</title>
 </head>
 <body>
	<!--<input type="text" value="AAA"/>
	<input type="text" value="BBB"/>-->
	<input type="text" value="CCC"/>
 </body>
<script type="text/javascript">

	var arr = document.getElementsByTagName("input");
	alert(arr[0].value);
	//getElementsByTagName()
	/*var inputs3 = document.getElementsByTagName("input");
	//alert(inputs3.length);
	//遍历数组
	for(var i=0;i<inputs3.length;i++) {
		var input3 = inputs3[i];
		//得到标签的value
		alert(input3.value);
	}*/
</script>
</html>

7. innerHTML属性

（1）innerHTML属性不是dom里面属性。
（2）实现什么功能？
第一，获取标签里面的文本内容

var span1 = document.getElementById("spanid");
alert(span1.innevrHTML);

第二，向标签里面设置内容（可以写html代码）

var div1 = document.getElementById("div1");
div1.innerHTML = "<table border='1'><tr><td>aaa</td><td>bbb</td></tr></table>";

<html>
 <head>
  <title>12-innerHTML示例</title>
 </head>
 <body>
	<span id="spanid">哈哈呵呵</span>
	<hr/>
	<div id="div1"></div>
	<input type="button" value="add" onclick="add1();"/>
 </body>
<script type="text/javascript">
	//获取标签里面的文本内容
	var span1 = document.getElementById("spanid");
	//alert(span1.innerHTML);

	function add1() {
		var div1 = document.getElementById("div1");
		div1.innerHTML = "<table border='1'><tr><td>aaa</td><td>bbb</td></tr></table>";
	}
</script>
</html>

8. 练习：动态生成表格

（1）实现的步骤
* 首先创建页面，在页面中有两个普通输入项和按钮（有事件）
* 点击生成按钮，生成对应的表格
** 首先得到输入的行和列
** 根据行和列生成表格
*** 循环行
*** 在行里面循环单元格

（2）代码

<html>
 <head>
  <title>13-练习动态生成表格</title>
 </head>

 <body>
	行：<input type="text" id="hid" name="hang"/>
	列：<input type="text" id="lid" name="lie"/>
	<br/>
	<input type="button" value="生成" onclick="add1();"/>
	<div id="div1"></div>
 </body>
<script type="text/javascript">
	//实现生成表格
	function add1() {
		//得到输入的行和列
		var hang = document.getElementById("hid").value;
		var lie = document.getElementById("lid").value;
		//alert(hang+" :: "+lie);
		var tab = "<table border='1' cellpadding='10'>";
		//生成行
		for(var i=1;i<=hang;i++) {
			tab += "<tr>";
			//生成单元格
			for(var j=1;j<=lie;j++) {
				tab += "<td>aaaaa</td>";
			}
			tab += "</tr>";
		}
		tab += "</table>";
		//alert(tab);
		//获取div标签
		var div1 = document.getElementById("div1");
		//向div里面写html代码
		div1.innerHTML = tab;
	}
</script>
</html>

9. 表单的提交

（1）在html中写form标签，提交方式
提交表单有三种方式
第一种方式：在form标签里面，写提交按钮<input type="submit"/>
* 代码

<html>
 <head>
  <title>14-表单的提交方式一</title>
 </head>

 <body>
	<!-- 表单的提交方式一 -->
	<form method="get">
		username: <input type="text" name="username"/>
		<br/>
		password: <input type="password" name="password"/>
		<br/>
		<input type="submit" value="提交"/>
	</form>
 </body>
<script type="text/javascript">
</script>
</html>

第二种方式：在form标签里面，写普通按钮<input type="button"/>
* 代码

<html>
 <head>
  <title>15-表单的提交方式二</title>
 </head>

 <body>
	<!-- 表单的提交方式二 -->
	<form id="form01" method="get">
		username: <input type="text" name="username"/>
		<br/>
		password: <input type="password" name="password"/>
		<br/>
		<input type="button" value="提交" onclick="form01();"/>
	</form>
 </body>
<script type="text/javascript">
	//使用button进行表单的提交
	function form01() {
		//得到form标签
		var form01 = document.getElementById("form01");
		//提交form表单
		form01.submit();
	}
</script>
</html>

第三种方式：使用超链接提交数据<a href="要链接的地址?参数名称1=参数的值1&参数名称2=参数的值2">超链接</a>
* 代码

<html>
 <head>
  <title>16-表单的提交方式三</title>
 </head>

 <body>
	<a href="15-表单的提交方式二.html?username=ccc&password=123456">超链接提交数据</a>
 </body>
<script type="text/javascript">
</script>
</html>

10. 表单校验

在这里插入图片描述

（1）规范数据的输入的格式
（2）如何进行表单的校验
第一，使用submit进行表单提交，进行表单校验
* 使用事件 onsubmit事件，写在form标签里面。<form method="get" onsubmit="return checkForm();">
* 如何return返回的值true可以提交表单，如果返回false不会提交表单
* 代码

<html>
 <head>
  <title>17-表单的校验操作一</title>
 </head>

 <body>
	<!--使用submit提交表单，进行校验-->
	<!--需要使用到事件  onsubmit事件，这个事件需要写在form标签里面-->
	<form method="get" onsubmit="return checkForm();">
		username:<input type="text" name="username" id="usernameid"/>
		<br/>
		password:<input type="password" name="password" id="passwordid"/>
		<br/>
		<input type="submit" value="提交"/>
	</form>

 </body>
<script type="text/javascript">
	//submit表单的校验
	function checkForm() {
		//判断用户名不能为空
		var username = document.getElementById("usernameid").value;
		var password = document.getElementById("passwordid").value;
		if(username == "") {
			alert("用户名不能为空");
			return false;
		}
		if(password == "") {
			alert("密码不能为空");
			return false;
		}
		return true;
	}
</script>
</html>

第二，使用button进行表单校验
* 代码

<html>
 <head>
  <title>18-表单的校验操作二</title>
 </head>

 <body>
	<!--使用button提交表单，表单的校验-->
	<form id="form01" method="get">
		username:<input type="text" name="username" id="usernameid"/>
		<br/>
		password:<input type="password" name="password" id="passwordid"/>
		<br/>
		<input type="button" value="提交" onclick="form01();"/>
	</form>

 </body>
<script type="text/javascript">
	//使用button提交表单，进行校验
	function form01() {
		//得到输入项里面的值，判断值是否为空，如果为空不进行提交
		var username = document.getElementById("usernameid").value;
		var password = document.getElementById("passwordid").value;
		//如果值为空，不进行提交
		if(username == "") {
			alert("用户名不能为空");
		} else if(password == "") {
			alert("密码不能为空");
		} else {
			//得到form标签
			var form01 = document.getElementById("form01");
			form01.submit();
		}
	}
</script>
</html>

11. json的简介

（1）JavaScript Object Notation，JavaScript 对象表示法。json是数据的交换格式，比xml更加轻巧。
json是js的原生的格式，通过js操作json不需要依赖其他东西，直接对json格式进行操作。
（2）json数据格式
* json有两种数据格式
第一种：json的对象的格式
* 写法 {json数据的名称1:json数据的值1,json数据的名称2:json数据的值2,…}
** 类似于key-value形式
** 名称和值之间使用冒号隔开，多个值之间使用逗号隔开
** json数据的名称是字符串的类型，json数据的值 string, number, object, array, true, false, null
** 具体数据的格式 {“name”:“zhangsan”,“age”:20,“addr”:“nanjing”}
第二种：json的数组的格式
* 写法 [json对象1,json对象2,…]
** 在数组里面有多个json对象，多个json对象之间使用逗号进行隔开
** 具体数据的格式 [{“name”:“lucy”,“age”:20},{“name”:“mary”,“age”:30}]
（3）可以使用json的这两种格式组成更加复杂json的格式
* 复杂的格式 {“name”:[{“name”:“zhangsan”,“addr”:“beijing”},{“name”:“lisi”,“addr”:“tianjin”}]}

12. js解析json

（1）js解析json的对象的数据格式
* 通过json对象数据格式里面的name的名称得到name对应的值
* 代码

<html>
 <head>
  <title>19-js解析json的对象的数据格式</title>
 </head>
 <body>
 </body>
<script type="text/javascript">
	//js解析json的对象格式的数据
	var json1 = {"username":"lucy","age":20,"addr":"nanjing"};
	//对json的对象格式数据进行操作
	document.write(json1.username);
	document.write("<br/>");
	document.write(json1.age);
	document.write("<br/>");
	document.write(json1.addr);
</script>
</html>

（2）js解析json的数组的数据格式
* 根据数组的下标得到json对象，解析json对象，根据数据的名称得到值
* 遍历json数组，得到json数组里面每个json对象，解析每个json对象，根据json对象的数据
的名称得到值
* 代码

<html>
 <head>
  <title>20-js解析json数组的数据格式</title>
 </head>
 <body>
 </body>
<script type="text/javascript">
	//js解析json数组格式的数据
	var json2 = [{"username":"zhangsan","age":20,"addr":"beijing"},
				{"username":"lisi","age":30,"addr":"tianjin"},
				{"username":"wangnwu","age":40,"addr":"nanjing"}];
	//js操作数组，遍历数组，根据数组的下标得到值
	//遍历json数组格式，得到的是一个json对象，解析json对象（根据名称得到值）
	//得到第二个json对象里面的age的值  数组下标从0开始的
	document.write(json2[1].age);
	//得到第一个json对象里面的addr的值
	document.write("<br/>");
	document.write(json2[0].addr);
	//遍历json数组的格式
	document.write("<hr/>");
	for(var i=0;i<json2.length;i++) {
		//得到数组里面的每一个json对象
		var person = json2[i];
		//得到每个对象里面的值
		var username = person.username;
		var age = person.age;
		var addr = person.addr;
		document.write("username:"+username+" ; age:"+age+" ; addr:"+addr);
		document.write("<br/>");
	}
</script>
</html>

13. json练习：人员信息的显示

（1）把多个人员的信息存到json的数据格式里面，通过js解析json的数据格式，把所有的人员显示到页面的表格里面。
（2）数据：
[{“name”:“zhangsan”,“age”:20,“addr”:“beijing”},
{“name”:“lisi”,“age”:30,“addr”:“tinajin”},
{“name”:“wangwu”,“age”:40,“addr”:“nanjing”}]
（3）代码

<html>
 <head>
  <title>21-json</title>
 </head>
 <body>
	<input type="button" value="显示数据" onclick="showData();"/>
	<div id="div1"></div>
 </body>
<script type="text/javascript">
	//创建json的数据的格式，用于存储人员的信息
	var persons = [{"name":"zhangsan","age":20,"addr":"beijing"},
					{"name":"lisi","age":30,"addr":"tinajin"},
					{"name":"wangwu","age":40,"addr":"nanjing"}];
	//使用js解析persons格式，把这些人员信息显示到页面上
	//遍历json的数组，得到每个人员的信息
	//生成表格 ，把数据放到表格里面，把表格显示到页面上
	function showData() {
		var tab = "<table border='1' cellpadding='10'>";
		//添加表头
		tab += "<tr><th>姓名</th><th>年龄</th><th>地址</th></tr>";
		for(var i=0;i<persons.length;i++) {
			//得到数组里面的每个json对象
			var person = persons[i];
			//得到每个json对象里面值
			var name = person.name;
			var age = person.age;
			var addr = person.addr;
			//生成表格
			tab += "<tr><td>"+name+"</td><td>"+age+"</td><td>"+addr+"</td></tr>";
		}
		tab += "</table>";
		//alert(tab);
		//把table表格的代码显示到页面上，使用innerHTML属性
		//得到div标签
		var div1 = document.getElementById("div1");
		//向div里面写table代码
		div1.innerHTML = tab;
	}
</script>
</html>
左绍骏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript_高级编程
04-15
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个...
JavaScript 对象的概述
不断成长的我
08-27 778
JavaScript 对象的概述最简单的概述：在JavaScript中对象仅仅是属性的容器。每个对象都可以有零个或多个属性值， 这些属性持有一个基本类型的值，也可以是持有一个对象引用。 JavaScript中创建对象的常见方法JavaScript中常见的常见对象的方式有三种： . 使用对象字面量 var obj = {} . 使用new运算符 var obj = new
js对象概述
liyixuanstay的博客
05-07 124
js对象 对象的继承，一般的做法是复制所有属性，但还有种方法，就是: Function.apply 函数的 apply 方法能劫持另外一个对象的方法，继承另外一个对象的属性 Function.apply(obj,args) 方法接收两个参数 obj：这个对象将代替Function类里this对象 args：这个是数组，它将作为参数传给Function（args–>arguments） 示范如...
js的函数以及一些属性/对象的概述
alert6861的博客
06-02 243
1、js的函数 （1）在java里面定义方法 public void/int 方法名称(参数列表) { 方法体和返回值; } （2）在js里面定义函数有三种方式 第一种：使用关键字 function 方法名称(参数列表) { 方法体和返回值 } * 注意一：参数列表，不需要写类型（var），直接写参数名称 * 注意二：返回值，根据实际需要可以有也可以没有 * 代码 fu
JS面向对象概述
weixin_34132768的博客
06-14 106
2019独角兽企业重金招聘Python工程师标准>>> ...
js中函数对象的属性，函数原型属性length、name、prototype
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
09-17 7062
全栈工程师开发手册 （作者：栾鹏） js系列教程4-函数、函数参数教程全解在js中，函数本身属于对象的一种，因此可以定义、赋值，作为对象的属性或者成为其他函数的参数。函数名只是函数这个对象类的引用。函数对象属性【length属性】　　在js函数参数文章中介绍过，arguments对象的length属性表示实参个数，而函数的length属性则表示形参个数function add(x,y){
JavaScript高级_javascript_zip_
10-03
JavaScript高级
JavaScript_高级编程PDF
01-21
JavaScript_高级编程PDF，不可用于商业用途，如有版权问题，请联系删除！
day10_JavaScript高级1
08-08
1.2.2视频详情1.2.3总结与补充1.2.4课堂提问与练习 Dom的功能 1.2.5习题答案 控制html文档的内容 获取页面标签(元素)对象：Elemen
day10_JavaScript高级_docx1
08-04
1. 概念：Browser Object Model 浏览器对象模型 * 将浏览器的 1.在 2.定义一个方 3.定义一个定时 1.显 2.倒计时 3.在 1.
JS基础之函数内部对象、属性、方法
weixin_38203203的博客
01-14 2209
在函数内部，有2个特殊的对象：arguments 和 this。 · arguments：类数组对象，包含着传入函数中的所有参数。     >这个对象还有一个名叫callee属性，指向拥有这个arguments对象的函数。---经常用于递归     >另一个函数对象的属性，caller，保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值为null · this：引用的
js方法函数内部属性
weixin_41669582的博客
01-29 1101
在函数内部有两个特殊对象：arguments和this。 arguments是一个类数组对象，包含传入函数的所有参数。主要用途是保存参数，其中有一个callee该属性是一个指针指向拥有arguments对象的函数。 如果不用arguments则可能出现这种情况: function factorial(num){ if(num return 1; }else{ return num*f
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 122
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 200
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 246
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 760
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
Vue3详细讲解
贫僧法号依平
05-15 857
Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite？Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)案例：显示鼠标案例计算属性computed函数侦听器watch函数钩子函数的使用组件通讯-父传子组件通讯-子传父依赖注入 - provide 和 inject模板中 ref 的使用vue3中废弃了过滤器。
echarts的柱状图使用
qq_45331969的博客
05-15 192
【代码】echarts的柱状图使用。
vue3专栏项目 -- 五、权限管理（下）
m0_64931189的博客
05-15 821
我们这一系列做的就是，我们刚开始做了message组件，我们可以直接在某个组件中通过即可调用这个message组件，从而展示出这个提示信息框但是我们觉得它可以像以前用过的alert一样，直接通过一个函数调用就可以展示出这个组件，所以有了如下一步步改进：
JavaScript 高级语法
07-15
JavaScript作为一门动态、弱类型的脚本语言，具有一些高级语法和特性，下面是一些常见的JavaScript高级语法： 1. 闭包（Closures）：内部函数可以访问外部函数作用域中的变量。通过闭包，可以创建私有变量和方法。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

左绍骏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值