国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Ajax筆記_01(知識(shí)點(diǎn)、包含代碼和詳細(xì)解析)

這篇具有很好參考價(jià)值的文章主要介紹了Ajax筆記_01(知識(shí)點(diǎn)、包含代碼和詳細(xì)解析)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

Ajax_01筆記

前置知識(shí)點(diǎn)

  • 在JavaScript中

  • 問(wèn)題1:將數(shù)組轉(zhuǎn)為字符串,以及字符串轉(zhuǎn)為數(shù)組的方式。
  • 問(wèn)題2、將對(duì)象轉(zhuǎn)為字符串,以及字符串轉(zhuǎn)為對(duì)象的方法。

    方法:

    問(wèn)題1:

    1. 將數(shù)組轉(zhuǎn)為字符串可以使用 join() 方法。例如:var array = [1, 2, 3]; var str = array.join(',');,將數(shù)組 [1, 2, 3] 轉(zhuǎn)為字符串 "1,2,3"
    2. 將字符串轉(zhuǎn)為數(shù)組可以使用 split() 方法。例如:var str = "1,2,3"; var array = str.split(',');,將字符串 "1,2,3" 轉(zhuǎn)為數(shù)組 [1, 2, 3]。

    問(wèn)題2:

    1. 將對(duì)象轉(zhuǎn)為字符串可以使用 JSON.stringify() 方法。例如:var obj = {name: "John", age: 25}; var str = JSON.stringify(obj);,將對(duì)象 {name: "John", age: 25} 轉(zhuǎn)為字符串 "{\"name\":\"John\",\"age\":25}"
    2. 將字符串轉(zhuǎn)為對(duì)象可以使用 JSON.parse() 方法。例如:var str = "{\"name\":\"John\",\"age\":25}"; var obj = JSON.parse(str);,將字符串 "{\"name\":\"John\",\"age\":25}" 轉(zhuǎn)為對(duì)象 {name: "John", age: 25}。請(qǐng)注意,字符串必須符合 JSON 格式的要求。

01_什么是Ajax和axios使用

定義
  • Ajax(Asynchronous JavaScript and XML)是一種用于創(chuàng)建交互式Web應(yīng)用程序的技術(shù)。它通過(guò)在不重新加載整個(gè)頁(yè)面的情況下與服務(wù)器通信,實(shí)現(xiàn)異步數(shù)據(jù)傳輸和更新。使用Ajax,可以在用戶(hù)與網(wǎng)頁(yè)交互時(shí),向服務(wù)器發(fā)送請(qǐng)求并接收響應(yīng),然后使用JavaScript動(dòng)態(tài)更新頁(yè)面的部分內(nèi)容。這樣可以提供更流暢和高效的用戶(hù)體驗(yàn),減少了不必要的頁(yè)面刷新。Ajax廣泛用于創(chuàng)建各種Web應(yīng)用,如動(dòng)態(tài)表單驗(yàn)證、自動(dòng)補(bǔ)全搜索、實(shí)時(shí)更新等。它基于Web標(biāo)準(zhǔn)技術(shù),包括HTML、CSS、JavaScript和XML/JSON數(shù)據(jù)格式。
怎么學(xué)習(xí)Ajax?
    1. 先使用axios庫(kù),與服務(wù)器進(jìn)行數(shù)據(jù)通行。
      • 基于XMLHttpRequest封裝、代碼簡(jiǎn)單使用次數(shù)高。
      • Vue、React項(xiàng)目中都會(huì)用到axios。
    1. 在學(xué)習(xí)XMLHttpRequest對(duì)象的使用,了解Ajax底層原理。
axios的使用
語(yǔ)法:
    1. 引入axios.js官方庫(kù)地址 : https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js 得到一個(gè)全局的axios函數(shù)。

    2. 使用axios函數(shù):

      1. 傳入配置對(duì)象。
      2. 在用.then回調(diào)函數(shù)接收服務(wù)器返回的結(jié)果,并做出后續(xù)處理。
