03-JavaScript基礎

来源:https://www.cnblogs.com/OnlyOnYourself-lzw/archive/2022/07/31/16537235.html
-Advertisement-
Play Games

JavaScript基礎 1、JavaScript概述 W3C標準:網頁主要由三部分組成 HTML:用來製作網頁基礎內容和基本結構 CSS:用來網頁樣式美化效果 JavaScript:用來製作數據驗證,和用戶交互 JavaScript概念 JavaScript是一門跨平臺、面向對象的腳本語言,運行在 ...


JavaScript基礎

1、JavaScript概述

  • W3C標準:網頁主要由三部分組成
    • HTML:用來製作網頁基礎內容和基本結構
    • CSS:用來網頁樣式美化效果
    • JavaScript:用來製作數據驗證,和用戶交互
  • JavaScript概念
    • JavaScript是一門跨平臺、面向對象的腳本語言,運行在瀏覽器端。
    • JS在1995年由Brendan Eich發明,並於1997年成為一部ECMA標準
  • JavaScript作用
    • 表單數據校驗
    • 頁面元素標簽動態增刪改查操作等

2、JavaScript編寫位置

2.1、內部位置

  • 格式

  • <script>
      	JS代碼
    </script>
    
  • 作用

    • 只能給當前頁面使用
  • 示例

    • <script>
        	JS代碼
      </script>
      
  • type="text/javascript",設置內部代碼類型,這裡代表內部是文本JavaScript代碼,可以省略。

2.2、外部位置

  • 格式

    • <script type="text/javascript" src="外部.js文件">
      </script>
      
  • 作用

    • 可以給多個html頁面使用,復用性強
  • 示例

    • 創建外部.js文件

    • html頁面引用外部js文件

      • <script src="js/out.js" type="text/javascript"></script>
        <script type="text/javascript">代碼</script>
        
  • 註意事項

    • 引用外部js文件的script標簽體內不可以寫js代碼,否則無效。並且script標簽必須成對。
    • 錯誤1
      • <script src="js/out.js" type="text/javascript">無效的js代碼編寫位置</script>
    • 錯誤2
      • <script src="js/out.js" type="text/javascript/>"

3、JavaScript基本語法

3.1、輸出語句

  • 使用window.alert()寫入警告框

  • 使用document.write()寫入HTML輸出

  • 使用consle.log()寫入瀏覽器控制台

  • window.alter("hello JS");	// 彈出警告框
    document.write("hello js");	// 寫入HTML
    consle.log("hello Js");	// 寫入控制台
    

3.2、定義變數

  • ES5定義變數
    • var 變數名 = 變數值;
  • ES6定義變數
    • let 變數名 = 變數值;
    • const 變數名 = 常量值;
  • 區別
    • ES5方式語法不嚴謹,使用範圍不受代碼塊限制,代碼塊外依然可以使用,造成記憶體浪費
    • ES6新增了let關鍵字來定義變數,它的用法類似於var,但是所有聲明的變數,只在let關鍵字所在的代碼塊內有效,且不允許重覆聲明
    • ES6新增了const關鍵字,用來聲明一個只讀的常量。一旦聲明,常量的值就不能被改變。

4、JavaScript五種基本數據類型

  • 類型 說明
    numbr 數值型:包含整數、小數
    boolean 布爾型:包含true/false
    string 字元串:包含字元和字元串
    object 對象類型:包含系統內置對象和用戶自定義的對象,NULL也是對象
    undefined 未定義類型:未知的類型,沒有使用=號賦值

    查詢變數名所屬類型函數

    • typeof 變數名
    • typeof(變數名)

5、JavaScript常用算術符

5.1、算術運算符

  • 算術運算符用於執行兩個變數或值的算術運算,例如:let a=5, b=10;

  • 運算符 說明 表達式
    + 加法 a + b 15
    - 減法 a - b -5
    * 乘法 a * b 50
    / 除法 a / b 0.5
    % 餘數(取模) a % b 5
    ++ 自增 a++ 6
    -- 自減 a-- 4

    註意事項

    • JavaScript中除法是可以除得盡,如果除不盡會保留16位小數

