Java Web(2)-jQuery上

来源:https://www.cnblogs.com/mengd/archive/2020/07/23/13368929.html
-Advertisement-
Play Games

一、jQuery初體驗 使用jQuery給一個按鈕綁定單擊事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src ...


一、jQuery初體驗

使用jQuery給一個按鈕綁定單擊事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-1.7.2.js"></script>

    <script type="text/javascript">
        // window.onload = function () {
        //     var butObj = document.getElementById("butId");
        //     butObj.onclick = function () {
        //         alert("js 單機事件")
        //     }
        // }

        // 1. 表示頁面載入完成之後,類似於 window.onload = function () {
        $(function () {
            var $butObj = $("#butId");  // 2. 按照id查詢標簽對象
            $butObj.click(function () {  // 3. 綁定單擊事件
                alert("jQuery 單擊事件")
            });
        });

    </script>
</head>
<body>

<button id="butId"> hello </button>
</body>
</html>

註意:

  • 使用 jQuery 一定要引入 jQuery 庫
  • jQuery 中的$到底是什麼? 答案: 它是一個函數
  • 怎麼為按鈕添加點擊響應函數的?
    • 使用 jQuery 查詢到標簽對象
    • 使用標簽對象.click(function(){});

二、jQuery 核心函數

$ 是 jQuery 的核心函數,能完成 jQuery 的很多功能。$()就是調用$這個函數

  1. 傳入參數為 [ 函數 ] 時:
    • 表示頁面載入完成之後。相當於 window.onload=function(){}
  2. 傳入參數為 [HTML 字元串 ] 時:
    • 會對我們創建這個 html 標簽對象
  3. 傳入參數為 [ 選擇器字元串 ] 時:
    • $(“#id 屬性值”); id 選擇器,根據 id 查詢標簽對象
    • $(“標簽名”); 標簽名選擇器,根據指定的標簽名查詢標簽對象
    • $(“.class 屬性值”); 類型選擇器,可以根據 class 屬性查詢標簽對象
  4. 傳入參數為 [DOM 對象 ] 時:
    • 會把這個 dom 對象轉換為 jQuery 對象

三、jQuery 對象和 dom 對象區分

1. 什麼是 jQuery 對象,什麼是 dom 對象

Dom對象

  • 通過 getElementById()查詢出來的標簽對象是 Dom 對象
  • 通過 getElementsByName()查詢出來的標簽對象是 Dom 對象
  • 通過 getElementsByTagName()查詢出來的標簽對象是 Dom 對象
  • 通過 createElement() 方法創建的對象,是 Dom 對象

DOM 對象 Alert 出來的效果是:[object HTML 標 簽 名 Element]

jQuery對象

通過 JQuery 提供的 API 創建的對象,是 JQuery 對象

通過 JQuery 包裝的 Dom 對象,也是 JQuery 對象

通過 JQuery 提供的 API 查詢到的對象,是 JQuery 對象

jQuery 對象 Alert 出來的效果是:[objectObject]

2. jQuery 對象的本質是什麼?

jQuery 對象是 dom 對象的數組 +jQuery 提供的一系列功能函數

3. jQuery 對象和 Dom 對象使用區別

jQuery 對象不能使用 DOM 對象的屬性和方法

DOM 對象也不能使用 jQuery 對象的屬性和方法

4. Dom 對象和 jQuery 對象互轉

dom對象轉化為 jQuery 對象

  • 先有 DOM 對象
  • $(DOM 對象 ) 就可以轉換成為 jQuery 對象

jQuery 對象轉為 dom 對象

  • 先有 jQuery 對象
  • jQuery 對象[下標]取出相應的 DOM 對象

四、jQuery選擇器

1. 基本選擇器

  • ID 選擇器:根據 id 查找標簽對象

  • .class 選擇器:根據 class 查找標簽對象
  • element 選擇器:根據標簽名查找標簽對象
  • * 選擇器:表示任意的,所有的元素
  • selector1,selector2 組合選擇器:合併選擇器 1,選擇器 2 的結果並返回

p.myClass

表示標簽名必須是 p 標簽,而且 class 類型還要是 myClass

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Untitled Document</title>
    <style type="text/css">
        div, span, p {
            width: 140px;
            height: 140px;
            margin: 5px;
            background: #aaa;
            border: #000 1px solid;
            float: left;
            font-size: 17px;
            font-family: Verdana;
        }

        div.mini {
            width: 55px;
            height: 55px;
            background-color: #aaa;
            font-size: 12px;
        }

        div.hide {
            display: none;
        }
    </style>
    <script type="text/javascript" src="script/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        $(function () {
            //1.選擇 id 為 one 的元素 "background-color","#bbffaa"
            $("#btn1").click(function () {
                // css() 方法 可以設置和獲取樣式
                $("#one").css("background-color","#bbffaa");
            });


            //2.選擇 class 為 mini 的所有元素
            $("#btn2").click(function () {
                $(".mini").css("background-color","#bbffaa");
            });

            //3.選擇 元素名是 div 的所有元素
            $("#btn3").click(function () {
                $("div").css("background-color","#bbffaa");
            });

            //4.選擇所有的元素
            $("#btn4").click(function () {
                $("*").css("background-color","#bbffaa");
            });

            //5.選擇所有的 span 元素和id為two的元素
            $("#btn5").click(function () {
                $("span,#two").css("background-color","#bbffaa");
            });

        });

    </script>