代碼示例

需求:請(qǐng)求目標(biāo)資源地址,拿到省份列表數(shù)據(jù),顯示到頁(yè)面。

目標(biāo)資源地址:http://hmajax.itheima.net/api/province

<body>
    <!-- 
        axios庫(kù)地址: https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js
        省份數(shù)據(jù)地址: http://ajax-api.itheima.net/api/province

        目標(biāo):使用axios庫(kù),獲取省份列表數(shù)據(jù),展示到頁(yè)面上
    -->

    <p class="isP"></p>

    <!-- 引入axios庫(kù) -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <script>
        // 引入后得到一個(gè)axios函數(shù),并使用axios函數(shù)
        axios({
            // 資源路徑地址
            url: 'http://ajax-api.itheima.net/api/province'
        }).then(result => { //result為回調(diào)函數(shù)的形參
            // 查看服務(wù)器返回的調(diào)函數(shù)
            console.log(result)
            // 查看返回值里面的內(nèi)容
            console.log(result.data.data)
            // 查看返回中message的返回狀態(tài)
            console.log(result.data.message)
            // 將返回的數(shù)組轉(zhuǎn)為字符串
            console.log(result.data.data.join('<br>'))

            // 插入到標(biāo)簽容器中,渲染視圖
            document.querySelector('.isP').innerHTML = result.data.data.join('<br>')

        })
    </script>
</body>


02_認(rèn)識(shí)URL

URL:統(tǒng)一資源定位符,簡(jiǎn)稱(chēng)網(wǎng)址,用于訪問(wèn)網(wǎng)絡(luò)上的資源。

新聞數(shù)據(jù)地址: http://hmajax.itheima.net/api/news

  1. http是協(xié)議
  2. hmajax.itheima.net是域名
  3. api/news是資源路徑地址

03_查詢(xún)參數(shù)

params查詢(xún)參數(shù)
  • params是一個(gè)查詢(xún)參數(shù)對(duì)象:語(yǔ)法格式為params: {參數(shù)名:值} 。參數(shù)名是接口文檔中提供的。
  • 作用:使用查詢(xún)參數(shù)提供額外信息,獲取對(duì)應(yīng)的數(shù)據(jù)。

    使用params ,里面添加攜帶的參數(shù)名和參數(shù)值即可。

  • 代碼演示

<p></p>
  <!-- 
    城市列表: http://hmajax.itheima.net/api/city
    參數(shù)名: pname
    值: 省份名字
  -->
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    axios({
      url: 'http://hmajax.itheima.net/api/city',
      // 攜帶查詢(xún)參數(shù)
      params: {
        pname: '浙江省'   //后期這里輸入的查詢(xún)值就是讓 用戶(hù)輸入的。
      }
    }).then(result => {
      console.log(result.data.list)
      document.querySelector('p').innerHTML = result.data.list.join('<br>')
    })
  </script>

04_查詢(xún)地區(qū)案例

  • 需求:根據(jù)用戶(hù)輸入的省份和市區(qū),查詢(xún)?cè)撌袇^(qū)的數(shù)據(jù),并渲染到容器視圖中。