5.2、賦值運算符

  • 賦值運算符用於給JavaScript變數賦值,例如 let a = 5, b = 10;

    運算符 說明 表達式
    = 等於 a = b 10
    += 加等於 a += b 15
    -= 減等於 a -= b -5
    *= 乘等於 a *= b 50
    /= 除等於 a /= b 0.5
    %= 餘等於 a %= b 5
  • 比較運算符用於邏輯語句的判斷,從而確定給定的兩個值或變數是否相等,例如 let a = 5, b = 10;

    運算符 說明 表達式
    == 等於(比較值,不比較類型) a=5,b="5" true
    === 恆等於(比較值和類型) a=5,b="5" false
    > 大於 a > b false
    < 小於 a < b true
    >= 大於或等於 a >= b false
    <= 小於或等於 a <= b true
    != 不等於 a != b true
    !== 恆不等於 a !== b true
  • 字元串於數字進行比較的時候會先把字元串轉換成數字然後再進行比較

5.3、邏輯運算符

  • 邏輯運算符用來確定變數或值之間的邏輯關係,支持短路運算,例如,let a = true, b = false;

    運算符 說明 表達式
    && a && b false
    || a || b true
    ! !a false
  • 註意事項

    • 邏輯運算符不建議單與&、單或|,會變成數字

6、JavaScript中的流程式控制制語句

  • if 語句

    • if (條件表達式){
        // 代碼塊;
      }
      
  • if...else語句

    • if (條件表達式) {
        // 代碼塊;
      } else {
        // 代碼塊;
      }
      
  • if...else if ...else語句

    • if (條件表達式) {
        // 代碼塊;
      } else if (條件表達式) {
        // 代碼塊;
      } else {
        // 代碼塊;
      }
      
  • if語句表達式

    • if語句表達式除了支持boolean類型表達式,還支持非boolean類型表達式

      數據類型 為真 為假
      number 非0 0
      string 非空字元串 空字元串
      undefined
      NaN(Not a Number)
      object 對象不為null null
  • switch語句

    • switch (變數名) {
        case 常量值:
          break;
        case 常量值:
          break;
        default:
          break;
      }
      

7、JavaScript中的迴圈語句

7.1、while/do-while迴圈語句

  • while迴圈語句語法(條件為true時迴圈)

    • while (條件表達式) {
           需要執行的代碼;
       }
      
  • do-while 迴圈語法(最少執行1次迴圈)

    • do {
           需要執行的代碼;
       } while (條件表達式);
      
      
  • break和continue

    • break:結束整個迴圈
    • continue:跳過本次迴圈,執行下一次迴圈

7.2、for迴圈語句

  • ES6普通次數for迴圈語法

    • for (let i=0; i<length; i++) {
           迴圈體需要執行的代碼;
       }
      
  • ES6增強for迴圈語法

    • for (let 變數 of 數組) {
           迴圈體需要執行的代碼;
       }
      

8、JavaScript中的函數

  • 函數介紹

    • 相當於Java中方法,是被設計為執行特定任務的代碼塊,可以實現代碼塊的重用。
  • 函數分類

    • 命名函數:有名字的函數

      • function 函數名(形參列表) {
          // 要執行的代碼塊
        }
        
      • function add(a, b) {
          return a + b;
        }
        
        let sum = add(1, 2);
        
    • 匿名函數:沒有名字的函數

      • // 定義匿名函數
        let 函數名 = function(形參列表) {
          // 要執行的代碼塊
        }
        // 調用匿名參數
        
      • let add = function (a, b) {
           return a + b;
        }
        
        let sum = add(2, 3);
        

9、JavaScript常用對象

