主頁 > 企業開發 > 吃貨聯盟訂餐系統

吃貨聯盟訂餐系統

2022-09-01 08:50:46 企業開發

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        /*1.資料主體:包含6個訂餐相關的陣列
            訂餐人   names
            送餐時間 dishmags
            送餐時間 times
            送餐地址 addresses
            訂單狀態 states
            總訂單 sumPrices

        包含3個菜品相關的陣列
            餐品名 dishNames
            單價 prices
            點贊數 praiseNums
        */

        //訂單資訊
        var names = ["小明", "小紅"];
        var disMegs = ["香辣雞腿堡", "可樂"];
        var times = [13, 14];
        var addresses = ["江蘇南京", "江蘇南京"];
        var states = [1, 0];  //是否預定
        var sumPrices = [99 * 2, 52];

        //餐品資訊
        var dishNames = ["香辣雞腿堡", "薯條", "可樂", "全家桶"];
        var prices = [18, 11, 8, 99];
        var praiseNums = [78, 10, 8, 20];


        //2.搭建框架結構
        do {
            //使用ES6里面的模板字串
            //變數選擇數字
            var choice;
            // +prompt()接收錄入的資料  +直接轉換成整數 
            choice = +prompt(`

            *************************

            1.我要訂餐
            2.查看餐袋
            3.簽收訂單
            4.洗掉訂單
            5.我要點贊
            6.退出系統
            7.新品上架
         

            *************************

            請選擇:

            `);

            //根據選項進行操作
            switch (choice) {
                case 1:
                    console.log("====我要訂餐====");
                    var yourName = prompt("請輸入訂餐人姓名")
                    //展示菜品資訊
                    console.log(`序號   菜名   單價    點贊數`);
                    for (let i = 0; i < dishNames.length; i++) {
                        //模板字串決議變數 ${運算式}
                        console.log(`${i + 1}   ${dishNames[i]}   ${prices[i]}    ${praiseNums[i]}`);
                    }

                    //選擇菜品編號
                    let youeDishNo = +prompt("請您選擇要點的菜品編號");
                    while (youeDishNo > dishNames.length || youeDishNo < 1) {
                        youeDishNo = +prompt("對不起,您點的菜真沒有,請重新錄入");
                    }

                    // 選擇份數
                    let yourChoiceCount = +prompt("請選擇您需要的份數");

                    //拼接菜品資訊
                    let yourDishMegs = dishNames[youeDishNo - 1] + " " + yourChoiceCount + "份"

                    //選擇時間
                    let yourTime = + prompt("請輸入送餐時間(送餐時間10店到20點之間)");
                    while (yourTime > 20 || yourTime < 10) {
                        yourTime = +prompt("對不起您錄入的時間不在騎手的作業范圍之內,請重新輸入送餐時間");
                    }

                    //選擇地址
                    let yourAddress = prompt("請輸入送餐地址");

                    //后臺做計算價格 : (餐費大于50元免除配送費,否則配送費6元)
                    //后臺將訂餐資訊添加到陣列中
                    //計算消費
                    let yourCash = prices[youeDishNo - 1] * yourChoiceCount > 50 ? 0 : 6; //三目運算子

                    //計算總價格
                    let yourTotalPrice = prices[youeDishNo - 1] * yourChoiceCount + yourCash;

                    //將訂餐資訊添加到陣列
                    names.push(yourName);
                    disMegs.push(yourDishMegs);
                    times.push(yourTotalPrice);

                    //列印成功資訊
                    console.log("訂餐成功");
                    console.log(`
                    ---------------------------------------------------------------
                    您訂的是:${yourDishMegs}
                    送餐時間:${yourTime}點
                    餐費:${prices[youeDishNo - 1] * yourChoiceCount}元,送餐費:${yourCash}元,總計:${yourTotalPrice}元,

                    `);
                    continue;

                case 2:
                    console.log("****查看餐袋****");
                    console.log(`序號   訂餐人  餐品資訊   送餐日期   送餐地址   總金額   訂單狀態`);
                    //let 塊級作用域 定義的變數作用范圍是離他最近的一個花括號的范圍
                    for (let i = 0; i < names.length; i++) {
                        console.log(`${i + 1}\t${names[i]}\t${disMegs[i]}\t ${times[i]}點 \t ${addresses[i]} \t${sumPrices[i]}元\t${states[i] == 0 ? '已預定' : '已簽收'}`);

                    }
                    continue;

                case 3:
                    console.log("****簽收訂單****");
                    let yourSignNo = +prompt("請選擇要簽收的訂單序號");
                    //判斷訂單陣列里面有沒有資料
                    if (names.length === 0) {
                        console.log("沒有訂單,輸入錯誤");
                    } else {
                        while (yourSignNo > names.length || yourSignNo < 1) {
                            console.log("您選的訂單不存在,請重新選擇訂單序號");
                        }
                        //判斷訂單是否已簽收,已簽收不能再次簽收給出提示
                        if (states[yourSignNo - 1] === 1) {
                            console.log("您選擇的訂單已完成簽收,不能再次簽收!!!");
                        } else {
                            //可以被簽收,修改狀態
                            states[yourSignNo - 1] = 1
                            console.log("簽收完成,感謝您的配合");
                        }
                    }

                    continue;

                case 4:
                    console.log("****洗掉訂單****");
                    let yourDelNo = +prompt("請選擇要洗掉的訂單");
                    //判斷訂單陣列里面有沒有資料
                    if (yourDelNo === 0) {
                        console.log("沒有訂單,輸入錯誤");
                    } else {
                        while (yourDelNo > names.length || yourDelNo < 1) {
                            console.log("您選擇的訂單不存在,請重新輸入訂單號");
                            yourDelNo = +prompt("請選擇要洗掉的訂單");
                        }
                        //判斷訂單是否已經洗掉,已洗掉
                        if (yourDelNo === 0) {
                            console.log("訂單未簽收,不能洗掉");
                        } else {
                            //將選擇的訂單從陣列中洗掉 arry.splice(yourDelNo-1,1)
                            //洗掉6個陣列
                            let delNo = yourDelNo - 1;
                            names.splice(delNo, 1);
                            states.splice(delNo, 1);
                            disMegs.splice(delNo, 1);
                            sumPrices.splice(delNo, 1);
                            addresses.splice(delNo, 1);
                            times.splice(delNo, 1);
                            console.log("洗掉成功,歡迎惠顧");
                        }
                    }
                    continue;

                case 5:
                    console.log("****我要點贊****");
                    console.log("****我要點贊****");
                    console.log(`餐品資訊 `);
                    for (let i = 0; i < dishNames.length; i++) {
                        console.log(
                            `${i + 1}\t ${dishNames[i]}\t ${prices[i]}\t ${praiseNums[i]
                            }\t`
                        );
                    }
                    let yourProductLikes =
                        +prompt("請輸入需要點贊的訂單序號:");
                    //判斷訂單陣列里面有沒有資料
                    if (names.length === 0) {
                        console.log("沒有訂單,輸入錯誤!");
                    } else {
                        while (
                            yourProductLikes > dishNames.length ||
                            yourProductLikes < 1
                        ) {
                            console.log("您所選的訂單不存在,詰重新訂單序號:");
                            yourProductLikes =
                                +prompt("請選擇要簽收的訂單序號:");
                        }

                        praiseNums.splice(
                            yourProductLikes - 1,
                            1,
                            ++praiseNums[yourProductLikes - 1]
                        );
                        console.log("點贊成功");
                        for (let i = 0; i < dishNames.length; i++) {
                            console.log(
                                `${i + 1}\t ${dishNames[i]}\t ${prices[i]}\t ${praiseNums[i]
                                }\t`
                            );
                        }
                    }

                    continue;

                case 6:
                    console.log("****退出系統****");

                    break;

                case 7:
                    console.log("***新品上架****");
                    console.log(`餐品資訊`);
                    for (let i = 0; i < dishNames.length; i++) {
                        console.log(`${i + 1}\t ${dishNames[i]}\t ${prices[i]}\t ${praiseNums[i]}`);
                    }

                    var yourNewChoices = prompt("請輸入需要的訂單名稱:");
                    var yourNewPrices = +prompt("請輸入需要的訂單價格:");
                    var yourdianzan = 0;

                    dishNames.push(yourNewChoices);
                    prices.push(yourNewPrices);
                    praiseNums.push(yourdianzan);

                    console.log("添加成功");
                    for (let i = 0; i < dishNames.length; i++) {
                        console.log(`${i + 1}\t ${dishNames[i]}\t ${prices[i]}\t ${praiseNums[i]}`);
                    }
                    continue;

            }
            //跳出系統
            break;

        } while (true)
        console.log("程式結束");






    </script>