代碼示例
  <script>
    /*
      獲取地區(qū)列表: http://hmajax.itheima.net/api/area
      查詢(xún)參數(shù):
        pname: 省份或直轄市名字
        cname: 城市名字
    */


        // 獲取用戶(hù)需要查詢(xún)的內(nèi)容值
    const province = document.querySelector('.province')
    const city = document.querySelector('.city')


    // 1、這個(gè)模塊功能是從用戶(hù)點(diǎn)擊事件開(kāi)始,所以先綁定點(diǎn)擊事件
    document.querySelector('.sel-btn').addEventListener('click', () => {
      // 2、點(diǎn)擊完后,就執(zhí)行axios函數(shù)
      axios({
        // 3、向服務(wù)器發(fā)送查詢(xún)請(qǐng)求
        url: 'http://hmajax.itheima.net/api/area',
        // 4、攜帶用戶(hù)輸入的查詢(xún)參數(shù)
        params: {
          pname: province.value,
          cname: city.value
        }
      }).then(result => {
        console.log(result.data.list)
        console.log(result.data.message)
        const list  = result.data.list
        // 5、將返回的數(shù)組使用map方法操作插入到標(biāo)簽中然后返回新的數(shù)組,將新的數(shù)組轉(zhuǎn)為字符串形式
       const res = list.map(item => `<li class="list-group-item">${item}</li>`).join('')  //得到了操作后的新數(shù)組,在轉(zhuǎn)字符串
      //  6、 將map返回的新數(shù)組插入到頁(yè)面視圖中
        document.querySelector('.list-group').innerHTML = res
        console.log(res)
      })
    })

  </script>

map語(yǔ)句的詳細(xì)解釋:

首先,我們有一個(gè)res數(shù)組。通過(guò)map方法,對(duì)數(shù)組中的每個(gè)元素進(jìn)行處理。箭頭函數(shù)表達(dá)式(item =>

  • ${item}
  • )接收一個(gè)參數(shù) item,并返回一個(gè)字符串模板,生成一個(gè)帶有 item值的 <li>元素。

    然后,通過(guò)join('')方法將所有處理后的字符串連接在一起,形成一個(gè)字符串。

    最終,我們得到一個(gè)名為theLi的字符串,其中包含了循環(huán)處理后的<li>元素。

05_常用請(qǐng)求方法和數(shù)據(jù)提交

method: 請(qǐng)求方法,GET可以省略不寫(xiě)(不區(qū)分大小寫(xiě))

data:提交數(shù)據(jù)

需求: 注冊(cè)用戶(hù): url: 'http://hmajax.itheima.net/api/register,

請(qǐng)求方法: POST

參數(shù)名:

? username: 用戶(hù)名 (中英文和數(shù)字組成, 最少8位)

? password: 密碼 (最少6位)

目標(biāo): 點(diǎn)擊按鈕, 通過(guò)axios提交用戶(hù)和密碼, 完成注冊(cè)

代碼示例
   // 1、注冊(cè)點(diǎn)擊事件
   document.querySelector('.btn').addEventListener('click', () => {
     // 2、使用axios函數(shù)發(fā)送請(qǐng)求
     axios({
       url: 'http://hmajax.itheima.net/api/register',
       // 3、聲明請(qǐng)求方法
       method: 'POST',
       // 4、提交數(shù)據(jù)
       data: {
         username: 'itheima007',
         password: '7654321'
       }
     }).then(result => {         // 5、查看瀏覽器響應(yīng)的結(jié)果
       // 瀏覽器響應(yīng)狀態(tài)信息
       console.log(result.data.message)    //無(wú)賬號(hào)
       console.log(result.data)    
     })
   })

需要提交數(shù)據(jù),就得使用post 同時(shí)使用data攜帶需要提交的參數(shù) (params是查詢(xún)的參數(shù),不要混淆了)

06_axios錯(cuò)誤處理

在then方法后面寫(xiě)一個(gè)catch方法,傳入回調(diào)函數(shù)并定義形參

代碼示例
.then(result => {
      console.log(result)
    }).catch(error => {
      // 錯(cuò)誤信息處理
      console.log(error)
      console.log(error.response.data.message)
    })

console.log(error.response.data.message) 就能得到具體的錯(cuò)誤信息我們可以將返回的信息通過(guò)彈窗返回給用戶(hù)

07_HTTP協(xié)議-請(qǐng)求報(bào)文

http協(xié)議:規(guī)定了瀏覽器發(fā)送及服務(wù)器返回內(nèi)容的格式。

請(qǐng)求報(bào)文

