jQuery初學者筆記 一

来源:https://www.cnblogs.com/wangyuyang1016/archive/2020/02/14/12309162.html
-Advertisement-
Play Games

jQuery初學者筆記 一 Mirror王宇陽 by jQuery語法 jQuery語法是通過選取HTML元素，並對選取的元素進行操作 基礎語法： 所有jQuery語句用“$”符號開始 jQuery函數位於一個document ready函數中，我們需要在js中載入該函數文檔 選擇器語法: jQue ...


jQuery初學者筆記 一

Mirror王宇陽 by

jQuery語法

jQuery語法是通過選取HTML元素，並對選取的元素進行操作

基礎語法：

所有jQuery語句用“$”符號開始

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>點擊消失</p>
        <p>點擊消失</p>
        <script src="jq/jquery-3.4.1.min.js"></script>
        <script>
            $(document).ready(function(){ //固定的jQ開頭
                $("p").click(function(){ // 選取p標簽，並綁定clisk事件
                    $(this).hide(); //事件觸發使用hide()方法（隱藏當前標簽屬性）
                })
            })
        </script>
    </body>
</html>

jQuery函數位於一個document ready函數中，我們需要在js中載入該函數文檔

// jQuery入口函數

$(document).ready(function(){
    //jQuery代碼
});
/*******************************/
$(function(){
    //jQuery代碼
});

選擇器語法:

jQuery的選擇器語法格式和CSS的調用方法一樣的哦！

選擇器允許基於元素的id、class、type、屬性、屬性值等選擇方法來找到指定的HTML元素

  • 元素選擇器

    $("p"); //選取p標簽元素

  • id選擇器

    $("#demo"); // 選取id='demo'的元素

  • .class選擇器

    $(".demo"); // 選取class='demo'的元素

  • 所有元素

    $("*"); // 選取全部元素

jQuery事件：

|Event 函數 |綁定函數至 |
|$(document).ready(function) |將函數綁定到文檔的就緒事件（當文檔完成載入時） |
|$(selector).click(function) |觸發或將函數綁定到被選元素的點擊事件 |
|$(selector).dblclick(function) |觸發或將函數綁定到被選元素的雙擊事件 |
|$(selector).focus(function) |觸發或將函數綁定到被選元素的獲得焦點事件 |
|$(selector).mouseover(function)|觸發或將函數綁定到被選元素的滑鼠懸停事件 |

事件語法：

參考：

|方法 |描述 |
|bind() |向匹配元素附加一個或更多事件處理器 |
|blur() |觸發、或將函數綁定到指定元素的 blur 事件 |
|change() |觸發、或將函數綁定到指定元素的 change 事件 |
|click() |觸發、或將函數綁定到指定元素的 click 事件 |
|dblclick() |觸發、或將函數綁定到指定元素的 double click 事件 |
|delegate() |向匹配元素的當前或未來的子元素附加一個或多個事件處理器 |
|die() |移除所有通過 live() 函數添加的事件處理程式。 |
|error() |觸發、或將函數綁定到指定元素的 error 事件 |
|event.isDefaultPrevented() |返回 event 對象上是否調用了 event.preventDefault()。 |
|event.pageX |相對於文檔左邊緣的滑鼠位置。 |
|event.pageY |相對於文檔上邊緣的滑鼠位置。 |
|event.preventDefault() |阻止事件的預設動作。 |
|event.result |包含由被指定事件觸發的事件處理器返回的最後一個值。 |
|event.target |觸發該事件的 DOM 元素。 |
|event.timeStamp |該屬性返回從 1970 年 1 月 1 日到事件發生時的毫秒數。 |
|event.type |描述事件的類型。 |
|event.which |指示按了哪個鍵或按鈕。 |
|focus() |觸發、或將函數綁定到指定元素的 focus 事件 |
|keydown() |觸發、或將函數綁定到指定元素的 key down 事件 |
|keypress() |觸發、或將函數綁定到指定元素的 key press 事件 |
|keyup() |觸發、或將函數綁定到指定元素的 key up 事件 |
|live() |為當前或未來的匹配元素添加一個或多個事件處理器 |
|load() |觸發、或將函數綁定到指定元素的 load 事件 |
|mousedown() |觸發、或將函數綁定到指定元素的 mouse down 事件 |
|mouseenter() |觸發、或將函數綁定到指定元素的 mouse enter 事件 |
|mouseleave() |觸發、或將函數綁定到指定元素的 mouse leave 事件 |
|mousemove() |觸發、或將函數綁定到指定元素的 mouse move 事件 |
|mouseout() |觸發、或將函數綁定到指定元素的 mouse out 事件 |
|mouseover() |觸發、或將函數綁定到指定元素的 mouse over 事件 |
|mouseup() |觸發、或將函數綁定到指定元素的 mouse up 事件 |
|one() |向匹配元素添加事件處理器。每個元素只能觸發一次該處理器。 |
|ready() |文檔就緒事件（當 HTML 文檔就緒可用時） |
|resize() |觸發、或將函數綁定到指定元素的 resize 事件 |
|scroll() |觸發、或將函數綁定到指定元素的 scroll 事件 |
|select() |觸發、或將函數綁定到指定元素的 select 事件 |
|submit() |觸發、或將函數綁定到指定元素的 submit 事件 |
|toggle() |綁定兩個或多個事件處理器函數，當發生輪流的 click 事件時執行。 |
|trigger() |所有匹配元素的指定事件 |
|triggerHandler() |第一個被匹配元素的指定事件 |
|unbind() |從匹配元素移除一個被添加的事件處理器 |
|undelegate() |從匹配元素移除一個被添加的事件處理器，現在或將來 |
|unload() |觸發、或將函數綁定到指定元素的 unload 事件 |