9.1、Array數組

  • JavaScript Array對象用於定義數組

    • 格式

      • let 變數名 = new Array(元素列表);	// 方式一
        let 變數名 = [元素列表];	// 方式二
        
    • demo

      • let arr = new Array(1,2,3);
        let arr = [1,2,3];
        
    • 訪問方式

      • arr[索引] = 新的值;
        arr[0] = 1;
        
  • 註意事項

    • JS數組類似於Java集合,長度,類型都可以變
  • Array對象屬性

  • 屬性 描述
    constructor 返回對創建此對象的數組函數的引用
    length 設置或返回數組中元素的數目
    prototype 使您有能力向對象添加屬性和方法

    Array對象方法

    方法 描述
    concat() 連接兩個或更多的數組,並返回結果
    join() 把數組的所有元素放入一個字元串,元素通過指定的分隔符進分隔
    pop() 刪除並返回數組的最有一個元素
    push() 向數組的末尾添加一個或更多元素,並返回新的長度
    reverse() 顛倒數組中元素的順序
    shift() 刪除並返回數組的第一個元素
    slice() 從某個已有的數組返回選定的元素
    sort() 對數組的元素進行排序
    splice() 刪除元素,並向數組添加新元素
    toSource() 返回該對象的源代碼
    toString() 把數組轉換為字元串,並返回結果
    toLocaleString() 把數組轉換為本地數組,並返回結果
    unshift() 向數組的開頭添加一個或更多元素,並返回新的長度
    valueOf() 返回數組對象的原始值

9.2、String字元串

  • 定義格式
    • let 變數名 = new String(s);//方式一
      • let str = new String("hello");
    • let 變數名 = s; // 方式二
      • let str = "hello";
      • let str = 'hello';
  • 屬性
    • length:字元串的長度
  • 方法
    • trim():移除字元串首尾空白
    • 更多方法:w3school

9.3、自定義對象

  • 格式

    • let 對象名稱 = {
        屬性名稱1: 屬性值1,                           
        屬性名稱2: 屬性值2,                           
        ...                           
        函數名稱: function (形參列表) {}
        ...                         
      };
      
    • let person = {
        name: "zhangsan",
        age: 23,
        eat: function () {
          alert("乾飯~");
        }
      };
      

10、BOM

10.1、BOM的概念

  • BOM是瀏覽器對象模型
  • 其提供了獨立於內容而與瀏覽器視窗進行交互的對象;
  • 由於BOM主要用於管理視窗與視窗之間的通訊,因此其核心對象是window;
  • BOM由一系列相關的對象構成,並且每個對象都提供了很多方法與屬性;
  • BOM缺乏標準,JavaScript語法的標準化組織是ECMA,DOM的標準化組織是W3C,BOM最初是Netscape瀏覽器標準的一部分

10.2、BOM的作用

  • 使用BOM,開發者可以操控瀏覽器顯示頁面之外的部分。

  • 彈出新瀏覽器視窗的能力

  • 移動、縮放和關閉瀏覽器視窗的詳盡信息

  • navigator對象,提供關於瀏覽器的詳盡信息

  • location對象,提供瀏覽器載入頁面的詳盡信息

  • screen對象,提供關於用戶屏幕解析度的相近信息

  • performance對象,提供瀏覽器記憶體占用、導航行為和時間統計的相近信息。

  • 對cookie的支持

10.3、BOM的常用對象

  • window:表示瀏覽器視窗對象

    • window中與對話框有關的方法 作用
      alert("提示信息") 彈出一個信息框,只有一個確定按鈕
      string prompt("提示信息", "預設值") 彈出一個輸入框,可以輸入預設值
      boolean confirm 彈出一個確認框,有確定和取消兩個按鈕,點確認返回true,點取消返回false
    • window中的方法 作用
      setTimeout(函數名,間隔毫秒數) 過一段時間調用一次指定的函數,只調用一次,方法的返回值就是計時器
      setInterval(函數名,建個號描述) 每隔一段時間調用一次指定的函數,方法的返回值就是計時器
  • location:表示地址欄對象

    • 屬性 功能
      href 獲取:返回完整的URL;設置:跳轉到一個新的頁面
  • history:表示瀏覽器歷史記錄對象

    • 方法 作用
      forward() 相當於瀏覽器上前進按鈕,如果瀏覽器上按鈕不可用,這個方法就不起作用
      back() 相當於瀏覽器上的後退按鈕
    • 註意事項

      • 瀏覽器上的前進和後退按鈕可以點的時候,這個代碼才起作用
      • 讀取的是瀏覽器緩存中的數據,如果要訪問伺服器的數據,需要刷新

