主頁 > 前端設計 > UniswapV2核心合約學習(1)— UniswapV2Factory.sol

UniswapV2核心合約學習(1)— UniswapV2Factory.sol

2020-09-30 11:33:37 前端設計

記得朋友圈看到過一句話,如果Defi是以太坊的皇冠,那么Uniswap就是這頂皇冠中的明珠,Uniswap目前已經是V2版本,相對V1,它的功能更加全面優化,然而其合約原始碼卻并不復雜,本文為個人學習UniswapV2原始碼的系列記錄,

一、UniswapV2合約簡要介紹

UniswapV2合約分為核心合約和周邊合約,均使用Solidity語言撰寫,其核心合約實作了UniswapV2的完整功能(創建交易對,流動性供給,交易代幣,價格預言機等),但對用戶操作不友好;而周邊合約是用來讓用戶更方便的和核心合約互動,

UniswapV2核心合約主要由factory合約(UniswapV2Factory.sol)、交易對模板合約(UniswapV2Pair.sol)及輔助工具庫與介面定義等三部分組成,這次先學習UniswapV2Factory合約,

二、UniswapV2Factory合約原始碼一覽

其檔案名為UniswapV2Factory.sol,其原始碼為:

pragma solidity =0.5.16;

import './interfaces/IUniswapV2Factory.sol';
import './UniswapV2Pair.sol';

contract UniswapV2Factory is IUniswapV2Factory {
    address public feeTo;
    address public feeToSetter;

    mapping(address => mapping(address => address)) public getPair;
    address[] public allPairs;

    event PairCreated(address indexed token0, address indexed token1, address pair, uint);

    constructor(address _feeToSetter) public {
        feeToSetter = _feeToSetter;
    }

    function allPairsLength() external view returns (uint) {
        return allPairs.length;
    }

    function createPair(address tokenA, address tokenB) external returns (address pair) {
        require(tokenA != tokenB, 'UniswapV2: IDENTICAL_ADDRESSES');
        (address token0, address token1) = tokenA < tokenB ? (tokenA, tokenB) : (tokenB, tokenA);
        require(token0 != address(0), 'UniswapV2: ZERO_ADDRESS');
        require(getPair[token0][token1] == address(0), 'UniswapV2: PAIR_EXISTS'); // single check is sufficient
        bytes memory bytecode = type(UniswapV2Pair).creationCode;
        bytes32 salt = keccak256(abi.encodePacked(token0, token1));
        assembly {
            pair := create2(0, add(bytecode, 32), mload(bytecode), salt)
        }
        IUniswapV2Pair(pair).initialize(token0, token1);
        getPair[token0][token1] = pair;
        getPair[token1][token0] = pair; // populate mapping in the reverse direction
        allPairs.push(pair);
        emit PairCreated(token0, token1, pair, allPairs.length);
    }

    function setFeeTo(address _feeTo) external {
        require(msg.sender == feeToSetter, 'UniswapV2: FORBIDDEN');
        feeTo = _feeTo;
    }

    function setFeeToSetter(address _feeToSetter) external {
        require(msg.sender == feeToSetter, 'UniswapV2: FORBIDDEN');
        feeToSetter = _feeToSetter;
    }
}

該檔案代碼很短,只有49行,我們來逐行學習該代碼,

三、UniswapV2Factory合約原始碼逐行學習