</head>
<body>
<!-- 	<div>
		<h1>基本選擇器</h1>
	</div>	 -->
<input type="button" value="選擇 id 為 one 的元素" id="btn1" />
<input type="button" value="選擇 class 為 mini 的所有元素" id="btn2" />
<input type="button" value="選擇 元素名是 div 的所有元素" id="btn3" />
<input type="button" value="選擇 所有的元素" id="btn4" />
<input type="button" value="選擇 所有的 span 元素和id為two的元素" id="btn5" />

<br>
<div class="one" id="one">
    id 為 one,class 為 one 的div
    <div class="mini">class為mini</div>
</div>
<div class="one" id="two" title="test">
    id為two,class為one,title為test的div
    <div class="mini" title="other">class為mini,title為other</div>
    <div class="mini" title="test">class為mini,title為test</div>
</div>
<div class="one">
    <div class="mini">class為mini</div>
    <div class="mini">class為mini</div>
    <div class="mini">class為mini</div>
    <div class="mini"></div>
</div>
<div class="one">
    <div class="mini">class為mini</div>
    <div class="mini">class為mini</div>
    <div class="mini">class為mini</div>
    <div class="mini" title="tesst">class為mini,title為tesst</div>
</div>
<div style="display:none;" class="none">style的display為"none"的div</div>
<div class="hide">class為"hide"的div</div>
<div>
    包含input的type為"hidden"的div<input type="hidden" size="8">
</div>
<span class="one" id="span">^^span元素^^</span>
</body>
</html>


