JavaScript的学习
- 什么是javascript，如下简称JS
- 正式使用js

JavaScript的学习

什么是javascript，如下简称JS

JS是用来与用户交互的语言，实现浏览器与用户之间交互，实现页面动画、特效、等等...

正式使用js

js的两种引入方式

内嵌式的引入方式（建议写在head标签中）

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript">

		</script>

	</head>

	<body>

	</body>

</html>

外部引入的方式

<script src="js/1.js" type="text/javascript" charset="utf-8"></script>

head标签与body标签的区别

head标签是一些与浏览器进行交互的配置信息
body标签是展示给用户的

js定义变量

js中变量只有一种类型，var，随着其接受值不同，

如果出现同名的变量，后者将会覆盖前者。

 var a = 10; // number

 var b = 11.1;  // number

 var c = 'abc';  // string

 var d = "abc";  // string

 var e = true;  // boolean

 var f = new Date();  // object

可以分为如下四种类型：

- string类型

- number类型（包含浮点数、整数）

- object类型（对象类型）

- boolean类型

有3种特殊的数据类型

null类型，实质上是一个空对象object
NAN类型，强制转换成Number后出现错误的类型， Not A Number（不是一个数字）
undefined未定义的，实际上就是创建了一个变量，但是没有赋值

连接运算符与特殊运算符

连接运算符： +

当运算符两边是Number类型时，做相加运算。否则做字符串拼接运算。

如下情况例外：

<script type="text/javascript">

	var a = null;

	var b = Number("123b");

	var c;

	console.log(a + 1); // 1

	console.log(b + 1); // NaN

	console.log(c + 1); // NaN

	console.log(a + '1'); // null1

	console.log(b + '1'); // NaN1

	console.log(c + '1'); // undefined1

</script>

js的流程控制语句IF

// 当出现以下 五种类型时结果为false，其他时候都为true

// false   0   undefined   null   NaN

if(){

	alert("进入了if");

}else{

	alert("进入了else");

}

提示：在js的流程控制语句中定义的变量都是全局变量，可以被外部访问到

if(true){

	var a = 10;

}

alert(a); // 10

函数的使用

函数的定义方式

// 第一种

function fun1() {

	alert("我是第1种函数创建方式")

}

// 第二种

var fun2 = function() {

		alert("我是第2种函数创建方式")

}

// 第三种好像不能传值

var fun3 = new Function("alert('我是第3种函数创建方式')");

fun1();

fun2();

fun3();

函数中的参数传递

函数的形参和实参的个数可以不同,没有实参的参数是undefined

function sum(a,b){

    console(a + b)

}

// 调用函数时，只传一个函数

sum(10);

// 这个时候函数接收到的参数后就变为了

// a = 10, b = undefined

函数中出现多个同名函数时

js中的函数不存在重载，如果有重名的函数将会覆盖

函数没有返回值时

没有定义函数中的return返回值时，函数的返回值为undefined

数组的使用

数组的四种定义方式

var arr1 = new Array();

var arr2 = new Array(5);

var arr3 = new Array(1,1.2,'zhangsan',true,new Date());

var arr4 = [1,1.2,'zhangsan',true,new Date()];

js数组的基本操作

console.log(arr3[10]); // 输出没有元素的下标位，输出结果为undefined

console.log(arr3.length); // 输出数组的长度

arr3.length = 10; // 扩容数组，将数组长度设置为10，扩容出的元素都为undefined

arr3.length = 3; // 缩容，会将超出数组长度的元素丢弃

// js中数组赋值时，下标可以是不连续的，如果下标超过了数组的长度，则会自动扩容

arr3[10] = 100;

console.log(arr3[9]); // 中间没有被赋值的内容为empty：undefined

数组的三种遍历方式

// fori的方式

for(var i = 0; i < arr3.length; i++) {

	console.log(arr3[i])

}

// for in的方式，遍历出来的index其实为下标

for(var index in arr3) {

	console.log(arr3[index])

}

// for of 方式，遍历出来的为数组的值

for(var item of arr3) {

	console.log(item)

}

数组的常用方法

// pop删除并获取最后一个元素

var a = arr3.pop();

// shift删除并获取第一个元素

var b = arr3.shift();