過濾選擇器

基本標簽層次過濾器

  • :first/:last

    :first:選取第一個元素

    :last:選取最後一個元素

  • :not(*):去除選擇器給定的元素

  • :even/:odd

    :even:偶數索引的標簽

    :odd:奇數索引的標簽

  • :eq()/:gt()/:lt()

    eq():選取指定索引的元素

    ge():選取大於指定索引的元素

    lt():選取小於指定索引的元素

  • :focus 選取所有失去焦點的元素

  • :header 選取所有標題元素（h1\h2\h3……）

  • :animated 匹配所有正在執行動畫操作的元素

  • 實例：

$(document).ready(function(){
                $("div:lt(4)").addClass("myClass");// 除最後三個元素以外添加myClass
                $("div:not(.green,.gray)").addClass("myClass"); //除了green和gay以外的元素添加myClass
                $("div:gt(3)").addClass("myClass");//給最後三個元素添加myClass
                $("div:even").addClass("myClass");//偶數索引添加myClass
                $("div:odd").addClass("myClass");// 奇數索引添加沒有Class
                $("div:eq(3)").addClass("myClass");//給指定索引添加myClass
                $("div:first").addClass("myClass");//第一個標簽
                $("div:last").addClass("myClass");//最後一個標簽
            });

內容過濾選擇器

  • :contains(text) 選取包含text文本內容的元素；區分大小寫
  • :empty 選取不含子元素或者文本節點的空元素
  • :has(selector) 選取含有選擇器所匹配的元素的元素
  • :parent 選取含有子元素或文本節點的元素

屬性過濾選擇器

  • [attribute] 選取擁有此屬性的元素
  • [attribute = value] 選取此屬性值為value的所有元素
  • [attribute != value] 選取此屬性值不為value的所有元素
  • [attribute ^= value] 選取此屬性值為value開始的所有元素
  • [attribute $= value] 選取此屬性值為value結束的所有元素
  • [attribute *= value] 選取屬性值包含value的所有元素

表單過濾選擇器

表單屬性過濾選擇器

jQuery效果

隱藏和顯示 (hide/show)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>hide()/show()</title>
    </head>
    <body>
        <div id="demo">
            <input type="button" id="hide" value="隱藏" />
            <input type="button" id="show" value="顯示" />
            <div id="a1" style=
                "color: #000; 
                background-color: #66FF66;
                width: 100px;
                height: 100px;
                margin-top: 20px;
                text-align: center;">
                演示塊
            </div>
        </div>
        <script src="jq/jquery-3.4.1.min.js"></script>
        <script>
            $(function(){
                $("#hide").click(function(){
                    // 隱藏
                    $("#a1").hide();
                })
                $("#show").click(function(){
                    //顯示
                    $("#a1").show();
                })
            })
        </script>
    </body>
</html>
<!-- hide/show()語法原型
    $().hide(speed,callback);
    $().show(speed,callback);
     speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     callback:完成執行後調用的函數名稱