2. 層級選擇器

  • ancestor descendant 後代選擇器 :在給定的祖先元素下匹配所有的後代元素
  • parent>child 子元素選擇器:在給定的父元素下匹配所有的子元素
  • prev+next 相鄰元素選擇器:匹配所有緊接在 prev 元素後的 next 元素
  • prev~sibings 之後的兄弟元素選擇器:匹配 prev 元素之後的所有 siblings 元素
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<style type="text/css">
			div, span, p {
			    width: 140px;
			    height: 140px;
			    margin: 5px;
			    background: #aaa;
			    border: #000 1px solid;
			    float: left;
			    font-size: 17px;
			    font-family: Verdana;
			}
			
			div.mini {
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
			    display: none;
			}			
		</style>
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//1.選擇 body 內的所有 div 元素
				$("#btn1").click(function(){
					$("body div").css("background", "#bbffaa");
				});

				//2.在 body 內, 選擇div子元素  
				$("#btn2").click(function(){
					$("body > div").css("background", "#bbffaa");
				});

				//3.選擇 id 為 one 的下一個 div 元素 
				$("#btn3").click(function(){
					$("#one+div").css("background", "#bbffaa");
				});

				//4.選擇 id 為 two 的元素後面的所有 div 兄弟元素
				$("#btn4").click(function(){
					$("#two~div").css("background", "#bbffaa");
				});
			});
		</script>
	</head>
	<body>	

		<input type="button" value="選擇 body 內的所有 div 元素" id="btn1" />
		<input type="button" value="在 body 內, 選擇div子元素" id="btn2" />
		<input type="button" value="選擇 id 為 one 的下一個 div 元素" id="btn3" />
		<input type="button" value="選擇 id 為 two 的元素後面的所有 div 兄弟元素" id="btn4" />
		<br><br>
		<div class="one" id="one">
			id 為 one,class 為 one 的div
			<div class="mini">class為mini</div>
		</div>
		<div class="one" id="two" title="test">
			id為two,class為one,title為test的div
			<div class="mini" title="other">class為mini,title為other</div>
			<div class="mini" title="test">class為mini,title為test</div>
		</div>
		<div class="one">
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini"></div>
		</div>
		<div class="one">
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini" title="tesst">class為mini,title為tesst</div>
		</div>
		<div style="display:none;" class="none">style的display為"none"的div</div>
		<div class="hide">class為"hide"的div</div>
		<div>
			包含input的type為"hidden"的div<input type="hidden" size="8">
		</div>
		<span id="span">^^span元素^^</span>
	</body>
</html>


3. 過濾選擇器