// push，在数组结尾添加元素，可以添加多个，但是要用逗号分开，返回数组当前长度

var len = arr3.push("lisi",19);

// unshift，在数组开头添加元素，可以添加多个，但是要用逗号分开，返回数组当前长度

var len = arr3.unshift("hemi",88)

/* splice，方法有三个参数

第一个参数：定义了应添加新元素的位置，

第二个参数：定义了需要删除多少个元素，从第一个参数位置开始

第三个参数：需要添加的元素,可以有多个，用逗号分开 */

var arr5 = [5,1,3,4];

// 替换1,3 为 6,9

arr5.splice(1,2,6,9);

// 在下标为3的位置添加一个10

arr5.splice(3,0,10);

// 删除下标为2的元素

arr5.splice(2,1);

常用对象

Date对象

/* Date对象 */

var date = new Date();

// 全年，例如今天为2021年

console.log(date.getFullYear());

// 月，从0开始，0-11，所以获得当月需要+1

console.log(date.getMonth() + 1)

// 日

console.log(date.getDate())

// 时

console.log(date.getHours())

// 分

console.log(date.getMinutes());

// 秒

console.log(date.getSeconds());

// 本地时间字符串

console.log(date.toLocaleDateString());

Math对象

// 向上取整

console.log(Math.ceil(11.1));

// 向下取整

console.log(Math.floor(11.9));

// 四舍五入

console.log(Math.round(5.4));

console.log(Math.round(5.6));

// 获得0-10之间但不包含10的随机数

console.log(Math.random());

// 获得四位随机数，1000 ~ 9999

var rundomNum = parseInt(Math.random() * 9000) + 1000;

console.log(rundomNum);

String对象

// string的二种定义方式，第一种常用

var str = "你+好+呀";

var str2 = new String("你+好+呀");

// substr方法，参数1：从下标开始取数据，参数2：取多少个数据

console.log(str.substr(1,3)); // +好+

console.log(str.substr(1)); // +好+呀

// substring方法，参数1：从下标位开始取数据，参数2：到该下标位-1

console.log(str.substring(1,3)); // +好

console.log(str.substring(1)); // +好+呀

// split方法，以参数切割，返回一个数组，如果字符串为空，返回一个长度为1的数组，数据是一个空字符串

var arr = str.split("+");

console.log(arr);

Global对象

// eval方法，将字符串中的内容解析成js代码并执行

// 定义一个字符串，里面写java代码

var scriptStr = "var a = '今天天气不错';function fun1(){alert('你好呀');}"

eval(scriptStr);

console.log(a); // 控制台输出了 今天天气不错

fun1(); // 页面弹出了alert框提示 你好呀

// 判断是否是一个 非数字

var a = Number("134");

var b = Number("134A");

console.log(isNaN(a)); // False

console.log(isNaN(b)); // True

常用JS事件（Event）

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript">

				function demo1(){

					console.log("demo1")

				}

				function demo2(){

					console.log("demo2")

				}

				function demo3(){

					console.log("demo3")

				}

		</script>

	</head>

	<!-- 1个 onload：页面html，css加载完成后执行的方法 -->

	<body onload="demo3()">

		<!-- 2个 点击事件 -->

		<!-- 单击鼠标事件 -->

		<button type="button" onclick="demo1()">单击事件</button>

		<!-- 双击鼠标事件 -->

		<button type="button" ondblclick="demo2()">双击事件</button>

		<!-- 2个 键盘事件 -->

		<!-- onkeydown：键盘按下事件（任意键），onkeyup：鼠标松开事件 -->

		<input type="text" onkeydown="demo1()" onkeyup="demo2()" value="">

		<!-- 3个 onmouseover：鼠标进入事件，onmouseout：鼠标出去事件，onmousemove：鼠标在内部的移动事件 -->

		<div onmouseover="demo1()" onmouseout="demo2()" onmousemove="demo3()"

			style="width: 200px;height: 100px; background-color: #FF0000;"></div>

		<!-- 2个 onblur:失去焦点事件，onfocus：获取焦点事件-->

		<input onblur="demo1()" onfocus="demo2()" type="text">

		<!-- 1个 onchange：发生改变后的事件 -->

		<select onchange="demo1()">

			<option  selected>请选择</option>

			<option>广西</option>

			<option>中国</option>

		</select>

	</body>