11、DOM

11.1、DOM的概念

  • Document Object Model:文檔對象模型(瀏覽器顯示的內容),DOM用來操作網頁中各種元素(標簽)
  • document代表了整個DOM樹對象,查找節點都找document去獲取。

11.2、DOM查找元素的常用方法

  • 獲取元素的方法 作用
    document. getElementById("id") 通過id獲取一個元素
    document.getElementsByTagName("標簽名") 通過標簽名獲取一組元素
    document.getElementsByName("Name") 通過name屬性獲取一組元素
    document.getElementsByClassName("類名") 通過樣式類名獲取一組元素

12、事件監聽

12.1、事件監聽的概念

  • 用戶可以對網頁的元素有各種不同的操作如:單機,雙擊,滑鼠移動等這些操作就成為事件。事件通常與函數配合使用,這樣就可以通過發生的事件來驅動JavaScript函數執行。

12.2、設置事件的兩種方式

  • 方式一:命名函數

    • 通過標簽終的事件屬性進行綁定:如<button type="button" onlick="abc()"></button>

    • <script>
        function abc() {
        alert("你點我?!命名函數設置的事件")
      }
      
  • 方式二:匿名函數

    • 通過DOM元素屬性綁定:如<input type="button" id="btn"

    • <script>
        document.getElementById("btn").onclick = function() {
        alert("我被點了,嚶嚶嚶");
      }
      </script>
      

12.3、常用事件

  • 事件名 說明
    onload 某個頁面或圖像被完成載入
    onsubmit 當表單提交時觸發該事件
    onclick 滑鼠單擊事件
    ondbclick 滑鼠雙擊事件
    onblur 元素失去焦點(滑鼠不在元素的位置)
    onfocus 元素獲得焦點
    onchange 用戶改變域的內容

13、JS中正則表達式的使用

  • 正則表達式概念

    • 正則表達式定義了字元串組成的規則
  • 正則表達式語法

    • 語法 作用
      ^ 表示開始
      $ 表示結束
      [] 表示某個範圍內的單個字元,比如[0-9]單個數字字元
      . 表示任意單個字元,除了換行和行結束符
      \w 表示單詞字元:字母、數字、下劃線(_),相當於[A-Za-z0-9]
      \d 表示數字字元:相當與[0-9]
    • 量詞 意義
      + 至少一個
      * 零個或多個
      零個或一個
      {x} x個
      {m,} 至少m個
      {m,n} 至少m個,最多n個
  • 在JS中的定義

    • 創建RegExp對象
      • let reg = new RegExp("1[3456789]\\d{9}");
    • 直接創建(不能加引號)
      • let reg = /^1[3456789]\d{9}/;
  • 方法

    • test(匹配的字元串):根據指定規則驗證字元串是否符合