請(qǐng)求報(bào)文:瀏覽器按照http協(xié)議要求的格式,發(fā)送給服務(wù)器的內(nèi)容(就是axios里面的內(nèi)容)。

請(qǐng)求報(bào)文的組成
  1. 請(qǐng)求行:請(qǐng)求方法、URL、協(xié)議
  2. 請(qǐng)求頭:以鍵值對(duì)的格式攜帶的附加信息,比如:Content-Type
  3. 空行:分隔請(qǐng)求頭,空行之后的是發(fā)送給服務(wù)器的資源
  4. 請(qǐng)求體:發(fā)送的資源

通過(guò)chrome 開(kāi)發(fā)者工具中的網(wǎng)絡(luò)來(lái)進(jìn)行查看

08_請(qǐng)求報(bào)文-錯(cuò)誤排查

在保證自己測(cè)試沒(méi)問(wèn)題的時(shí)候,使用開(kāi)發(fā)者工具中的網(wǎng)絡(luò)選項(xiàng)卡進(jìn)行查看我們報(bào)錯(cuò)的信息,觀察后對(duì)代碼進(jìn)行改進(jìn)(這樣精確定位提高效率)

09_HTTP協(xié)議-響應(yīng)報(bào)文

http協(xié)議:規(guī)定了瀏覽器發(fā)送及服務(wù)器返回內(nèi)容的格式。

響應(yīng)報(bào)文
  • 響應(yīng)報(bào)文:服務(wù)器按照http協(xié)議要求的格式,返回非瀏覽器的內(nèi)容
響應(yīng)報(bào)文的組成
  1. 響應(yīng)行:(狀態(tài)行):協(xié)議、http響應(yīng)狀態(tài)碼,返回給瀏覽器的內(nèi)容
  2. 響應(yīng)頭:以鍵值對(duì)的格式攜帶的附加信息,比如:Content-Type
  3. 空行:分隔請(qǐng)求頭,空行之后的是發(fā)送給服務(wù)器的資源
  4. 響應(yīng)體:返回的資源
響應(yīng)狀態(tài)碼
狀態(tài)碼 說(shuō)明
1xx 信息
2xx 成功
3xx 重定向消息
4xx 客戶(hù)端錯(cuò)誤
5xx 服務(wù)端錯(cuò)誤

例如;404表示(服務(wù)器找不到資源)

可以再網(wǎng)絡(luò)中的響應(yīng)中查看服務(wù)器相應(yīng)的結(jié)果

10_接口文檔

接口文檔:描述接口的文章

接口:使用Ajax和服務(wù)器通訊時(shí),使用的URL,請(qǐng)求方法,以及參數(shù)。

重點(diǎn):就是在于學(xué)會(huì)看著接口文檔的需求來(lái)編寫(xiě)代碼。

11_用戶(hù)登錄案例

需求
  1. 點(diǎn)擊登錄時(shí),判斷用戶(hù)名和密碼長(zhǎng)度
  2. 提交數(shù)據(jù)和服務(wù)通信
  3. 響應(yīng)提示消息渲染
代碼示例
 <script>
   // 目標(biāo)1:點(diǎn)擊登錄時(shí),用戶(hù)名和密碼長(zhǎng)度判斷,并提交數(shù)據(jù)和服務(wù)器通信
   document.querySelector('.btn-login').addEventListener('click', () => {
     // 1、獲取用戶(hù)名和密碼框以及value值
     const username = document.querySelector('.username').value
     const password = document.querySelector('.password').value
     console.log(username,password)
     // 2、點(diǎn)擊登錄時(shí),判斷用戶(hù)名和密碼長(zhǎng)度
     if (username.length < 8 || username.length > 16) {
       alert('用戶(hù)名不合法')
       return
     } else if (password.length < 6 || password.length > 16) {
       alert('密碼不合法')
       return
     } else {
       axios({
         url: 'http://hmajax.itheima.net/api/login',
         method: 'post',
         data: {
           username,
           password
         }
       }).then((result) => {
         // 返回服務(wù)器響應(yīng)的狀態(tài)
         alert(result.data.message)
       }).catch((error) => {
         // 返會(huì)服務(wù)器響應(yīng)的錯(cuò)誤信息
         alert(error.response.data.message) 
       })
     }

   })
 </script>