</html>

BOM浏览器对象模型(windows)

书写时可以省略windows

三种弹框方式

<script type="text/javascript">

	// 警告框

	window.alert("第一种弹框：警告框");

	// 询问框，点击了确认按钮时返回true，否则返回false，为boolean类型

	var result = window.confirm("请问要来点兔子吗？");

	console.log(result);

	// 输入询问框，点击确认按钮时返回输入的内容，点取消则返回null

	var username = window.prompt("请输入你的用户名");

	console.log(username);

</script>

定时器的使用及关闭

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript">

			// 设置时间函数

			function localtime() {

				var date = new Date();

				// 获取本地时间字符串，精确到秒

				var time = date.toLocaleString();

				// 将时间写入到 id 为sp的标签内容中

				document.getElementById("sp").innerHTML = time;

			}

			// 每过一秒执行一次localtime函数

			var interTime = setInterval("localtime()",1000);

			// 一秒后执行一次localtime函数

			// setTimeout("localtime()",1000);

			function stop() {

				// 停止计时器

				clearInterval(interTime);

			}

		</script>

	</head>

	<body onload="localtime()">

		<span id="sp"></span>

		<button type="button" onclick="stop()">停止时间</button>

	</body>

</html>

BOM对象的close和open方法

<script type="text/javascript">

		function closePage() {

			// 关闭当前页面

			window.close();

		}

		function openPage() {

			// 打开一个页面

			window.open("http://www.baidu.com");

		}

</script>

Loation对象(URL有关的对象)

<script type="text/javascript">

		// 输出IP地址和端口号

		console.log(window.location.host)

		// 输出IP地址

		console.log(window.location.hostname);

		// 去掉了ip地址和端口后的路径地址

		console.log(window.location.pathname);

		// 当前访问所使用的协议

		console.log(window.location.protocol);

		// 当前访问的网址

		console.log(window.location.href);

		// 替换当前的路径地址，使其跳转到对应地址(重点)

		function replaceHref() {

			window.location.href = "http://www.baidu.com";

		}

		// 重新加载当前页面（重点）

		function reload(){

			window.location.reload();

		}

</script>

History（历史对象）

// 跳转到下一个页面

function back(){

	window.history.back();

}

// 跳转到上一个页面

function forward(){

	window.history.forward();

}

// 跳转到上n个页面或者下n个页面，又或者刷新

function go(){

	// 跳转到上2个页面

	window.history.go(-2);

}

Screen屏幕对象

<script type="text/javascript">

		var width = window.screen.width;

		var height = window.screen.height;

		console.log("当前电脑的分辨率为：" + height + " * " + width);

</script>

Navigator 浏览器配置对象

	// 获得用户代理，使浏览器能够识别用户的操作系统、版本等等...

	var userAgent = window.navigator.userAgent;

	console.log(userAgent);

DOM文档对象模型（重点）

获得元素对象

<script type="text/javascript" charset="UTF-8">

function demo1(){

	// 第一种，通过Id获取元素对象

	var sp1 = document.getElementById("sp1");

	console.log(sp1);// 获取的是一整个标签

	// 第二种，获得所有相同标签名称的元素对象,返回的是一个数组

	var sparr = document.getElementsByTagName("span");

	console.log(sparr);

	// 第三种，获得所有相同类名的元素对象，返回的是一个数组

	var spGroupArr = document.getElementsByClassName("spGroup1");

	console.log(spGroupArr);

	// 第四种（不常用），通过所有拥有name属性的标签

	var spNameArr = document.getElementsByName("myName");

	console.log(spNameArr);

	// 特殊情况

	// 通过父元素对象获得所有的子元素节点，包括文本对象(空白、文字都是文本对象)

	var fatherDiv = document.getElementById("fatherDiv");

	var childNodes = fatherDiv.childNodes;

	console.log(childNodes);

	// 通过子元素获得父元素

	var childNode = document.getElementById("sp1");

	var fatherNode = childNode.parentNode;

	console.log(fatherNode);

	// 获得上一个兄弟元素，不是节点，是元素，也就是不会包括text文本节点

	var sp1 = document.getElementById("sp1");

	var prevSibling = sp1.previousElementSibling;

	console.log(prevSibling);

	// 获得下一个兄弟元素，不是节点，是元素，也就是不会包括text文本节点

	var sp1 = document.getElementById("sp1");

	var nextSibling = sp1.nextElementSibling;

	console.log(nextSibling);

	// 注意节点和元素的区别。元素可以是一个节点，但是一个节点不一定是一个元素Element，例如text节点(空白内容等)

}