14、用戶註冊表單驗證案例

  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>歡迎註冊</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                list-style-type: none;
            }
            .reg-content{
                padding: 30px;
                margin: 3px;
            }
            a, img {
                border: 0;
            }
    
            body {
                background-image: url("./img/reg_bg_min.jpg") ;
                text-align: center;
            }
    
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
    
            td, th {
                padding: 0;
                height: 90px;
    
            }
            .inputs{
                vertical-align: top;
            }
    
            .clear {
                clear: both;
            }
    
            .clear:before, .clear:after {
                content: "";
                display: table;
            }
    
            .clear:after {
                clear: both;
            }
    
            .form-div {
                background-color: rgba(255, 255, 255, 0.27);
                border-radius: 10px;
                border: 1px solid #aaa;
                width: 424px;
                margin-top: 150px;
                margin-left:1050px;
                padding: 30px 0 20px 0px;
                font-size: 16px;
                box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5), 0px 0px 15px rgba(75, 75, 75, 0.3);
                text-align: left;
            }
    
            .form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"] {
                width: 268px;
                margin: 10px;
                line-height: 20px;
                font-size: 16px;
            }
    
            .form-div input[type="checkbox"] {
                margin: 20px 0 20px 10px;
            }
    
            .form-div input[type="button"], .form-div input[type="submit"] {
                margin: 10px 20px 0 0;
            }
    
            .form-div table {
                margin: 0 auto;
                text-align: right;
                color: rgba(64, 64, 64, 1.00);
            }
    
            .form-div table img {
                vertical-align: middle;
                margin: 0 0 5px 0;
            }
    
            .footer {
                color: rgba(64, 64, 64, 1.00);
                font-size: 12px;
                margin-top: 30px;
            }
    
            .form-div .buttons {
                float: right;
            }
    
            input[type="text"], input[type="password"], input[type="email"] {
                border-radius: 8px;
                box-shadow: inset 0 2px 5px #eee;
                padding: 10px;
                border: 1px solid #D4D4D4;
                color: #333333;
                margin-top: 5px;
            }
    
            input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
                border: 1px solid #50afeb;
                outline: none;
            }
    
            input[type="button"], input[type="submit"] {
                padding: 7px 15px;
                background-color: #3c6db0;
                text-align: center;
                border-radius: 5px;
                overflow: hidden;
                min-width: 80px;
                border: none;
                color: #FFF;
                box-shadow: 1px 1px 1px rgba(75, 75, 75, 0.3);
            }
    
            input[type="button"]:hover, input[type="submit"]:hover {
                background-color: #5a88c8;
            }
    
            input[type="button"]:active, input[type="submit"]:active {
                background-color: #5a88c8;
            }
            .err_msg{
                color: red;
                padding-right: 170px;
            }
            #password_err,#tel_err{
                padding-right: 195px;
            }
    
            #reg_btn{
                margin-right:50px; width: 285px; height: 45px; margin-top:20px;
            }
        </style>
    </head>
    <body>
    
    <div class="form-div">
        <div class="reg-content">
            <h1>歡迎註冊</h1>
            <span>已有帳號?</span> <a href="#">登錄</a>
        </div>
        <form id="reg-form" action="register" method="get">
            <table>
                <tr>
                    <td>用戶名</td>
                    <td class="inputs">
                        <input name="username" type="text" id="username" onblur="checkUserName()">
                        <br>
                        <span id="username_err" class="err_msg" style="display: none">用戶名格式不對</span>
                    </td>
                </tr>
    
                <tr>
                    <td>密碼</td>
                    <td class="inputs">
                        <input name="password" type="password" id="password">
                        <br>
                        <span id="password_err" class="err_msg" style="display: none">密碼格式有誤</span>
                    </td>
                </tr>
    
                <tr>
                    <td>手機號</td>
                    <td class="inputs">
                        <input name="tel" type="text" id="tel" onblur="checkPhoneNumber()">
                        <br>
                        <span id="tel_err" class="err_msg" style="display: none">手機號格式有誤</span>
                    </td>
                </tr>
            </table>
    
            <div class="buttons">
                <input value="註 冊" type="submit" id="reg_btn">
            </div>
            <br class="clear">
        </form>
    </div>
    
    <script>
        // 校驗用戶名
        // 1. 首先需要定位到username那一欄,然後考慮聚焦和非聚焦問題,然後根據獲取到的value值進行正則表達式匹配的判斷
        function checkUserName() {
            let username = document.getElementById("username").value;
            // 用戶名規則
    
            // 第一種創建正則表達式的方法
            // let rule = new RegExp("^$");
            // 第二種創建正則表達式的方法
            // let rule = /^$/;
            let rule = /^\w{5,8}$/;
    
            // 比較結果
            let result = rule.test(username);
            if (result) {
                // window.alert("you are right");
                // 聚焦離開後,如果符合正則表達式規則,則什麼都不顯示
                document.getElementById("username_err").style.display = "none";
            } else {
                // 否則,提示用戶輸入的格式錯誤
                // window.alert("you are wrong");
                document.getElementById("username_err").style.display = "";
            }
    
            return result;
        }
    
        // 校驗手機號
        function checkPhoneNumber() {
            // 獲取手機號
            let phoneNumber = document.getElementById("tel").value;
            // 定義規則
            let rule = /^1[3456789]\d{9}$/;
            // 比較結果
            let result = rule.test(phoneNumber);
            if (result) {
                // 如果符合規則,那麼就不顯示錯誤提示
                document.getElementById("tel_err").style.display = "none";
            } else {
                // 如果不符合規則,那麼就應該顯示錯誤提示
                document.getElementById("tel_err").style.display = "";
            }
    
            return result;
        }
    
        // onsubmit事件:當點擊提交按鈕表單準備提交時執行
        // 在提交表單的時候,需要進行一次驗證,否則如果不進行驗證的話,在用戶沒有填寫任何信息的時候也是能直接進行登錄的
        // 在表單標簽的submit功能上,可以進行限制,當onsubmit等於false的時候不能提交,當為true的時候提交
    
        // 定位到表單標簽
        document.getElementById("reg-form").onsubmit = function () {
    
            return checkUserName() && checkPhoneNumber();
        }
    </script>
    
    </body>
    </html>
    

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