優(yōu)化提示框后的代碼

直接上代碼

  <script>
    // 目標(biāo)1:點(diǎn)擊登錄時(shí),用戶(hù)名和密碼長(zhǎng)度判斷,并提交數(shù)據(jù)和服務(wù)器通信
    // 目標(biāo)2:使用提示框,反饋提示消息

    /* 
      * 提示框需求分析
      * 1、獲取提示框標(biāo)簽
      * 2、封裝一個(gè)函數(shù),用于渲染視圖。
      * 3、設(shè)置提示文字,以及對(duì)應(yīng)的顏色,成功為綠色,失敗為紅色
      * 4、為了讓提示框自動(dòng)隱藏,我們添加一個(gè)延遲函數(shù)
    */
    //  1.獲取提示框標(biāo)簽
    const Alert = document.querySelector('.alert-success')
    function getAlert(message, flag) {
      // 3.設(shè)置提示文字,以及對(duì)應(yīng)的顏色
      Alert.innerHTML = message
      Alert.classList.add('show')
      // flag ? 'alert-succes' : 'alert-danger'
      // console.log(flag ? 'alert-succes' : 'alert-danger')
      Alert.classList.add(flag ? 'alert-succes' : 'alert-danger')
      // 4.聲明一個(gè)延遲函數(shù),用于一定事件后隱藏提示框(也就是移除類(lèi)名)
      setTimeout(() => {
      Alert.classList.remove('show')
      // 提示框顏色類(lèi)名重置,也就是本次使用完清除
      Alert.classList.remove(flag ? 'alert-succes' : 'alert-danger')

      }, 2000)
    }

    // 1.1 登錄-點(diǎn)擊事件
    document.querySelector('.btn-login').addEventListener('click', () => {
      // 1.2 獲取用戶(hù)名和密碼
      const username = document.querySelector('.username').value
      const password = document.querySelector('.password').value
      // console.log(username, password)

      // 1.3 判斷長(zhǎng)度
      if (username.length < 8) {
        // 調(diào)用函數(shù),渲染當(dāng)前提示信息
        getAlert('用戶(hù)名必須大于等于8位', false)
        console.log('用戶(hù)名必須大于等于8位')
        return // 阻止代碼繼續(xù)執(zhí)行
      }
      if (password.length < 6) {
        // 調(diào)用函數(shù)渲染當(dāng)前提示信息
        getAlert('密碼必須大于等于6位', false)

        console.log('密碼必須大于等于6位')
        return // 阻止代碼繼續(xù)執(zhí)行
      }

      // 1.4 基于axios提交用戶(hù)名和密碼
      // console.log('提交數(shù)據(jù)到服務(wù)器')
      axios({
        url: 'http://hmajax.itheima.net/api/login',
        method: 'POST',
        data: {
          username,
          password
        }
      }).then(result => {
        // 調(diào)用提示框渲染函數(shù),然后將返回值當(dāng)做實(shí)參
        getAlert(result.data.message,true)
        console.log(result)
        console.log(result.data.message)
      }).catch(error => {
         // 調(diào)用提示框渲染函數(shù),然后將返回值當(dāng)做實(shí)參
        getAlert(error.response.data.message,false)
        console.log(error)
        console.log(error.response.data.message)
      })
    })
  </script>


12_form-serialize插件使用

作用:

作用: 快速收集表單元素的值

語(yǔ)法