-->

toggle():開關

$("#toggle").click(function(){
    // toggle開關
    $("#a1").toggle();
});
<!-- 
     speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     callback:完成執行後調用的函數名稱
-->

淡入淡出

fadeIn():淡入已隱藏的元素

  • 語法
$().fadeIn(speed,callback);
<!--
     speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     callback:完成執行後調用的函數名稱
-->

fadeOut():淡出可見的元素

  • 語法
$().fadeOut(speed,callback);
<!-- 
    speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     callback:完成執行後調用的函數名稱
-->

fadeToggle()：淡入/出 已隱藏的/可見的元素

  • 語法
$().fadeToggle(speed,callback);
<!-- speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     callback:完成執行後調用的函數名稱
-->

fadeTo()：允許漸變為給定的不透明度（值介於 0 與 1 之間）

  • 語法 ：該方法嚴格的說只是將原本100%透明的隱藏給設置了不透明度來利用
$().fadeTo(speed,opacity,callback);
<!-- speed:規定了淡入淡出的延遲時間可取(slow/fast/毫秒數;即：緩慢的、快速的、延遲的)
     opacity:設置給定的不透明度（0~1）
     callback:完成執行後調用的函數名稱
-->

實例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>fadeIn()|fadeOut()|fadeToggle()|fadeTo()</title>
        <script src="jq/jquery-3.4.1.min.js"></script>
    </head>
    <body>
        <div id="demo">
            <input type="button" id="fadeIn" value="fadeIn" />
            <input type="button" id="fadeOut" value="fadeOut" />
            <input type="button" id="fadeToggle" value="fadeToggle" />
            <input type="button" id="fadeTo" value="fadeTo" />
            <br>
            <div id="a1" style="
                background-color: #5555FF;
                width: 300px;
                height: 100px;
                margin-top: 20px;
            ">  
            </div>
            <div id="info" style="display: none;">
                已隱藏
            </div>
        </div>
        <script>
            function info(){
                $("#info").toggle();
            }
            $(function(){
                $("#fadeIn").click(function(){
                    $("#a1").fadeIn("slow",info());
                    // slow:慢速的
                    // fast:快速的
                });
                $("#fadeOut").click(function(){
                    $("#a1").fadeOut("slow",info());
                });
                $("#fadeToggle").click(function(){
                    $("#a1").fadeToggle("slow",info());
                })
                $("#fadeTo").click(function(){
                    // 設置隱藏不透明度(通俗的講就是顏色變淡並不是完全淡出)
                    $("#a1").fadeTo("slow",0.5);
                })
            })
        </script>
    </body>
</html>

滑動

slideDown():向下滑動元素

  • 語法
$().slideDown(speed,callback);
<!-- 
    speed:slow\fast\毫秒值
    callback:完成動作後執行的函數名稱
 -->

slideUp():向上滑動元素

  • 語法
$().slideUp(speed,callback);
<!-- 
    speed:slow\fast\毫秒值
    callback:完成動作後執行的函數名稱
 -->

slideToggle():上/下 切換滑動元素

$().slideToggle(speed,callback);

實例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>slideDown()|slideUp()|slideToggle()</title>
        <script src="jq/jquery-3.4.1.min.js"></script>
        <style type="text/css">
            *{margin: 0px;padding: 0px;}
            #Down,#Up,#Toggle{
                width: 60px;
                height: 20px;
                color: #000000;
                font-size: 10px;
                text-align: center;
                float: left;
                cursor: pointer;
            }
            #Down{background-color: #5555FF;}
            #Toggle{background-color: #FCFF9F;}
            #Up{background-color: #66FF66;}
            #slide{
                clear: both;
                background-color: #CCCCCC;
                width: 180px;
                height: 100px;
                border-top: #FF0000;
                text-align: center;
                position: relative;
            }
            #demo{margin: 10px 0px 0px 10px;}
        </style>
    </head>
    <body>
        <div id="demo">
            <div id="Down">向下滑動</div>
            <div id="Toggle">滑動切換</div>
            <div id="Up">向上滑動</div>
            <div id="slide">
            </div>
        </div>
        <script>
            $(function(){
                $("#Down").click(function(){
                    $("#slide").slideDown();
                })
                $("#Up").click(function(){
                    $("#slide").slideUp();
                })
                $("#Toggle").click(function(){
                    $("#slide").slideToggle();
                })
            })
        </script>
    </body>