</body>

</html>

 

<!DOCTYPE html> <html lang="en">
<head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title> </head>
<body>
    <script>         /*1.資料主體:包含6個訂餐相關的陣列             訂餐人   names             送餐時間 dishmags             送餐時間 times             送餐地址 addresses             訂單狀態 states             總訂單 sumPrices
        包含3個菜品相關的陣列             餐品名 dishNames             單價 prices             點贊數 praiseNums         */
        //訂單資訊         var names = ["小組長", "王軍威"];         var disMegs = ["大肉丸子2個", "雞1只"];         var times = [13, 14];         var addresses = ["江蘇警官學院", "江蘇警官學院"];         var states = [1, 0];  //是否預定         var sumPrices = [99 * 2, 52];
        //餐品資訊         var dishNames = ["大肉丸子", "雞", "鴨屁股", "烤乳豬"];         var prices = [99, 52, 9.9, 13];         var praiseNums = [78, 10, 8, 20];

        //2.搭建框架結構         do {             //使用ES6里面的模板字串             //變數選擇數字             var choice;             // +prompt()接收錄入的資料  +直接轉換成整數             choice = +prompt(`
            *************************
            1.我要訂餐             2.查看餐袋             3.簽收訂單             4.洗掉訂單             5.我要點贊             6.退出系統             7.新品上架            
            *************************
            請選擇:
            `);
            //根據選項進行操作             switch (choice) {                 case 1:                     console.log("====我要訂餐====");                     var yourName = prompt("請輸入訂餐人姓名")                     //展示菜品資訊                     console.log(`序號   菜名   單價    點贊數`);                     for (let i = 0; i < dishNames.length; i++) {                         //模板字串決議變數 ${運算式}                         console.log(`${i + 1}   ${dishNames[i]}   ${prices[i]}    ${praiseNums[i]}`);                     }
                    //選擇菜品編號                     let youeDishNo = +prompt("請您選擇要點的菜品編號");                     while (youeDishNo > dishNames.length || youeDishNo < 1) {                         youeDishNo = +prompt("對不起,您點的菜真沒有,請重新錄入");                     }
                    // 選擇份數                     let yourChoiceCount = +prompt("請選擇您需要的份數");
                    //拼接菜品資訊                     let yourDishMegs = dishNames[youeDishNo - 1] + " " + yourChoiceCount + "份"
                    //選擇時間                     let yourTime = + prompt("請輸入送餐時間(送餐時間10店到20點之間)");                     while (yourTime > 20 || yourTime < 10) {                         yourTime = +prompt("對不起您錄入的時間不在騎手的作業范圍之內,請重新輸入送餐時間");                     }
                    //選擇地址                     let yourAddress = prompt("請輸入送餐地址");
                    //后臺做計算價格 : (餐費大于50元免除配送費,否則配送費6元)                     //后臺將訂餐資訊添加到陣列中                     //計算消費                     let yourCash = prices[youeDishNo - 1] * yourChoiceCount > 50 ? 0 : 6; //三目運算子
                    //計算總價格                     let yourTotalPrice = prices[youeDishNo - 1] * yourChoiceCount + yourCash;
                    //將訂餐資訊添加到陣列                     names.push(yourName);                     disMegs.push(yourDishMegs);                     times.push(yourTotalPrice);
                    //列印成功資訊                     console.log("訂餐成功");                     console.log(`                     ---------------------------------------------------------------                     您訂的是:${yourDishMegs}                     送餐時間:${yourTime}                     餐費:${prices[youeDishNo - 1] * yourChoiceCount}元,送餐費:${yourCash}元,總計:${yourTotalPrice}元,
                    `);                     continue;
                case 2:                     console.log("****查看餐袋****");                     console.log(`序號   訂餐人  餐品資訊   送餐日期   送餐地址   總金額   訂單狀態`);                     //let 塊級作用域 定義的變數作用范圍是離他最近的一個花括號的范圍                     for (let i = 0; i < names.length; i++) {                         console.log(`${i + 1}\t${names[i]}\t${disMegs[i]}\t${times[i]}\t${addresses[i]}\t${sumPrices[i]}\t${states[i] == 0 ? '已預定' : '已簽收'}`);
                    }                     continue;
                case 3:                     console.log("****簽收訂單****");                     let yourSignNo = +prompt("請選擇要簽收的訂單序號");                     //判斷訂單陣列里面有沒有資料                     if (names.length === 0) {                         console.log("沒有訂單,輸入錯誤");                     } else {                         while (yourSignNo > names.length || yourSignNo < 1) {                             console.log("您選的訂單不存在,請重新選擇訂單序號");                         }                         //判斷訂單是否已簽收,已簽收不能再次簽收給出提示                         if (states[yourSignNo - 1] === 1) {                             console.log("您選擇的訂單已完成簽收,不能再次簽收!!!");                         } else {                             //可以被簽收,修改狀態                             states[yourSignNo - 1] = 1                             console.log("簽收完成,感謝您的配合");                         }                     }
                    continue;
                case 4:                     console.log("****洗掉訂單****");                     let yourDelNo = +prompt("請選擇要洗掉的訂單");                     //判斷訂單陣列里面有沒有資料                     if (yourDelNo === 0) {                         console.log("沒有訂單,輸入錯誤");                     } else {                         while (yourDelNo > names.length || yourDelNo < 1) {                             console.log("您選擇的訂單不存在,請重新輸入訂單號");                             yourDelNo = +prompt("請選擇要洗掉的訂單");                         }                         //判斷訂單是否已經洗掉,已洗掉                         if (yourDelNo === 0) {                             console.log("訂單未簽收,不能洗掉");                         } else {                             //將選擇的訂單從陣列中洗掉 arry.splice(yourDelNo-1,1)                             //洗掉6個陣列                             let delNo = yourDelNo - 1;                             names.splice(delNo, 1);                             states.splice(delNo, 1);                             disMegs.splice(delNo, 1);                             sumPrices.splice(delNo, 1);                             addresses.splice(delNo, 1);                             times.splice(delNo, 1);                             console.log("洗掉成功,歡迎惠顧");                         }                     }                     continue;
                case 5:                     console.log("****我要點贊****");                     console.log("****我要點贊****");                     console.log(`餐品資訊 `);                     for (let i = 0; i < dishNames.length; i++) {                         console.log(                             `${i + 1}\t${dishNames[i]}\t${prices[i]}\t${praiseNums[i]                             }\t`                         );                     }                     let yourProductLikes =                         +prompt("請輸入需要點贊的訂單序號:");                     //判斷訂單陣列里面有沒有資料                     if (names.length === 0) {                         console.log("沒有訂單,輸入錯誤!");                     } else {                         while (                             yourProductLikes > dishNames.length ||                             yourProductLikes < 1                         ) {                             console.log("您所選的訂單不存在,詰重新訂單序號:");                             yourProductLikes =                                 +prompt("請選擇要簽收的訂單序號:");                         }
                        praiseNums.splice(                             yourProductLikes - 1,                             1,                             ++praiseNums[yourProductLikes - 1]                         );                         console.log("點贊成功");                         for (let i = 0; i < dishNames.length; i++) {                             console.log(                                 `${i + 1}\t${dishNames[i]}\t${prices[i]}\t${praiseNums[i]                                 }\t`                             );                         }                     }
                    continue;
                case 6:                     console.log("****退出系統****");
                    break;
                case 7:                     console.log("***新品上架****");                     console.log(`餐品資訊`);                     for (let i = 0; i < dishNames.length; i++) {                         console.log(`${i + 1}\t${dishNames[i]}\t${prices[i]}\t${praiseNums[i]}`);                     }
                    var yourNewChoices = prompt("請輸入需要的訂單名稱:");                     var yourNewPrices = +prompt("請輸入需要的訂單價格:");                     var yourdianzan = 0;
                    dishNames.push(yourNewChoices);                     prices.push(yourNewPrices);                     praiseNums.push(yourdianzan);
                    console.log("添加成功");                     for (let i = 0; i < dishNames.length; i++) {                         console.log(`${i + 1}\t${dishNames[i]}\t${prices[i]}\t${praiseNums[i]}`);                     }                     continue;
            }             //跳出系統             break;
        } while (true)         console.log("程式結束");





    </script>
</body>
</html>

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

標籤:JavaScript

上一篇:【NodeJS黑馬程式員】2022年 api_server 專案導航欄

下一篇:前端也該刷點演算法題——雙指標解“鏈表”題也太香了叭!

標籤雲
其他(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)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了!

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

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

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more