語(yǔ)法: const data = serialize(form,{hash: true,empty: true})

  • serialize函數(shù)里面的form可以獲得表單中所有name屬性標(biāo)簽的值
  1. 把插件引入到自己的網(wǎng)頁(yè)中
  • 2、 使用serialize函數(shù),快速收集表單元素的值
    參數(shù)1、需要獲取哪個(gè)表單的數(shù)據(jù)

    • 表單元素設(shè)置 name 屬性,值會(huì)作為對(duì)象的屬性名

      • 建議 name 屬性的值,最好和接口文檔參數(shù)名一致


      • 參數(shù)2、配置對(duì)象

        • hash 設(shè)置獲取數(shù)據(jù)結(jié)構(gòu)
      • true: js對(duì)象 (推薦使用true,因?yàn)閷@得的對(duì)象可以提交給服務(wù)器)

      • false: 查詢(xún)字符串


        • empty 設(shè)置是否取空值
      • true: 獲取空值(推薦)

      • false: 不獲取空值

目標(biāo)

目標(biāo):在點(diǎn)擊提交時(shí),使用form-serialize插件,快速收集表單元素值

代碼示例
  <form action="javascript:;" class="example-form">
    <input type="text" name="username">
    <br>
    <input type="text" name="password">
    <br>
    <input type="button" class="btn" value="提交">
  </form>


  <!-- 引入serizlize插件 -->
  <script src="../lib/form-serialize.js"></script>

  <script>
	//獲取按鈕標(biāo)簽,注冊(cè)點(diǎn)擊事件
    document.querySelector('.btn').addEventListener('click', () => {

    const form = document.querySelector('.example-form')
    const data = serialize(form,{hash: true,empty: true})   //寫(xiě)這種即可哦
      // const data = serialize(form,{hash: false ,empty: true})
      // const data = serialize(form,{hash: false ,empty: true})
      console.log(data)
    })
  </script>

  • 對(duì)參數(shù)有問(wèn)題可以看上面的語(yǔ)法

serialize案例

使用插件替代原生js 獲取元素的寫(xiě)法。

代碼演示

將serialize獲取到的js對(duì)象,通過(guò) 對(duì)象解構(gòu) 拿到里面的值。然后直接傳遞給axios函數(shù)里面的提交數(shù)據(jù)給服務(wù)器文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-621573.html

      // 3.1 使用serialize插件
      const form = document.querySelector('.form')
      const data = serialize(form, { hash: true, empty: true })
      console.log(data)   //{username: 'itheima007', password: '7654321'}
      // 3.2 利用對(duì)象 解構(gòu) 進(jìn)行取值 由于屬性名和屬性值相同,此處簡(jiǎn)寫(xiě)
      const { username, password} = data

      // 1.2 獲取用戶(hù)名和密碼
      // const username = document.querySelector('.username').value
      // const password = document.querySelector('.password').value
      console.log(username, password)
  • serialize函數(shù)里面的form可以獲得表單中所有name屬性標(biāo)簽的值