-Advertisement-
Play Games
更多相關文章
  • 1.shift+alt+f 格式化代碼(vscode) 2.css的複合選擇器 後代選擇器:選後代(不一定是兒子) 空格隔開 如ol li{樣式聲明} 更好地選擇想要的標簽 也可以用class表示 如 .nav.li.a 子選擇器 >親兒子 並集選擇器 逗號 div,p{樣式聲明} 最後一個選擇器 ...
  • Javascript基礎Day4 函數(下) 作用域(重點) 什麼是作用域,就是一個變數可以生效的範圍 變數不是在所有地方都可以使用的,而這個變數的使用範圍就是作用域 全局作用域 整個頁面起作用,在<script>內都能訪問到; 在全局作用域中有全局對象window,代表一個瀏覽器視窗,由瀏覽器創建 ...
  • Javascript基礎Day3 1、迴圈:重覆執行代碼 特征:有規律性的重覆執行相似代碼 為什麼要使用迴圈? 主要是為了減少頁面代碼 for迴圈: 語法: for(表達式1;表達式2;表達式3){ 代碼 } 表達式1:初始值,定義在for迴圈中需要用的變數 表達式2:判斷條件,判斷初始值是否滿足該 ...
  • Javascript基礎Day2 1、***自增自減運算符: ++、-- ++或--在變數之前時,先給當前變數做加1或減1的操作,然後在把計算結果做其他操作; ++或--在變數之後時,先拿當前變數去做其他操作,然後在給該變數做加1或減1的操作; 2、進位:也稱為進位計數制,常見的進位有二進位,八進位 ...
  • 1 Vite項目目錄 用Vscode打開創建的項目,看到下麵的目錄結構: 通過運行 npm install 初始化項目後生成兩個初始化文件:node_modules和 package-lock.json 2 SFC 語法規範 *.vue 件都由三種類型的頂層語法塊所組成:<template>、<sc ...
  • Javascript基礎Day1 1、js的書寫位置: 行內式(不推薦): 情況1: <div onclick="alert(123)">hello</div> <p onclick="alert(123)">hello</p> 情況2: <a href="javascript:alert(4567 ...
  • 1.安裝nodejs(建議最新版本) 下載地址:下載 | Node.js 中文網 在安裝的過程中建議不要裝在C盤,安裝完成配置環境變數,並且建議講緩存路徑更改。 安裝完成後通過查看nodejs版本和npm版本,在終端輸入 npm --version 和node --version,如下圖所示: 2. ...
  • BOM 原生對象:成為js中的內置對象,就是由 js 中的構造函數創建的對象就被稱為原生對象:Object、Number、Array、Date、String。。。。 宿主對象:web運行環境,也就是windows操作系統和瀏覽器這些被稱為宿主,有這些宿主提供的對象,就叫宿主對象。 *BOM:瀏覽器對 ...