基本過濾器:

  • :first 獲取第一個元素
  • :last 獲取最後個元素
  • :not(selector) 去除所有與給定選擇器匹配的元素
  • :even 匹配所有索引值為偶數的元素,從 0 開始計數
  • :odd 匹配所有索引值為奇數的元素,從 0 開始計數
  • :eq(index) 匹配一個給定索引值的元素
  • :gt(index) 匹配所有大於給定索引值的元素 ,$("li:gt(2)") //下標大於 2 的li
  • :lt(index) 匹配所有小於給定索引值的元素
  • :header 匹配如 h1,h2,h3 之類的標題元素 :
  • animated 匹配所有正在執行動畫效果的元素
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<style type="text/css">
			div, span, p {
			    width: 140px;
			    height: 140px;
			    margin: 5px;
			    background: #aaa;
			    border: #000 1px solid;
			    float: left;
			    font-size: 17px;
			    font-family: Verdana;
			}
			
			div.mini {
			    width: 55px;
			    height: 55px;
			    background-color: #aaa;
			    font-size: 12px;
			}
			
			div.hide {
			    display: none;
			}			
		</style>
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				function anmateIt(){
					$("#mover").slideToggle("slow", anmateIt);
				}
				anmateIt();
			});
			
			$(document).ready(function(){
				//1.選擇第一個 div 元素  
				$("#btn1").click(function(){
					$("div:first").css("background", "#bbffaa");
				});

				//2.選擇最後一個 div 元素
				$("#btn2").click(function(){
					$("div:last").css("background", "#bbffaa");
				});

				//3.選擇class不為 one 的所有 div 元素
				$("#btn3").click(function(){
					$("div:not(.one)").css("background", "#bbffaa");
				});

				//4.選擇索引值為偶數的 div 元素
				$("#btn4").click(function(){
					$("div:even").css("background", "#bbffaa");
				});

				//5.選擇索引值為奇數的 div 元素
				$("#btn5").click(function(){
					$("div:odd").css("background", "#bbffaa");
				});

				//6.選擇索引值為大於 3 的 div 元素
				$("#btn6").click(function(){
					$("div:gt(3)").css("background", "#bbffaa");
				});

				//7.選擇索引值為等於 3 的 div 元素
				$("#btn7").click(function(){
					$("div:eq(3)").css("background", "#bbffaa");
				});

				//8.選擇索引值為小於 3 的 div 元素
				$("#btn8").click(function(){
					$("div:lt(3)").css("background", "#bbffaa");
				});

				//9.選擇所有的標題元素
				$("#btn9").click(function(){
					$(":header").css("background", "#bbffaa");
				});

				//10.選擇當前正在執行動畫的所有元素
				$("#btn10").click(function(){
					$(":animated").css("background", "#bbffaa");
				});
				//11.選擇沒有執行動畫的最後一個div
				$("#btn11").click(function(){
					$("div:not(:animated):last").css("background", "#bbffaa");
				});
			});
		</script>
	</head>
	<body>
		<input type="button" value="選擇第一個 div 元素" id="btn1" />
		<input type="button" value="選擇最後一個 div 元素" id="btn2" />
		<input type="button" value="選擇class不為 one 的所有 div 元素" id="btn3" />
		<input type="button" value="選擇索引值為偶數的 div 元素" id="btn4" />
		<input type="button" value="選擇索引值為奇數的 div 元素" id="btn5" />
		<input type="button" value="選擇索引值為大於 3 的 div 元素" id="btn6" />
		<input type="button" value="選擇索引值為等於 3 的 div 元素" id="btn7" />
		<input type="button" value="選擇索引值為小於 3 的 div 元素" id="btn8" />
		<input type="button" value="選擇所有的標題元素" id="btn9" />
		<input type="button" value="選擇當前正在執行動畫的所有元素" id="btn10" />		
		<input type="button" value="選擇沒有執行動畫的最後一個div" id="btn11" />


		<h3>基本選擇器.</h3>
		<br><br>
		<div class="one" id="one">
			id 為 one,class 為 one 的div
			<div class="mini">class為mini</div>
		</div>
		<div class="one" id="two" title="test">
			id為two,class為one,title為test的div
			<div class="mini" title="other">class為mini,title為other</div>
			<div class="mini" title="test">class為mini,title為test</div>
		</div>
		<div class="one">
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini"></div>
		</div>
		<div class="one">
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini">class為mini</div>
			<div class="mini" title="tesst">class為mini,title為tesst</div>
		</div>
		<div style="display:none;" class="none">style的display為"none"的div</div>
		<div class="hide">class為"hide"的div</div>
		<div>
			包含input的type為"hidden"的div<input type="hidden" size="8">
		</div>
		<div id="mover">正在執行動畫的div元素.</div>
	</body>
</html>


內容過濾器:

  • :contains(text) 匹配包含給定文本的元素
  • :empty 匹配所有不包含子元素或者文本的空元素
  • :parent 匹配含有子元素或者文本的元素
  • :has(selector) 匹配含有選擇器所匹配的元素的元素

屬性過濾器:

  • [attribute] 匹配包含給定屬性的元素。
  • [attribute=value] 匹配給定的屬性是某個特定值的元素
  • [attribute!=value] 匹配所有不含有指定的屬性,或者屬性不等於特定值的元素。
  • [attribute^=value] 匹配給定的屬性是以某些值開始的元素
  • [attribute$=value] 匹配給定的屬性是以某些值結尾的元素
  • [attribute*=value] 匹配給定的屬性是以包含某些值的元素
  • [attrSel1][attrSel2][attrSelN] 複合屬性選擇器,需要同時滿足多個條件時使用

表單過濾器:

  • :input 匹配所有 input,textarea,select 和 button 元素
  • :text 匹配所有 文本輸入框
  • :password 匹配所有的密碼輸入框
  • :radio 匹配所有的單選框
  • :checkbox 匹配所有的覆選框
  • :submit 匹配所有提交按鈕
  • :image 匹配所有 img 標簽
  • :reset 匹配所有重置按鈕
  • :button 匹配所有 inputtype=button<button>按鈕
  • :file 匹配所有 inputtype=file 文件上傳
  • :hidden 匹配所有不可見元素 display:none 或 inputtype=hidden