3.1、比較簡單的代碼部分

  1. 代碼的第一行,設定使用的Solidity編譯器的版本,這里估計是為了更嚴謹,使用了精確的編譯器版本0.5.16,而不是我們常用的>= 0.5.16或者^0.5.16

  2. 代碼中的兩個import陳述句分別匯入了factory所必須實作的介面合約及交易對模板合約,這個也很簡單,

  3. contract UniswapV2Factory is IUniswapV2Factory 定義了UniswapV2Factory合約是一個IUniswapV2Factory,它必須實作其所有介面,

  4. feeTo這個狀態變數主要是用來切換開發團隊手續費開關,在UniswapV2中,用戶在交易代幣時,會被收取交易額的千分之三的手續費分配給所有流動性供給者,如果feeTo不為零地址,則代表開關打開,此時會在手續費中分1/6給開發團隊,feeTo設定為零地址(默認值),則開關關閉,不從流動性供給者中分走1/6手續費,它的訪問權限設定為public后編譯器會默認構建一個同名public函式,正好用來實作IUniswapV2Factory.sol中定義的相關介面,

  5. feeToSetter這個狀態變數是用來記錄誰是feeTo設定者,其讀取權限設定為public的主要目的同上,

  6. mapping(address => mapping(address => address)) public getPair;這個狀態變數是一個map(其key為地址型別,其value也是一個map),它用來記錄所有的交易對地址,注意,它的名稱為getPair并且為public的,這樣的目的也是讓默認構建的同名函式來實作相應的介面,注意這行代碼中出現了三個address,前兩個分別為交易對中兩種ERC20代幣合約的地址,最后一個是交易對合約本身的地址,

  7. allPairs,記錄所有交易對地址的陣列,雖然交易對址前面已經使用map記錄了,但map無法遍歷,如果想遍歷和索引,必須使用陣列,注意它的名稱和權限,同樣是為了實作介面,

  8. event PairCreated(address indexed token0, address indexed token1, address pair, uint);交易對被創建時觸發的事件,注意引數中的indexed表明該引數可以被監聽端(輕客戶端)過濾,

  9. constructor(address _feeToSetter) public {
        feeToSetter = _feeToSetter;
    }
    

    構造器,很簡單,引數提供了一個初始feeToSetter地址作為feeTo的設定者地址,不過此時feeTo仍然為默認值零地址,開發團隊手續費未打開,

  10. function allPairsLength() external view returns (uint) {
        return allPairs.length;
    }
    

    這個函式非常簡單,回傳所有交易對地址陣列的長度,這樣在合約外部可以方便使用類似for這樣的形式遍歷該陣列,

  11. 我們先跳過createPair函式,該函式最后學習,先看setFeeTo函式:

    function setFeeTo(address _feeTo) external {
        require(msg.sender == feeToSetter, 'UniswapV2: FORBIDDEN');
        feeTo = _feeTo;
    }
    

    這個函式也很簡單,用來設定新的feeTo以切換開發團隊手續費開關(可以為開發團隊接收手續費的地址,也可以為零地址),注意,該函式首先使用require函式驗證了呼叫者必須為feeTo的設定者feeToSetter,如果不是則會重置整個交易,

  12. setFeeToSetter函式

    function setFeeToSetter(address _feeToSetter) external {
        require(msg.sender == feeToSetter, 'UniswapV2: FORBIDDEN');
        feeToSetter = _feeToSetter;
    }
    

    該函式用來轉讓feeToSetter,它首先判定呼叫者必須是原feeToSetter,否則重置整個交易,

    但這里有可能存在這么一種情況:當原feeToSetter不小心輸錯了新的設定者地址_feeToSetter時,設定會立即生效,此時feeToSetter為一個錯誤的或者陌生的無控制權的地址,無法再通過該函式設定回來,雖然UniswapV2團隊不會存在這種疏忽,但是我們自己在使用時,還是有可能發生的,有一種方法可以解決這個問題,就是使用一個中間地址值過渡一下,而新的feeToSetter必須再呼叫一個接受方法才能真正成為設定者,如果在接受之前發現設定錯誤,原設定者可以重新設定,具體代碼實作可以參考下面的Owned合約的owner轉讓實作:

    pragma solidity ^0.4.24;
    contract Owned {
        address public owner;
        address public newOwner;
    
        event OwnershipTransferred(address indexed _from, address indexed _to);
    
        constructor() public {
            owner = msg.sender;
        }
    
        modifier onlyOwner {
            require(msg.sender == owner,"invalid operation");
            _;
        }
    
        function transferOwnership(address _newOwner) public onlyOwner {
            newOwner = _newOwner;
        }
        function acceptOwnership() public {
            require(msg.sender == newOwner,"invalid operation");
            emit OwnershipTransferred(owner, newOwner);
            owner = newOwner;
            newOwner = address(0);
        }
    }
    

3.2、createPair函式