一周排行
    -Advertisement-
    Play Games
  • 一、引言:什麼是 JSON JSON (Java Script Object Notation) 是一種很常用的數據格式,它常常用在 web 應用程式中。它可以表示結構化的數據。 下麵是常見的 JSON 文件結構 { "name": "Kamishiro Rize", "age": "22", "o ...
  • 前言 大家好,我是蝸牛,在上一篇中,我們介紹了不同版本的HTTP區別和發展背景,這篇文章我們來聊聊HTTP的缺點,HTTP缺點大致總結有以下三點: 通信使用明文(不加密),內容可能會被竊聽。 不驗證通信方的身份,因此有可能遭遇偽裝(客戶端和服務端都有可能) 無法證明報文的完整性,有可能會被篡改。 其 ...
  • resultMap處理欄位和屬性的映射關係 如果欄位名與實體類中的屬性名不一致,該如何處理映射關係? 第一種方法:為查詢的欄位設置別名,和屬性名保持一致 下麵是實體類中的屬性名: private Integer empId; private String empName; private Integ ...
  • 大家在看到這篇文章前,為了有一個舒適的c++IDE,一定感受到了Dev-c++的廉價感,Clion功能的多餘,VS的臃腫。他們也有自己的優點,但糟點太多,令人十分難受。而VS Code,可以取長補短。下麵的配置內容,可以讓你在刷題時,享受絲滑的動畫,體會集成終端的方便,讓你覺得Coding不再枯燥。 ...
  • 給定一個不含重覆數字的數組 nums ,返回其 所有可能的全排列 。你可以 按任意順序 返回答案。 示例 1: 輸入:nums = [1,2,3] 輸出:[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]] 示例 2: 輸入:nums = [0,1] 輸 ...
  • 設計模式的目的 編寫軟體過程中,程式員面臨著來自 耦合性,內聚性以及可維護性,可擴展性,重用性,靈活性 等多方面的 挑戰,設計模式是為了讓程式(軟體),具有更好 代碼重用性 (即:相同功能的代碼,不用多次編寫) 可讀性 (即:編程規範性, 便於其他程式員的閱讀和理解) 可擴展性 (即:當需要增加新的 ...
  • 本文講解了決策樹的創鍵的過程,包括熵,信息增益的計算,還有決策樹的創建,以及使用matplotlib讓決策樹可視化的詳細過程 ...
  • ♠ use C++11 倍數 若 $a,b,k \in \mathbb N$,且 $a \times k=b$,那麼 $b$ 是 $a$ 的倍數,稱 $a$ 整除 $b$,記作 $a \mid b$。 $[1,n]\in \mathbb N$ 中 $x \in \mathbb N$ 的倍數有 $\l ...
  • LinkList可以定義指向List的指針 1.當函數參數為LinkList L時,意味著只改變或操作List的內容,而不需要改變L這個指針 如 Status GetElem(LinkList L,int i,ElemType) 2.當參數為LinkList &L時,意味著需要改變或操作L這個指針本 ...
  • Spring 5框架 一、Spring概念 1、Spring是輕量級的JavaEE框架 2、Spring可以解決企業應用開發的複雜性 3、Spring有兩個核心部分:IOC和AOP ​ 1)IOC:控制反轉,把創建對象過程交給Spring進行管理 ​ 2)AOP:面向切麵,不修改源代碼進行功能增強 ...