表單對象屬性過濾器:

  • :enabled 匹配所有可用元素
  • :disabled 匹配所有不可用元素
  • :checked 匹配所有選中的單選,覆選,和下拉列表中選中的 option 標簽對象
  • :selected 匹配所有選中的 option
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){				
				//1.對錶單內 可用input 賦值操作
				$("#btn1").click(function(){
					// val()可以操作表單項的value屬性值
					// 它可以設置和獲取
					$(":text:enabled").val("我是萬能的程式員");
				});
				//2.對錶單內 不可用input 賦值操作
				$("#btn2").click(function(){
					$(":text:disabled").val("管你可用不可用,反正我是萬能的程式員");
				});
				//3.獲取多選框選中的個數  使用size()方法獲取選取到的元素集合的元素個數
				$("#btn3").click(function(){
					alert( $(":checkbox:checked").length );
				});
				//4.獲取多選框,每個選中的value值
				$("#btn4").click(function(){
					// 獲取全部選中的覆選框標簽對象
					var $checkboies = $(":checkbox:checked");
					// 老式遍歷
					// for (var i = 0; i < $checkboies.length; i++){
					// 	alert( $checkboies[i].value );
					// }

					// each方法是jQuery對象提供用來遍歷元素的方法
					// 在遍歷的function函數中,有一個this對象,這個this對象,就是當前遍歷到的dom對象
					$checkboies.each(function () {
						alert( this.value );
					});

				});
				//5.獲取下拉框選中的內容  
				$("#btn5").click(function(){
					// 獲取選中的option標簽對象
					var $options = $("select option:selected");
					// 遍歷,獲取option標簽中的文本內容
					$options.each(function () {
						// 在each遍歷的function函數中,有一個this對象。這個this對象是當前正在遍歷到的dom對象
						alert(this.innerHTML);
					});
				});
			})	
		</script>
	</head>
	<body>
		<h3>表單對象屬性過濾選擇器</h3>
		 <button id="btn1">對錶單內 可用input 賦值操作.</button>
  		 <button id="btn2">對錶單內 不可用input 賦值操作.</button><br /><br />
		 <button id="btn3">獲取多選框選中的個數.</button>
		 <button id="btn4">獲取多選框選中的內容.</button><br /><br />
         <button id="btn5">獲取下拉框選中的內容.</button><br /><br />
		 
		<form id="form1" action="#">			
			可用元素: <input name="add" value="可用文本框1"/><br>
			不可用元素: <input name="email" disabled="disabled" value="不可用文本框"/><br>
			可用元素: <input name="che" value="可用文本框2"/><br>
			不可用元素: <input name="name" disabled="disabled" value="不可用文本框"/><br>
			<br>
			
			多選框: <br>
			<input type="checkbox" name="newsletter" checked="checked" value="test1" />test1
			<input type="checkbox" name="newsletter" value="test2" />test2
			<input type="checkbox" name="newsletter" value="test3" />test3
			<input type="checkbox" name="newsletter" checked="checked" value="test4" />test4
			<input type="checkbox" name="newsletter" value="test5" />test5
			
			<br><br>
			下拉列表1: <br>
			<select name="test" multiple="multiple" style="height: 100px" id="sele1">
				<option>浙江</option>
				<option selected="selected">遼寧</option>
				<option>北京</option>
				<option selected="selected">天津</option>
				<option>廣州</option>
				<option>湖北</option>
			</select>
			
			<br><br>
			下拉列表2: <br>
			<select name="test2">
				<option>浙江</option>
				<option>遼寧</option>
				<option selected="selected">北京</option>
				<option>天津</option>
				<option>廣州</option>
				<option>湖北</option>
			</select>
		</form>		
	</body>
</html>