</script>

操作节点的属性

<script type="text/javascript">

// 获取属性

function getAttr() {

	// 通过获得元素对象

	var input1 = document.getElementById("user");

	// 通过该对象打点的方式直接获取属性

	var type = input1.type;

	var name = input1.name;

	var id = input1.id;

	var value = input1.value;

	console.log("type：" + type + " name：" + name + " id：" + id + " value：" + value);

}

// 修改属性

function modifyAttr() {

	// 通过获得元素对象

	var input1 = document.getElementById("user");

	// 通过该对象打点的方式直接修改属性

	input1.type = "password";

	input1.name = "pwd";

	input1.id = "pass";

	input1.value = "111";

	alert(input1.value);

}

</script>

</head>

<body>

	<input type="text" name="username" id="user" value="李四" />

	<button type="button" onclick="getAttr()">获取属性</button>

	<button type="button" onclick="modifyAttr()">修改属性</button>

</body>

操作节点的文本内容

提示，单标签与双标签获取文本内容的区别

单标签获取文本内容时是获取 value属性
双标签获取文本内容时候是获取 innerText属性或者innerHtml属性
select 、textarea需要注意一下，通常传递的都是value

操作节点的css样式

function demo1() {

	// 通过id获取元素对象

	var sp1 = document.getElementById("sp1");

	// 修改style属性

	sp1.style.fontSize = "100px";

}

小案例你是不是喜欢我

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<style type="text/css">

			#box {

				width: 200px;

				height: 100px;

				background-color: bisque;

				margin: 0 auto;

			}

			button{

				margin-left: 40px;

			}

		</style>

		<script type="text/javascript">

			function replaceBoxLocation () {

				var box = document.getElementById("box");

				box.style.marginLeft = Math.random() * 600 + "px";

				box.style.marginTop = Math.random() * 400 + "px";

			}

			function yes() {

				var box = document.getElementById("box");

				box.style.display = "none";

				document.body.style.backgroundColor = "green";

				window.confirm("我就知道");

			}

		</script>

	</head>

<body>

	<div id="box">

		<h4 align="center">你是不是喜欢我</h4>

		<button onclick="yes()">是的</button>

		<button onmouseover="replaceBoxLocation()">不是</button>

	</div>

</body>

</html>

小案例操作节点元素对象

操作元素节点对象的方法：

创建节点对象

var span = document.createElement("span");
追加父节点中的指定子节点的前面

'需要追加的父节点'.insertBefore('要添加的节点','父节点中的字节点')
追加到指定节点的最后

span.appendChild(inp);
删除父节点中的子节点

pNode.removeChild(childNode);
删除整个节点

node.remove();

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

<script type="text/javascript" charset="UTF-8">

		function addStudent(){

			// 1、创建需要添加的元素节点

			var p = document.createElement("p");

			var usernameSpan = document.createElement("span");

			var ageSpan = document.createElement("span");

			var delBtn = document.createElement("button");

			// 2、获取username 和 age

			var username = document.getElementById("username").value;

			var age = document.getElementById("age").value;

			// 3、为两个span标签html内容赋值

			usernameSpan.innerHTML = username + "&emsp;&emsp;";

			ageSpan.innerHTML = age + "&emsp;&emsp;";

			// 4、设置delBtn的属性

			delBtn.type = "button";

			// 删除方法节点

			delBtn.onclick = function() {

				p.remove();

			};

			delBtn.innerText = "删除该学生";

			// 5、将标签都添加到p元素节点中

			p.appendChild(usernameSpan);

			p.appendChild(ageSpan);

			p.appendChild(delBtn);

			// 6、获取到最外层的div元素节点，以及最后id为addBtn的按钮元素节点

			var fatherDiv = document.getElementById("fatherDiv");

			var addBtn = document.getElementById("addBtn");

			// 7、然后将其添加到 最后一个按钮前面

			fatherDiv.insertBefore(p, addBtn);

		}