</html>

動畫

animate():創建自定義動畫

  • 語法
$().animate({css},speed,callback);
<!-- 
    {css}:定義動畫的css屬性
        （支持多個同時、支持相對值[+=/-=]、支持hide,toggle…等預定義值）
        支持‘隊列’式的動畫（即多個animate()組成一串（隊列）動畫）
    speed:slow/fast/毫秒值
    callback:執行完成調用函數
 -->

實例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>animate()動畫</title>
        <script src="jq/jquery-3.4.1.min.js"></script>
        <style type="text/css">
            #demo{
                margin: 10px;
                width: 100px;
                height: 100px;
                background-color: #5555FF;
                position: relative;
            }
        </style>
    </head>
    <body>
        <div id="demo">
            
        </div>
        <script>
            $(function(){
                $("#demo").animate({
                    left:'300px',
                    width:'+=150px',
                    height:'+=150px',
                    // 支持多個樣式的組合的動畫
                    // 支持相對值
                },2000);//支持延遲
                $("#demo").animate({left:'10px',width:'-=100px',height:'-=100px'});
                $("#demo").click(function(){
                    $("#demo").animate({top:'100px'},1000);
                    $("#demo").animate({left:'100px'},1000);
                    $("#demo").animate({top:'0px'});
                    $("#demo").animate({left:'0px'});
                    // 支持隊列組合的動畫動作
                })
            })
        </script>
    </body>
</html>
  • 停止動畫或效果：
    • 語法
$().stop(stopAll,goToEnd);
<!-- 
    stopAll:是否清除動畫隊列 預設false
    goToEnd:是否立即停止動畫 預設false
    預設情況下，stop()會清除被選中的元素的當前動畫
 -->

Callback()

  • 當前動畫 100% 完成之後執行

jQuery DOM

獲取/設置內容

  • text() 設置/返回所選元素的文本內容[原型：innerhtml]
  • html() 設置/返回所選元素的內容（含HTML標簽）
  • val() 設置/樊湖表單欄位的value

獲取/設置屬性

  • attr() 設置/返回所選元素的屬性內容（支持多個屬性設置，返回數組）

添加元素

  • append() 尾部插入元素
  • prepend() 開頭插入元素
  • after() 被選元素後插入元素
  • before() 被選元素前插入元素

刪除元素

  • remove() 刪除被選元素和子元素
    • 接受一個參數，過濾被刪除的元素（即指定刪除）
    • removeClass() 刪除元素的class載入
  • empty() 刪除被選元素的子元素

jQuery CSS 獲取/設置

  • addClass() 向被選元素添加一個或多個Class類
  • removerClass() 從被選元素中刪除指定的一個或多個Class類
  • toggleClass() 對被選元素的add/remove進行切換式的操作
  • css() 設置/獲取被選元素的Class屬性
    • css("classname","value") 單個
    • css("classname":"value",……) 多個

jQuery 尺寸設置

jQuery尺寸設計

  • width()/height() 設置/返回元素的寬度/高度（content;不包括內邊距、邊框、外邊距）
  • innerWidth()/innerHeight() 設置/返回元素的寬度/高度（Content+Padding；不包括邊框、外邊距）
  • outerWidth()/outerHeight() 設置/返回元素的寬度/高度（Content+Padding+Border；不包括外邊距）

jQuery 遍歷

向上遍歷DOM樹

  • parent() 返回自己的直接父類元素
  • parents() 返回自己的所有直系類元素（直至根元素）
  • parentsUntil() 返回兩種直接的所有直系類元素（不包含）
// parents(*)/parentsUntil(*):兩個方法在這裡均可選一個參數接收

向下遍歷DOM樹

  • children() 返回被選元素的所有直接子元素(支持過濾參數)
  • find() 返回被選元素的後代元素(支持過濾參數，指定標簽、類名、id、name等)

水平遍歷DOM樹

  • siblings() 返回被選元素的所有同級元素(支持過濾參數)

  • next() 返回被選元素的下一個同級元素
  • nextAll() 返回被選元素之後的所有同級元素

  • nextUntil() 返回被選元素與參數之間的所有同級元素

  • prev() 返回被選元素的上一個同級元素
  • prevAll() 返回被選元素之前的所有同級元素

  • prevUntil() 返回被選元素與參數之間的所有同級元素