該函式顧名思義,是用來創建交易對,之所以將該函式放在最后講,是因為該函式相對復雜,并且還有一些知識點拓展,下面開始具體分析該函式,函式代碼在前面原始碼部分已經列出了,注意:下文中所說的第幾行均不包含空行(跳過空行),

該函式接受任意兩個代幣地址為引數,用來創建一個新的交易對合約并回傳新合約的地址,注意,它的可見性為external并且沒有任何限定,意味著合約外部的任何賬號(或者合約)都可以呼叫該函式來創建一個新的ERC20/ERC20交易對(前提是該ERC20/ERC20交易對并未創建),

  1. 該函式前四行主要是用來進行引數驗證,并且同時將代幣地址從小到大排序,

    • 第1行用來驗證兩種代幣的合約地址不能相同,也就交易對必須是兩種不同的ERC20代幣,
    • 第2行用來對兩種代幣的合約地址從小到大排序,因為地址型別底層其實是uint160,所以也是有大小可以排序的,
    • 第3行用來驗證兩個地址不能為零地址,為什么只驗證了token0呢,因為token1比它大,它不為零地址,token1肯定也就不為零地址,
    • 第4行用來驗證交易對并未創建(不能重復創建相同的交易對),
  2. 該函式第5-10行用來創建交易對合約并初始化,

    • 第5行用來獲取交易對模板合約UniswapV2Pair的創建位元組碼creationCode,注意,它回傳的結果是包含了創建位元組碼的位元組陣列,型別為bytes,類似的,還有運行時的位元組碼runtimeCodecreationCode主要用來在內嵌匯編中自定義合約創建流程,特別是應用于create2操作碼中,這里create2是相對于create操作碼來講的,注意該值無法在合約本身或者繼承合約中獲取,因為這樣會導致自回圈參考,

    • 第6行用來計算一個salt,注意,它使用了兩個代幣地址作為計算源,這就意味著,對于任意交易對,該salt是固定值并且可以線下計算出來,

    • 第7行中的assembly代表這是一段內嵌匯編代碼,Solidity中內嵌匯編語言為Yul語言,在Yul中,使用同名的內置函式來代替直接使用操作碼,這樣更易讀,后面的左括號代表內嵌匯編作用域開始,

    • 第8行在Yul代碼中使用了create2函式(該函式名表明使用了create2操作碼)來創建新合約,我們看一下該函式的定義:

      create2(v, p, n, s)Ccreate new contract with code mem[p…(p+n)) at address keccak256(0xff . this . s . keccak256(mem[p…(p+n))) and send v wei and return the new address, where 0xff is a 1 byte value, this is the current contract’s address as a 20 byte value and s is a big-endian 256-bit value
      • 第一欄為函式定義,可以看到它有四個引數,

      • 第二欄代表開始適用的以太坊的版本,C代表Constantinople,也就是從君士坦丁堡版本開始可用,相應的還有F–前沿版本,H–家園版本,B–拜占庭版本,I–伊斯坦布爾版本,在時間軸上,不同版本由舊到新分別為:

        F => H => B => C => I,也就是 前沿 => 家園 => 拜占庭 => 君士坦丁堡 => 伊斯坦布爾 ,

        使用該函式時注意對應的以太坊版本,

      • 第三欄是解釋,從中可以看到v代表發送到新合約的eth數量(以wei為單位),p代表代碼的起始記憶體地址,n代表代碼的長度,s代表salt,另外它還給出了新合約地址的計算公式,

    • 第9行是內嵌匯編作用域結束,

    • 第10行是呼叫新創建的交易對合約的一個初始化方法,將排序后的代幣地址傳遞過去,為什么要這樣做呢,因為使用create2函式創建合約時無法提供構造器引數,

  3. 該函式的第11-14行用來記錄新創建的交易對地址并觸發交易對創建事件,

    • 第11行和第12行用來將交易對地址記錄到map中去,因為:1、A/B交易對同時也是B/A交易對;2、但在查詢交易對時,用戶提供的兩個代幣地址并沒有排序,所以需要記錄兩次,
    • 第13行將交易對地址記錄到陣列中去,便于合約外部索引和遍歷,
    • 第14行觸發交易對創建事件,
  4. create2函式中知識點拓展,

    • 這里我們先稍微提一下以太坊虛擬機中賬號的記憶體管理,每個賬號(包含合約)都有一個記憶體區域,該記憶體區域是線性的并且在位元組等級上尋址,但是讀取限定為256位(32位元組)大小,寫的時候可以為8位(1位元組)或者256位(32位元組)大小,

    • Solidity中內嵌匯編訪問本地變數時,如果本地變數是值型別,直接使用該值 ;如果本地變數是參考型別(對記憶體或者calldata的參考),那么會使用它在記憶體或者calldata中的地址,而不是值本身,在Solidity中,bytes為動態大小的位元組陣列,它不是值型別而是參考型別,類似的string也是參考型別,

    注意到create2函式呼叫時使用了型別資訊creationCode,結合上面的知識拓展,從該函式代碼中我們可以得到:

    • bytecode為記憶體中包含創建位元組碼的位元組陣列,它的型別為bytes,是參考型別,根據上述提到的記憶體讀取限制和內嵌匯編訪問本地參考型別的變數的規則,它在內嵌匯編中的實際值為該位元組陣列的記憶體地址,函式中首先讀取了該記憶體地址起始的256位(32位元組),它存盤了creationCode的長度,具體的獲取方法為mload(bytecode)
    • 記憶體中creationCode的實際內容的起始地址為add(bytecode, 32),為什么會在bytecode上加32呢?因為剛才提到從bytecode開始的32位元組存盤的是creationCode的長度,從第二個32位元組開始才是存的實際creationCode內容,
    • create2函式解釋中的p對應代碼中的add(bytecode, 32),解釋中的n對應為mload(bytecode)

其實以太坊中這樣的方式很常見,比如某函式呼叫的引數為陣列時(calldata型別),引數部分編碼后,首先第一個單元(32位元組)記錄的是陣列長度,接下來才是陣列元素,每個元素(值型別)一個單元(32位元組),

因為使用內嵌匯編會增加閱讀難度,所以在Solidity0.6.2版本以后,提供了新語法來實作create2函式的功能,直接在語言級別上支持使用salt創建合約,參見下面示例代碼中的合約d的創建程序:

pragma solidity >0.6.1 <0.7.0;

contract D {
    uint public x;
    constructor(uint a) public {
        x = a;
    }
}

contract C {
    function createDSalted(bytes32 salt, uint arg) public {
        /// This complicated expression just tells you how the address
        /// can be pre-computed. It is just there for illustration.
        /// You actually only need ``new D{salt: salt}(arg)``.
        address predictedAddress = address(bytes20(keccak256(abi.encodePacked(
            byte(0xff),
            address(this),
            salt,
            keccak256(abi.encodePacked(
                type(D).creationCode,
                arg
            ))
        ))));

        D d = new D{salt: salt}(arg);
        require(address(d) == predictedAddress);
    }
}

該代碼中通過直接在newD合約型別后面加上salt選項的方式進行自定義的合約創建,等效使用Yul中的create2函式,注意該示例中predictedAddress的計算方法和create2函式解釋中的地址計算方法是一致的,

注意,使用示例中的語法創建新合約還可以提供構造器引數,并不存在create2函式中無法使用構造器引數的問題,因此它也移除了新合約初始化函式的部分需求(初始化在構建器中進行),但是UniswapV2指定了Solidity的編譯器版本為0.5.16,所以無法使用該語法,如果我們自己要使用,需要將編譯器版本指定為0.6.2以上,同時需要注意Solidity0.6.2以上的具體某個版本和0.5.16版本有哪些不同并加以修改,

至此,UniswapV2核心合約中的第一個合約UniswapV2Factory.sol的學習就結束了,由于個人能力有限,難免有理解錯誤或者不正確的地方,還請大家留言多多指正,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/141897.html

標籤:其他

上一篇:全國第一所螞蟻鏈大學落地江西 2020區塊鏈創新應用高峰論壇圓滿落幕

下一篇:花火交易所系統開發搭建

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more