</script>

	</head>

	<body>

		<div id="fatherDiv">

			请输入姓名：<input type="text" id="username"><br/>

			请输入年龄：<input type="text" id="age"><br/>

			<p>

				<span>李光华&emsp;&emsp;</span>

				<span>19岁&emsp;&emsp;</span>

				<button type="button" onclick="deleteStudent(this)">删除该学生</button>

			</p>

			<button id="addBtn" type="button" onclick="addStudent()">添加一个学生</button>

		</div>

	</body>

</html>

小案例 javascript实现表单的验证

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript">

			var submitForm = function() {

				if(inspectUname() && inspectPwd()) {

					return true;

				}

				return false;

			}

			function inspectUname (){

				var uname = document.getElementById("username").value;

				var result = false;

				if(uname == '') {

					document.getElementById("message1").innerText = "用户名不能为空";

					document.getElementById("message1").style.color = "red";

				}else {

					document.getElementById("message1").innerText = "用户名正确";

					document.getElementById("message1").style.color = "green";

					result = true;

				}

				return result;

			}

			function inspectPwd (){

				var uname = document.getElementById("passoword").value;

				var result = false;

				if(uname == '') {

					document.getElementById("message2").innerText = "密码不能为空";

					document.getElementById("message2").style.color = "red";

				}else {

					document.getElementById("message2").innerText = "密码正确";

					document.getElementById("message2").style.color = "green";

					result = true;

				}

				return result;

			}

		</script>

	</head>

	<body>

		<form action="" method="get" onsubmit="return submitForm()">

			<!--

				readonly 文本框不可编辑，但是可以提交

				disabled 不可用，不会被提交

			 -->

			readonly框：<input type="text" name="readonly" value="readonlyinput" readonly> <br/>

			disabled框：<input type="text" name="disabled" value="disabledinput" disabled> <br/>

			用户名：<input type="text" onblur="inspectUname()" id="username" name="username" >

			<span id="message1" style="color: red;"></span> <br/>

			密码：<input type="password" onblur="inspectPwd()" id="passoword" name="passoword" >

			<span id="message2" style="color: red;"></span><br/>

			<input type="submit" value="提交表单">

		</form>

	</body>

</html>

小案例计算器

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript">

			function calculate(td) {

				// 获取按下的按钮的值

				var tdText = td.innerText;

				// 获得当前的输入框

				var input = document.getElementById("calInput");

				// 1、如果按下的是C,清空input

				if (tdText == 'C') {

					input.value = '';

				}else if(tdText == '=') {

					//2、如果按下的是等于，计算结果

					input.value = eval(input.value);

				}else {

					//3、其他的都追加到input中

					input.value += tdText;

				}

			}

		</script>

	</head>

	<body>

		输入框：<input id="calInput" type="text"> <br><br>

		<table cellpadding="20px" border="1px solid red" cellspacing="0">

			<tr>

				<td onclick="calculate(this)">7</td>

				<td onclick="calculate(this)">8</td>

				<td onclick="calculate(this)">9</td>

				<td onclick="calculate(this)">*</td>

			</tr>

			<tr>

				<td onclick="calculate(this)">4</td>

				<td onclick="calculate(this)">5</td>

				<td onclick="calculate(this)">6</td>

				<td onclick="calculate(this)">-</td>

			</tr>

			<tr>

				<td onclick="calculate(this)">1</td>

				<td onclick="calculate(this)">2</td>

				<td onclick="calculate(this)">3</td>

				<td onclick="calculate(this)">+</td>

			</tr>

			<tr>

				<td onclick="calculate(this)">0</td>

				<td onclick="calculate(this)">.</td>

				<td onclick="calculate(this)">C</td>

				<td onclick="calculate(this)">=</td>

			</tr>

		</table>

	</body>

</html>

javascript的入门学习的更多相关文章