遍歷 過濾

  • first() 返回被選元素的首個子元素
  • last() 返回被選元素的最後子元素
  • eq() 返回被選元素中帶有指定索引的元素(可選參數，指定索引)
  • filter()返回可匹配的所有元素
  • not() 返回不匹配的所有元素

jQuery AJAX

AJAX

AJAX load()

  • load() 從伺服器載入數據，並返回數據

常常利用：調用一個重覆的代碼塊，例如網頁的導航、版本塊等……

由此可以大大的減少代碼量的編寫工作，模塊化的團隊開發應該常用

  • 語法
$().load(URL,data,callback);
<!-- 
    URL:載入的數據文件位置uRL
    data:與URL載入請求一起發送的字元串鍵/值對集合
    callback:執行完畢後調用的函數
        - responseTxt : 調用成功的結果
        - statusTXT : 調用的狀態
        - xhr : XMLHttpRequest對象
 -->

AJAX GET()

  • $.get() 從指定的資源請求數據
  • 語法
$.get(URL , callback);
<!-- 
    URL:載入的uRL
    callback:執行完畢後調用的函數
 -->
  • 實例
$("button").click(function(){
  $.get("demo_test.php",function(data,status){
    alert("數據: " + data + "\n狀態: " + status);
  });
});

AJAX POST()

  • $.post() 使用 POST 請求向伺服器提交數據

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

-Advertisement-
Play Games
更多相關文章
  • 時序資料庫 Apache-IoTDB 源碼解析之文件索引塊（五）
    上一章聊到 TsFile 的文件組成，以及數據塊的詳細介紹。詳情請見： 時序資料庫 Apache-IoTDB 源碼解析之文件數據塊（四） 打一波廣告，歡迎大家訪問IoTDB 倉庫，求一波 Star。 這一章主要想聊聊： TsFile索引塊的組成 索引塊的查詢過程 索引塊目前在做的改進項 索引塊 索引 ...
  • Android Studio 學習筆記(二)：佈局簡介和xmlns說明
    簡單介紹了線性佈局和相對佈局，同時分析了xml文件三個固定開頭xmlns:namespace-prefix="namespaceURI" ...
  • css如何玩轉有序無序列表項list樣式
    在無序列表ul>li中，無線列表的標誌是出現在各列表前面的圓點。在有序列表ol>li中，前面預設帶有數字，如何修改列表前面的項目符號，只需要通過list-style調整就好，常見的符號有（/*內容註釋部分*/）list-style-type:circle;/*空心圓*/list-style:none... ...
  • a鏈接四種偽類狀態切換實現人機交互
    常見的color, font-family, background 等css屬性都能夠設置鏈接的樣式，a鏈接的特殊性在於能夠根據它們所處的狀態來設置它們的樣式。a標簽與人交互的4個狀態屬於偽類狀態切換，常見的鏈接四種狀態為：a:link - 普通的、未被訪問的鏈接a:visited - 用戶已訪問的... ...
  • css常用樣式對文本的處理演練
    CSS文本屬性可定義文本的外觀，這是毫無疑問的，其次css可以通過以下屬性改變文字的排版，比方說letter-spacing實現字元間距text-indent: 2em;完成首行縮進2字元word-spacing改變了文字的間距，direction改變文本從左至右的閱讀順序，white-space處... ...
  • JS對象的概念、聲明方式等及js中的繼承與封裝
    對象的遍歷 對象可以當做數組處理，使用for in var person={}; person.name="cyy"; person.age=25; person.infos=function(){ alert(this.name+" "+this.age); } for(var i in pers ...
  • Electron – 基礎學習(3): 項目打包成exe桌面應用 之electron-builder
    前次用 electron-packager 打包成功，這次改用 electron-builder 打包，然後根據項目中實際需要進行選擇使用。 第一步：全局安裝 electron-builder，便於系統通用 npm install -g electron-builder 或 cnpm install ...
  • css常用樣式font控制字體的多種變換
    CSS 字體屬性定義文本的字體系列、大小、加粗、風格（如斜體）和變形（如小型大寫字母）font-family控制字體，由於各個電腦系統安裝的字體不盡相同，但是基本裝有黑體、宋體與微軟雅黑這三款字體，通常這樣寫font-family:"黑體", "宋體","Microsoft YaHei" font-... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類