到了這里,關(guān)于Ajax筆記_01(知識(shí)點(diǎn)、包含代碼和詳細(xì)解析)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 2023金三銀四1000道java面試必考題(附答案,趕緊收藏)包含所有大廠高頻面試知識(shí)點(diǎn)

    2023金三銀四1000道java面試必考題(附答案,趕緊收藏)包含所有大廠高頻面試知識(shí)點(diǎn)

    我的回答是: 很有必要 。你可以討厭這種模式,但你一定要去背,因?yàn)椴槐衬憔瓦M(jìn)不了大廠?,F(xiàn)如今,Java 面試的本質(zhì)就是八股文,把八股文面試題背好,面試才有可能表現(xiàn)好。金九銀十招聘黃金季即將來(lái)臨!大家在考研和找工作中糾結(jié)的時(shí)候,不妨先看一下面試題,畢竟我

    2023年04月09日
    瀏覽(34)
  • javascript打飛機(jī)程序8x8x飛機(jī)大戰(zhàn)js打飛機(jī)程序,飛機(jī)大戰(zhàn)知識(shí)點(diǎn)包含了JavaScript面向過(guò)程的全部知識(shí)點(diǎn),包括變量、運(yùn)算符、判斷、循環(huán)、數(shù)組、自定義函數(shù)、系統(tǒng)函數(shù)、事件等。...

    javascript打飛機(jī)程序8x8x飛機(jī)大戰(zhàn)js打飛機(jī)程序,飛機(jī)大戰(zhàn)知識(shí)點(diǎn)包含了JavaScript面向過(guò)程的全部知識(shí)點(diǎn),包括變量、運(yùn)算符、判斷、循環(huán)、數(shù)組、自定義函數(shù)、系統(tǒng)函數(shù)、事件等。...

    講解了JavaScript編程語(yǔ)言制作游戲界面,添加游戲控制、制作元素動(dòng)畫(huà)、制作多元素場(chǎng)景,添加碰撞功能、制作精靈動(dòng)畫(huà)等功能 源碼如下: html:

    2024年02月16日
    瀏覽(30)
  • 網(wǎng)絡(luò)開(kāi)發(fā)過(guò)程詳細(xì)知識(shí)點(diǎn)

    網(wǎng)絡(luò)開(kāi)發(fā)過(guò)程詳細(xì)知識(shí)點(diǎn)

    ?網(wǎng)絡(luò)生命周期 至少包括系統(tǒng)構(gòu)思與計(jì)劃、分析和設(shè)計(jì)、運(yùn)行和維護(hù)的過(guò)程。 ?常見(jiàn)的迭代周期分為四階段周期、五階段周期、六階段周期。 ??網(wǎng)絡(luò)開(kāi)發(fā)過(guò)程根據(jù)五階段迭代周期模型可被分為 五個(gè)階段: ?? 需求分析、現(xiàn)有網(wǎng)絡(luò)分析、確定網(wǎng)絡(luò)邏輯結(jié)構(gòu)、確定網(wǎng)絡(luò)物理結(jié)構(gòu)

    2024年02月07日
    瀏覽(24)
  • 各傳輸介質(zhì)詳細(xì)知識(shí)點(diǎn)

    一.百兆網(wǎng)傳輸介質(zhì) 快速以太網(wǎng)(802.3u) 100Base-T2 電纜:2對(duì)3類(lèi)UTP 最大段長(zhǎng):100m 特性阻抗:100 100Base-T4 電纜:4對(duì)3類(lèi)UTP 最大段長(zhǎng):100m 特點(diǎn): 8B/6T,NRZ編碼 特性阻抗:100 100Base-TX 電纜:2對(duì)5類(lèi)UTP或2對(duì)TCP 最大段長(zhǎng):100m 特點(diǎn): 100Mb/s全雙工通信,4B/5B,MLT-3編碼 特性阻抗:2對(duì)5類(lèi)

    2024年02月07日
    瀏覽(26)
  • Python知識(shí)點(diǎn)大全(非常詳細(xì))

    Python知識(shí)點(diǎn)大全(非常詳細(xì))

    1、Python的兩種編程?式:交互式(隨輸隨運(yùn)?)和?件式(主要?式;批量運(yùn)?出結(jié)果) 2、?切皆對(duì)象,每個(gè)對(duì)象由標(biāo)識(shí)(id())、類(lèi)型(type())和值(print())標(biāo)識(shí)。 3、Python采? 基于值的內(nèi)存管理 ,不同變量賦值為同?個(gè)值,ID?樣,但是只適?范圍在-5?256的整數(shù)和短字

    2024年02月09日
    瀏覽(30)
  • HCIP的基礎(chǔ)知識(shí)點(diǎn)(詳細(xì))

    OSI七層參考模型 OSI/RM ---- 開(kāi)放式系統(tǒng)互聯(lián)參考模型--- 1979 --- ISO --- 國(guó)際標(biāo)準(zhǔn)化組織核心思想 --- 分層 應(yīng)用層 --- 提供各種應(yīng)用程序,抽象語(yǔ)言轉(zhuǎn)換成編碼,人機(jī)交互的接口 表示層 --- 編碼轉(zhuǎn)換成二進(jìn)制 會(huì)話層 --- 維持網(wǎng)絡(luò)應(yīng)用和網(wǎng)絡(luò)服務(wù)器之間會(huì)話連接 傳輸層 --- 實(shí)現(xiàn)端到端

    2023年04月20日
    瀏覽(20)
  • redis核心知識(shí)點(diǎn)簡(jiǎn)略筆記

    value數(shù)據(jù)類(lèi)型 string 二進(jìn)制安全 list 有序、可重復(fù) set 無(wú)序、不重復(fù) hash field-value的map sorted set 不重復(fù)、通過(guò)double類(lèi)型score分?jǐn)?shù)排序 場(chǎng)景 string 計(jì)數(shù)器 緩存 分布式鎖 訪問(wèn)頻率控制 分布式session hash 購(gòu)物車(chē)等對(duì)象屬性靈活修改 list 定時(shí)排行榜 set 收藏 sorted set 實(shí)時(shí)排行榜 持久化

    2024年02月13日
    瀏覽(32)
  • CSP初賽知識(shí)點(diǎn) 學(xué)習(xí)筆記

    CSP初賽知識(shí)點(diǎn) 學(xué)習(xí)筆記

    對(duì)于咱們信奧選手來(lái)說(shuō),會(huì)做的題要堅(jiān)決不丟分,不會(huì)做的題要學(xué)會(huì)盡量多拿分,這樣你的競(jìng)賽之路才能一路亨通! 文件(文件夾)操作 點(diǎn)擊查看代碼 G++/Gcc 基礎(chǔ)指令 訪問(wèn)速度:寄存器 () 高速緩存 () 內(nèi)存(ROM + RAM) () 外存,斷電僅保留 ROM 和外存中的數(shù)據(jù)。 (texttt

    2024年02月09日
    瀏覽(19)
  • 詳細(xì)解析微信小程序知識(shí)點(diǎn)--【思維導(dǎo)圖知識(shí)范圍】

    詳細(xì)解析微信小程序知識(shí)點(diǎn)--【思維導(dǎo)圖知識(shí)范圍】

    語(yǔ)言視頻選擇 收錄專(zhuān)輯鏈接 C 張雪峰推薦選擇了計(jì)算機(jī)專(zhuān)業(yè)之后-在大學(xué)期間卷起來(lái)-【大學(xué)生活篇】 JAVA 黑馬B站視頻JAVA部分的知識(shí)范圍、學(xué)習(xí)步驟詳解 JAVAWEB 黑馬B站視頻JAVAWEB部分的知識(shí)范圍、學(xué)習(xí)步驟詳解 SpringBoot SpringBoot知識(shí)范圍-學(xué)習(xí)步驟【思維導(dǎo)圖知識(shí)范圍】 微信小程

    2024年02月12日
    瀏覽(57)
  • NAT基礎(chǔ)知識(shí)點(diǎn)及實(shí)驗(yàn)配置(詳細(xì)版)

    NAT基礎(chǔ)知識(shí)點(diǎn)及實(shí)驗(yàn)配置(詳細(xì)版)

    一.基本原理 ? ? nat是改變IP報(bào)文中源目地址的一種處理方式;讓局域網(wǎng)用戶(hù)訪問(wèn)外網(wǎng)資源,也可以設(shè)定內(nèi)部的應(yīng)用對(duì)外提供服務(wù);NAT功能通常被集成到路由器,防火墻等設(shè)置中。 1.私有地址范圍: ·A類(lèi):10.0.0.0——10.255.255.255 ·B類(lèi):172.16.0.0——172.31.255.255 ·C類(lèi):192.168.0.0——

    2024年02月20日
    瀏覽(25)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包