记JavaScript的入门学习（三）
2016.12.6晚上十点半完成JavaScript的第二章学习,看了点第三章的开头总述,都说原生js每一个知识点都可以分分钟钟让你放弃,而我在努力探索着.月末的时候就回家放假了,希望在家也可以有个小 ...
记JavaScript的入门学习（二）
2016年11月25号,利用上午时间学习了JavaScript的数据类型和变量,下午就该去图书馆泡书了. 看完变量的本章节,发现我可能不能一天结束,那我就利用上午和晚上九点回来的时间完成吧.把心态调整 ...
记JavaScript的入门学习（一）
2016年11月20日算是每天都会利用点时间去思考,去学习,接下来便是我学习JavaScript的前前后后,希望早日学完JavaScript和jQuery 之前学校毕业设计选择了一个如下图的题目希望 ...
【总结整理】javascript基础入门学习（慕课网学习）
https://www.imooc.com/learn/36 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script ...
JavaScript 的入门学习案例，保证学会！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
第一百一十九节，JavaScript事件入门
JavaScript事件入门学习要点: 1.事件介绍 2.内联模型 3.脚本模型 4.事件处理函数 JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击.当用户执行某些操 ...
JavaScript入门学习之二——函数
在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普 ...
ReactJS入门学习二
ReactJS入门学习二阅读目录 React的背景和基本原理理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法如何在JSX中如何使用事件如何在JSX中如何使用 ...
ReactJS入门学习一
ReactJS入门学习一阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的理解从服务器端获取数据及理解state的回到顶部 React是什么 ...

随机推荐

Kubernetes之无头服务(headless)
己经看到如何使用服务来提供稳定的ip地址,从而允许客户端连接到支持服务的每个pod (或其他端点).到服务的每个连接都被转发到一个随机选择的pod上.但是如果客户端需要链接到所有的pod呢?如果后端的 ...
开发小技巧之:unicode的排序和正则匹配
目录简介 ASCII字符的排序本地字符的排序为什么不使用unicode进行排序 emoji的正则匹配总结简介我们知道计算机最先兴起是在国外,出于当时计算机性能的考虑和外国常用字符的考虑,最 ...
Java并发之ReentrantReadWriteLock源码解析（二）
先前,笔者和大家一起了解了ReentrantReadWriteLock的写锁实现,其实写锁本身实现的逻辑很少,基本上还是复用AQS内部的等待队列思想.下面,我们来看看ReentrantReadWrit ...
IDEA详细配置+优秀插件
目录 IDEA破解 Settings配置配置 settings 字体关闭IDEA更新设置IDEA打开为项目选择界面自动导入包配置显示方法的分割线滚轮设置字体大小智能提示忽略大小写 Tab ...
企业该选择什么样的CRM系统
不论您是需要CRM系统来优化业务流程,还是准备更换一款新的CRM系统,在这之前都应该先明确企业的需求,并了解CRM的哪些功能能够对企业有所帮助.例如,企业的管理者想了解每个销售人员的业绩情况,那么就应 ...
CRM企业管理系统一年多少钱？
CRM系统一年多少钱?这是很多企业管理者比较关心的问题.目前市面上的CRM系统分为本地部署型和云部署型.云部署型CRM费用相对较低,只需要按需购买账号,连接网络即可使用:本地部署型CRM费用较高,企业 ...
大话Java代理模式
一.什么是代理首先理解一下什么是代理.简单来说,代理就你要做一件事情,我替你把事情做了.这是现实生活中我们遇到的代理的需求场景.但写代码的时候对代理场景的需求,跟现实场景有点区别,本质上还是帮你做事 ...
Swoole异步投递task任务
[使用场景] Swoole的task模块可以用来做一些异步的慢速任务.耗时场景.如webim中发广播,发送邮件等,把这些任务丢给task进程之后,worker进程可以继续处理新的数据请求,任务完成后会 ...
WPF教程十四：了解元素的渲染OnRender()如何使用
上一篇分析了WPF元素中布局系统的MeasureOverride()和ArrangeOverride()方法.本节将进一步深入分析和研究元素如何渲染它们自身. 大多数WPF元素通过组合方式创建可视化外 ...
Mongo基于Java基本操作
1.使用Maven依赖相应jar <dependency> <groupId>org.mongodb</groupId> <artifactId>mon ...

javascript的入门学习