五、jQuery 元素篩選

  • eq() 獲取給定索引的元素 功能跟 :eq() 一樣
  • first() 獲取第一個元素 功能跟 :first 一樣
  • last() 獲取最後一個元素 功能跟 :last 一樣
  • filter(exp) 留下匹配的元素
  • is(exp) 判斷是否匹配給定的選擇器,只要有一個匹配就返回,true
  • has(exp) 返回包含有匹配選擇器的元素的元素 功能跟 :has 一樣
  • not(exp) 刪除匹配選擇器的元素 功能跟 :not 一樣
  • children(exp) 返回匹配給定選擇器的子元素 功能跟 parent>child 一樣
  • find(exp) 返回匹配給定選擇器的後代元素 功能跟 ancestordescendant 一樣
  • next() 返回當前元素的下一個兄弟元素 功能跟 prev+next 功能一樣
  • nextAll() 返回當前元素後面所有的兄弟元素 功能跟 prev~siblings 功能一樣
  • nextUntil() 返回當前元素到指定匹配的元素為止的後面元素
  • parent() 返回父元素
  • prev(exp) 返回當前元素的上一個兄弟元素
  • prevAll() 返回當前元素前面所有的兄弟元素
  • prevUnit(exp) 返回當前元素到指定匹配的元素為止的前面元素
  • siblings(exp) 返回所有兄弟元素
  • add() 把 add 匹配的選擇器的元素添加到當前 jquery 對象中

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • //記錄滑鼠按下 public static bool MouseBtnIsDown = false; //截圖起始坐標 public static Point StartPoint; //截圖的長寬 double width = 0; double height = 0; //滑鼠按下事件 pub ...
  • 前言 本篇文章收錄於專輯:http://dwz.win/HjK,點擊解鎖更多數據結構與演算法的知識。 你好,我是彤哥,一個每天爬二十六層樓還不忘讀源碼的硬核男人。 上一節,我們從最壞、平均、最好三種情況分析了演算法的複雜度,得出結論,通常來說,使用最壞情況來評估演算法的複雜度完全夠用了。 但是,有些演算法是 ...
  • 《Microsoft .NET 企業級應用架構設計》 [作者] (意) Dino Esposito (意) Andrea Saltarello[譯者] (中) 陳黎夫[出版] 人民郵電出版社[版次] 2010年06月 第1版[印次] 2010年06月 第1次 印刷[定價] 69.00元 【前言】 ( ...
  • GitHub(國內)加速 Windows的加速方式 大家知道GitHub這個網站,但是由於GitHub是國外的網站,國外伺服器等諸多原因導致國內訪問GitHub非常慢(其實最主要的原因是GitHub的分發加速網路的功能變數名稱遭到dns污染),clone、push、pull倉庫有時只有幾KB的速度,而且動不 ...
  • 數據結構--哈希表(Java) 博客說明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 介紹 哈希表底層是數組加鏈表或者是數組加二叉樹,一個數組裡面有多個鏈表,通過散列函數來提高效率 代碼 package cn.guizimo.hash ...
  • 今天不知咋回事使用easywechat的內容安全api,不知咋回事.之前還可以使用的這些天突然報這個錯,也不知道是不是因為升級還是與其他的衝突, 那怎麼辦呢,還是用下原生的介面,在這裡我獲取的token方法還是easywechat的方式 $miniProgram = ZFac::miniProgra ...
  • 查找--斐波那契查找(Java) 博客說明 文章所涉及的資料來自互聯網整理和個人總結,意在於個人學習和經驗彙總,如有什麼地方侵權,請聯繫本人刪除,謝謝! 介紹 黃金分割點是指把一條線段分割為兩部分,使其中一部分與全長之比等於另一部分與這部分之比。取其前三位數字的近似值是0.618。 斐波那契數列 { ...
  • 功能需求: 一、獲取本地音頻文件,進行解析成二進位數據音頻流 二、將音頻流轉化成byte[]數組,按指定大小位元組數進行分包 三、將音頻流分成若幹個包,以List列表形式緩存到redis資料庫中 四、從redis資料庫中獲取數據,轉換成音頻流輸出到瀏覽器播放、實現音頻下載功能 程式如下: 1.在Spr ...
一周排行
    -Advertisement-
    Play Games
  • PasteSpider是什麼? 一款使用.net編寫的開源的Linux容器部署助手,支持一鍵發佈,平滑升級,自動伸縮, Key-Value配置,項目網關,環境隔離,運行報表,差量升級,私有倉庫,集群部署,版本管理等! 30分鐘上手,讓開發也可以很容易的學會在linux上部署你得項目! [從需求角度介 ...
  • SQLSugar是什麼 **1. 輕量級ORM框架,專為.NET CORE開發人員設計,它提供了簡單、高效的方式來處理資料庫操作,使開發人員能夠更輕鬆地與資料庫進行交互 2. 簡化資料庫操作和數據訪問,允許開發人員在C#代碼中直接操作資料庫,而不需要編寫複雜的SQL語句 3. 支持多種資料庫,包括但 ...
  • 在C#中,經常會有一些耗時較長的CPU密集型運算,因為如果直接在UI線程執行這樣的運算就會出現UI不響應的問題。解決這類問題的主要途徑是使用多線程,啟動一個後臺線程,把運算操作放在這個後臺線程中完成。但是原生介面的線程操作有一些難度,如果要更進一步的去完成線程間的通訊就會難上加難。 因此,.NET類 ...
  • 一:背景 1. 講故事 前些天有位朋友在微信上丟了一個崩潰的dump給我,讓我幫忙看下為什麼出現了崩潰,在 Windows 的事件查看器上顯示的是經典的 訪問違例 ,即 c0000005 錯誤碼,不管怎麼說有dump就可以上windbg開幹了。 二:WinDbg 分析 1. 程式為誰崩潰了 在 Wi ...
  • CSharpe中的IO+NPOI+序列化 文件文件夾操作 學習一下常見的文件、文件夾的操作。 什麼是IO流? I:就是input O:就是output,故稱:輸入輸出流 將數據讀入記憶體或者記憶體輸出的過程。 常見的IO流操作,一般說的是[記憶體]與[磁碟]之間的輸入輸出。 作用 持久化數據,保證數據不再 ...
  • C#.NET與JAVA互通之MD5哈希V2024 配套視頻: 要點: 1.計算MD5時,SDK自帶的計算哈希(ComputeHash)方法,輸入輸出參數都是byte數組。就涉及到字元串轉byte數組轉換時,編碼選擇的問題。 2.輸入參數,字元串轉byte數組時,編碼雙方要統一,一般為:UTF-8。 ...
  • CodeWF.EventBus,一款靈活的事件匯流排庫,實現模塊間解耦通信。支持多種.NET項目類型,如WPF、WinForms、ASP.NET Core等。採用簡潔設計,輕鬆實現事件的發佈與訂閱。通過有序的消息處理,確保事件得到妥善處理。簡化您的代碼,提升系統可維護性。 ...
  • 一、基本的.NET框架概念 .NET框架是一個由微軟開發的軟體開發平臺,它提供了一個運行時環境(CLR - Common Language Runtime)和一套豐富的類庫(FCL - Framework Class Library)。CLR負責管理代碼的執行,而FCL則提供了大量預先編寫好的代碼, ...
  • 本章將和大家分享在ASP.NET Core中如何使用高級客戶端NEST來操作我們的Elasticsearch。 NEST是一個高級別的Elasticsearch .NET客戶端,它仍然非常接近原始Elasticsearch API的映射。所有的請求和響應都是通過類型來暴露的,這使得它非常適合快速上手 ...
  • 參考delphi的代碼更改為C# Delphi 檢測密碼強度 規則(仿 google) 仿 google 評分規則 一、密碼長度: 5 分: 小於等於 4 個字元 10 分: 5 到 7 字元 25 分: 大於等於 8 個字元 二、字母: 0 分: 沒有字母 10 分: 全都是小(大)寫字母 20 ...