Jadual Kandungan
1. API Audio Web
API Skrin Penuh
3. Web Speech API
4. Web Bluetooth API
5. Vibration API
6. Broadcast Channel API
7. Clipboard API
8. Web Share API
Rumah hujung hadapan web tutorial js 8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

Aug 19, 2022 pm 08:18 PM
javascript hujung hadapan web api

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

Dalam API Web, terdapat objek, sifat dan fungsi yang sangat berguna yang boleh digunakan untuk melaksanakan tugas kecil seperti mengakses DOM, kepada tugas yang rumit seperti memproses audio dan video. API biasa termasuk Kanvas, Pekerja Web, Sejarah, Ambil, dsb. Mari kita lihat beberapa API Web yang tidak biasa tetapi berguna!

Gambaran keseluruhan teks penuh:

  • API Audio Web

  • API Skrin Penuh

  • API Pertuturan Web

  • API Bluetooth Web

  • API Getaran

  • API Saluran Siaran

  • API Papan Klip

  • API Kongsi Web

1. API Audio Web

API Audio membolehkan kami mengendalikan strim audio di Web Ia boleh digunakan untuk menambah kesan dan penapis pada sumber audio di Web. Sumber audio boleh datang daripada <audio></audio>, fail sumber video/audio atau strim rangkaian audio. [Cadangan berkaitan: tutorial pembelajaran javascript]

Mari kita lihat contoh:

    <header>
        <h2>Web APIs<h2>
    </h2>
</h2></header>
    <div>

        <div>
            <div>
                Demo - Audio
            </div>
            <div>
                <div></div>
                <div>
                    <audio></audio>
                </div>

                <div>
                    <button>Init</button>
                    <button>Play</button>
                    <button>Pause</button>
                    <button>Stop</button>
                </div>
                <div>

                    <span>Vol: <input></span>
                    <span>Pan: <input></span>
                </div>

            </div>
        </div>

    </div>


<script>
    const l = console.log
    let audioFromAudioFile = (function() {
        var audioContext
        var volNode
        var pannerNode
        var mediaSource

        function init() {
            l("Init")
        try {
                audioContext = new AudioContext()        
                mediaSource = audioContext.createMediaElementSource(audio)
                volNode = audioContext.createGain()
                volNode.gain.value = 1
                pannerNode = new StereoPannerNode(audioContext, { pan:0 })

                mediaSource.connect(volNode).connect(pannerNode).connect(audioContext.destination)
            }
            catch(e) {
                error.innerHTML = "此设备不支持 Web Audio API"
                error.classList.remove("close")
            }
        }

        function play() {
            audio.play()            
        }

        function pause() {
            audio.pause()
        }

        function stop() {
            audio.stop()            
        }

        function changeVolume() {
            volNode.gain.value = this.value
            l("Vol Range:",this.value)
        }

        function changePan() {
            pannerNode.gain.value = this.value
            l("Pan Range:",this.value)
        }

        return {
            init,
            play,
            pause,
            stop,
            changePan,
            changeVolume
        }
    })()
</script>
Salin selepas log masuk

Dalam contoh ini, audio dipindahkan daripada elemen <audio></audio> ke AudioContext , kesan bunyi (seperti panning) ditambahkan pada sumber audio sebelum dioutputkan ke output audio (pembesar suara).

Butang Init memanggil fungsi init apabila diklik. Ini akan mencipta tika AudioContext dan menetapkannya kepada audioContext. Seterusnya, ia mencipta sumber media createMediaElementSource(audio), menghantar elemen audio sebagai sumber audio. Nod kelantangan volNode dicipta oleh createGain dan boleh digunakan untuk melaraskan kelantangan. Seterusnya gunakan StereoPannerNode untuk menyediakan kesan menyorot, dan akhirnya sambungkan nod ke sumber media.

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

Klik butang (Main, Jeda, Berhenti) untuk memainkan, menjeda dan menghentikan audio. Halaman ini mempunyai peluncur julat kelantangan dan sorot, dan anda boleh melaraskan kelantangan audio dan kesan sorot dengan meluncurkan peluncur.

Sumber berkaitan:

API Skrin Penuh

API skrin penuh digunakan untuk mendayakan mod skrin penuh dalam aplikasi web. Gunakannya untuk melihat halaman/elemen dalam mod skrin penuh. Pada telefon Android, ia melimpahi tetingkap penyemak imbas dan bar status di bahagian atas Android (di mana status rangkaian, status bateri, dll. ditunjukkan).

Kaedah API skrin penuh:

  • requestFullscreen: Memaparkan elemen yang dipilih dalam mod skrin penuh pada sistem, menutup aplikasi lain serta elemen UI penyemak imbas dan sistem.
  • exitFullscreen: Keluar dari mod skrin penuh dan tukar ke mod biasa.

Mari kita lihat contoh biasa, menggunakan mod skrin penuh untuk menonton video:

    <header>
        <h2>Web APIs<h2>
    </h2>
</h2></header>
    <div>
        <div>
        <div>
            Demo - Fullscreen
        </div>
        <div>
        <div></div>
        <div>
            This API makes fullscreen-mode of our webpage possible. It lets you select the Element you want to view in fullscreen-mode, then it shuts off the browsers window features like URL bar, the window pane, and presents the Element to take the entire width and height of the system.

In Android phones, it will remove the browsers window and the Android UI where the network status, battery status are displayed, and display the Element in full width of the Android system.
        </div>
        <div>
            <video></video>
            <button>Toogle Fullscreen</button>
        </div>
        <div>
            This API makes fullscreen-mode of our webpage possible. It lets you select the Element you want to view in fullscreen-mode, then it shuts off the browsers window features like URL bar, the window pane, and presents the Element to take the entire width and height of the system.

In Android phones, it will remove the browsers window and the Android UI where the network status, battery status are displayed, and display the Element in full width of the Android system.
        </div>
        </div>
        </div>
    </div>


<script>
    const l =console.log

    function toggle() {
        const videoStageEl = document.querySelector(".video-stage")
        if(videoStageEl.requestFullscreen) {
            if(!document.fullscreenElement){
                videoStageEl.requestFullscreen()
            }
            else {
                document.exitFullscreen()
            }
        } else {
            error.innerHTML = "此设备不支持 Fullscreen API"
            error.classList.remove("close")        
        }
    }
</script>
Salin selepas log masuk

Seperti yang anda lihat, elemen video berada dalam peringkat div#video elemen, dengan Satu butang Togol Skrin Penuh.

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

Kami mahu elemen div#video-stage memaparkan skrin penuh apabila butang diklik untuk menogol skrin penuh. Pelaksanaan fungsi toggle adalah seperti berikut:

function toggle() {
  const videoStageEl = document.querySelector(".video-stage")
  if(!document.fullscreenElement)
    videoStageEl.requestFullscreen()
  else
    document.exitFullscreen()
}
Salin selepas log masuk

Di sini, elemen querySelector ditemui melalui div#video-stage dan tika HTMLDivElementnya disimpan pada videoStageEl.

Kemudian, gunakan atribut document.fullsreenElement untuk menentukan sama ada document ialah skrin penuh, jadi videoStageEl boleh dipanggil pada requestFullscreen(). Ini akan menjadikan div#video-stage menduduki keseluruhan paparan peranti.

Jika butang Togol Skrin Penuh diklik semasa dalam mod skrin penuh, document akan dipanggil exitFullcreen, yang akan mengembalikan paparan UI kepada paparan biasa (keluar daripada skrin penuh).

2-8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

Sumber berkaitan:

3. Web Speech API

Web Speech API 提供了将语音合成和语音识别添加到 Web 应用程序的功能。使用此 API,我们将能够向 Web 应用程序发出语音命令,就像在 Android 上通过其 Google Speech 或在 Windows 中使用 Cortana 一样。

下面来看一个简单的例子,使用 Web Speech API 实现文字转语音和语音转文字:

    <header>
        <h2>Web APIs<h2>
    </h2>
</h2></header>
    <div>
        <div></div>

        <div>
            <div>
                Demo - Text to Speech
            </div>
            <div>
                <div>
                    <input>
                </div>

                <div>
                    <button>Tap to Speak</button>
                </div>
            </div>
        </div>

        <div>
            <div>
                Demo - Speech to Text
            </div>
            <div>
                <div>
                    <textarea></textarea>
                </div>

                <div>
                    <button>Tap and Speak into Mic</button>
                </div>
            </div>
        </div>

    </div>


<script>

    try {
        var speech = new SpeechSynthesisUtterance()
        var SpeechRecognition = SpeechRecognition;
        var recognition = new SpeechRecognition()

    } catch(e) {
        error.innerHTML = "此设备不支持 Web Speech API"
        error.classList.remove("close")                
    }

    function speak() {
        speech.text = textToSpeech.value
        speech.volume = 1
        speech.rate=1
        speech.pitch=1
        window.speechSynthesis.speak(speech)
    }

    function tapToSpeak() {
        recognition.onstart = function() { }

        recognition.onresult = function(event) {
            const curr = event.resultIndex
            const transcript = event.results[curr][0].transcript
            speechToText.value = transcript
        }

        recognition.onerror = function(ev) {
            console.error(ev)
        }

        recognition.start()
    }
</script>
Salin selepas log masuk

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

第一个演示 Demo - Text to Speech 演示了使用这个 API 和一个简单的输入字段,接收输入文本和一个按钮来执行语音操作。

function speak() {
  const speech = new SpeechSynthesisUtterance()
  speech.text = textToSpeech.value
  speech.volume = 1
  speech.rate = 1
  speech.pitch = 1
  window.speechSynthesis.speak(speech)
}
Salin selepas log masuk

它实例化了 SpeechSynthesisUtterance() 对象,将文本设置为从输入框中输入的文本中朗读。 然后,使用 speech 对象调用 SpeechSynthesis#speak 函数,在扬声器中说出输入框中的文本。

第二个演示 Demo - Speech to Text 将语音识别为文字。 点击 Tap and Speak into Mic 按钮并对着麦克风说话,我们说的话会被翻译成文本输入框中的内容。

点击 Tap and Speak into Mic 按钮会调用 tapToSpeak 函数:

function tapToSpeak() {
  var SpeechRecognition = SpeechRecognition;
  const recognition = new SpeechRecognition()
  recognition.onstart = function() { }
  recognition.onresult = function(event) {
    const curr = event.resultIndex
    const transcript = event.results[curr][0].transcript
    speechToText.value = transcript
  }
  recognition.onerror = function(ev) {
    console.error(ev)
  }
  recognition.start()
}
Salin selepas log masuk

这里实例化了 SpeechRecognition,然后注册事件处理程序和回调。语音识别开始时调用 onstart,发生错误时调用 onerror。 每当语音识别捕获一条线时,就会调用 onresult

onresult 回调中,提取内容并将它们设置到 textarea 中。 因此,当我们对着麦克风说话时,文字会出现在 textarea 内容中。

相关资源:

4. Web Bluetooth API

Bluetooth API 让我们可以访问手机上的低功耗蓝牙设备,并使用它将网页上的数据共享到另一台设备。

基本 API 是 navigator.bluetooth.requestDevice。 调用它将使浏览器提示用户使用设备选择器,用户可以在其中选择一个设备或取消请求。navigator.bluetooth.requestDevice 需要一个强制对象。 此对象定义过滤器,用于返回与过滤器匹配的蓝牙设备。

下面来看一个简单的例子,使用 navigator.bluetooth.requestDevice API 从 BLE 设备检索基本设备信息:

  <header>
    <h2>Web APIs<h2>
      </h2>
</h2></header>
      <div>
        
        <div>
          <div>
            Demo - Bluetooth
          </div>
          <div>
            <div></div>
            <div>
              <div>Device Name: <span></span>
</div>
              <div>Device ID: <span></span>
</div>
              <div>Device Connected: <span></span>
</div>
            </div>
            
            <div>
              <button>Get BLE Device</button>
            </div>
            
          </div>
        </div>
        
      </div>
      
    
    <script>
      function bluetoothAction(){
        if(navigator.bluetooth) {
          navigator.bluetooth.requestDevice({
            acceptAllDevices: true
          }).then(device => {            
            dname.innerHTML = device.name
            did.innerHTML = device.id
            dconnected.innerHTML = device.connected
          }).catch(err => {
            error.innerHTML = "Oh my!! Something went wrong."
            error.classList.remove("close")
          })
        } else {
          error.innerHTML = "Bluetooth is not supported."            
          error.classList.remove("close")
        }
      }
</script>
Salin selepas log masuk

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

这里会显示设备信息。 单击 Get BLE Device 按钮会调用 bluetoothAction 函数:

function bluetoothAction(){
  navigator.bluetooth.requestDevice({
    acceptAllDevices: true
  }).then(device => {            
    dname.innerHTML = device.name
    did.innerHTML = device.id
    dconnected.innerHTML = device.connected
  }).catch(err => {
    console.error("Oh my!! Something went wrong.")
  })
}
Salin selepas log masuk

bluetoothAction 函数调用带有 acceptAllDevices:true 选项的 navigator.bluetooth.requestDevice API,这将使其扫描并列出所有附近的蓝牙活动设备。 它返回了一个 promise,所以将它解析为从回调函数中获取一个参数 device,这个 device 参数将保存列出的蓝牙设备的信息。这是我们使用其属性在设备上显示信息的地方。

相关资源:

5. Vibration API

Vibration API 可以使我们的设备振动,作为对我们应该响应的新数据或信息的通知或物理反馈的一种方式。

执行振动的方法是 navigator.vibrate(pattern)pattern 是描述振动模式的单个数字或数字数组。

这将使设备振动在 200 毫秒之后停止:

navigator.vibrate(200)
navigator.vibrate([200])
Salin selepas log masuk

这将使设备先振动 200 毫秒,再暂停 300 毫秒,最后振动 400 毫秒并停止:

navigator.vibrate([200, 300, 400])
Salin selepas log masuk

可以通过传递 0、[]、[0,0,0] 来消除振动。

下面来看一个简单的例子:

  <header>
    <h2>Web APIs<h2>
  </h2>
</h2></header>
  <div>
    <div>
      <div>
        Demo - Vibration
      </div>
      <div>
        <div></div>
        <div>
          <input>
        </div>
        <div>
          <button>Vibrate</button>
        </div>
      </div>
    </div>
  </div>

    
<script>
      if(navigator.vibrate) {
        function vibrate() {
          const time = vibTime.value
          if(time != "")
            navigator.vibrate(time)
        }
      } else {
        error.innerHTML = "Vibrate API not supported in this device."
        error.classList.remove("close")        
      }
</script>
Salin selepas log masuk

这里有一个输入框和一个按钮。 在输入框中输入振动的持续时间并按下按钮。我们的设备将在输入的时间内振动。

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

相关资源:

6. Broadcast Channel API

Broadcast Channel API 允许从同源的不同浏览上下文进行消息或数据的通信。其中,浏览上下文指的是窗口、选项卡、iframe、worker 等。

BroadcastChannel 类用于创建或加入频道:

const politicsChannel = new BroadcastChannel("politics")
Salin selepas log masuk

politics 是频道的名称,任何使用 politics 始化 BroadcastChannel 构造函数的上下文都将加入 politics 频道,它将接收在频道上发送的任何消息,并可以将消息发送到频道中。

如果它是第一个具有 politicsBroadcastChannel 构造函数,则将创建该频道。可以使用 BroadcastChannel.postMessage API 来将消息发布到频道。使用 BroadcastChannel.onmessage API 要订阅频道消息。

下面来看一个简单的聊天应用:

  <header>
    <h2>Web APIs<h2>
   </h2>
</h2></header>
   <div>
       <div>
          <div>
            Demo - BroadcastChannel
          </div>
          <div>
            <div>Open this page in another <i>tab</i>, <i>window</i> or <i>iframe</i> to chat with them.</div>
            <div></div>
            <div>
            </div>
            <div>
              <input>
              <button>Send Msg to Channel</button>
            </div>
          </div>
        </div> 
    </div>

<script>
      const l = console.log;
      try {
        var politicsChannel = new BroadcastChannel("politics")
        politicsChannel.onmessage = onMessage
        var userId = Date.now()
        } catch(e) {
          error.innerHTML = "BroadcastChannel API not supported in this device."
          error.classList.remove("close")
        }
      
      input.addEventListener("keydown", (e) => {
        if(e.keyCode === 13 && e.target.value.trim().length > 0) {
          sendMsg()            
        }
      })
      
      function onMessage(e) {     
        const {msg,id}=e.data   
        const newHTML = "<div class=&#39;chat-msg&#39;><span><i>"+id+": "+msg+""
        displayMsg.innerHTML = displayMsg.innerHTML + newHTML
        displayMsg.scrollTop = displayMsg.scrollHeight
      }
      
      function sendMsg() {
        politicsChannel.postMessage({msg:input.value,id:userId})
        
        const newHTML = "<div class=&#39;chat-msg&#39;><span><i>Me: "+input.value+""
        displayMsg.innerHTML = displayMsg.innerHTML + newHTML
        
        input.value = ""
        
        displayMsg.scrollTop = displayMsg.scrollHeight
      }   
</script>
Salin selepas log masuk

这里有一个简单的文本和按钮。 输入消息,然后按按钮发送消息。下面初始化了politicalChannel,并在 politicalChannel 上设置了一个 onmessage 事件监听器,这样它就可以接收和显示消息。

8 API Web yang mungkin anda tidak tahu tetapi sangat berguna

点击按钮就会调用sendMsg 函数。 它通过 BroadcastChannel#postMessage API 将消息发送到 politics 频道。任何初始化此脚本的选项卡、iframe 或工作程序都将接收从此处发送的消息,因此此页面将接收从其他上下文发送的消息。相关资源:

7. Clipboard API

复制、剪切和粘贴等剪贴板操作是应用程序中最常见的一些功能。 Clipboard API 使 Web 用户能够访问系统剪贴板并执行基本的剪贴板操作。

以前,可以使用 document.execCommand 与系统剪贴板进行交互。 现代异步剪贴板 API 提供了直接读取和写入剪贴板内容的访问权限。

从剪贴板读取内容:

navigator.clipboard.readText().then(clipText =>
  document.getElementById("outbox").innerText = clipText
);
Salin selepas log masuk

将内容写入剪贴板:

function updateClipboard(newClip) {
  navigator.clipboard.writeText(newClip).then(function() {
    /* clipboard successfully set */
  }, function() {
    /* clipboard write failed */
  });
}
Salin selepas log masuk

相关资源:

8. Web Share API

Share API 可帮助我们在 web 应用上实现共享功能。它给人以移动原生共享的感觉。它使共享文本、文件和指向设备上其他应用程序的链接成为可能。

可通过 navigator.share 方法访问 Web Share API:

if (navigator.share) {
  navigator.share({
    title: '百度',
    text: '百度一下',
    url: '<https:></https:>',
  })
    .then(() => console.log('分享成功'))
    .catch((error) => console.log('分享失败', error));
}
Salin selepas log masuk

上面的代码使用原生 JavaScript 实现了文本共享。需要注意,我们只能使用 onclick 事件调用此操作:

function Share({ label, text, title }) {
  const shareDetails = { title, text };

  const handleSharing = async () => {
    if (navigator.share) {
      try {
        await navigator.share(shareDetails).then(() => console.log("Sent"));
      } catch (error) {
        console.log(`Oops! I couldn't share to the world because: ${error}`);
      }
    } else {
      // fallback code
      console.log(
        "Web share is currently not supported on this browser. Please provide a callback"
      );
    }
  };
  return (
    <button>
      <span>{label}</span>
    </button>
  );
}
Salin selepas log masuk

相关资源:

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci 8 API Web yang mungkin anda tidak tahu tetapi sangat berguna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata Dec 17, 2023 pm 05:30 PM

WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket

PHP dan Vue: gandingan sempurna alat pembangunan bahagian hadapan PHP dan Vue: gandingan sempurna alat pembangunan bahagian hadapan Mar 16, 2024 pm 12:09 PM

PHP dan Vue: gandingan sempurna alat pembangunan bahagian hadapan Dalam era perkembangan pesat Internet hari ini, pembangunan bahagian hadapan telah menjadi semakin penting. Memandangkan pengguna mempunyai keperluan yang lebih tinggi dan lebih tinggi untuk pengalaman tapak web dan aplikasi, pembangun bahagian hadapan perlu menggunakan alat yang lebih cekap dan fleksibel untuk mencipta antara muka yang responsif dan interaktif. Sebagai dua teknologi penting dalam bidang pembangunan bahagian hadapan, PHP dan Vue.js boleh dianggap sebagai alat yang sempurna apabila digandingkan bersama. Artikel ini akan meneroka gabungan PHP dan Vue, serta contoh kod terperinci untuk membantu pembaca memahami dan menggunakan kedua-dua ini dengan lebih baik.

Soalan yang sering ditanya oleh penemuduga front-end Soalan yang sering ditanya oleh penemuduga front-end Mar 19, 2024 pm 02:24 PM

Dalam temu bual pembangunan bahagian hadapan, soalan lazim merangkumi pelbagai topik, termasuk asas HTML/CSS, asas JavaScript, rangka kerja dan perpustakaan, pengalaman projek, algoritma dan struktur data, pengoptimuman prestasi, permintaan merentas domain, kejuruteraan bahagian hadapan, corak reka bentuk, dan teknologi dan trend baharu. Soalan penemuduga direka bentuk untuk menilai kemahiran teknikal calon, pengalaman projek dan pemahaman tentang trend industri. Oleh itu, calon harus bersedia sepenuhnya dalam bidang ini untuk menunjukkan kebolehan dan kepakaran mereka.

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Jan 05, 2024 pm 06:08 PM

Tutorial JavaScript: Bagaimana untuk mendapatkan kod status HTTP, contoh kod khusus diperlukan: Dalam pembangunan web, interaksi data dengan pelayan sering terlibat. Apabila berkomunikasi dengan pelayan, kami selalunya perlu mendapatkan kod status HTTP yang dikembalikan untuk menentukan sama ada operasi itu berjaya dan melaksanakan pemprosesan yang sepadan berdasarkan kod status yang berbeza. Artikel ini akan mengajar anda cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan menyediakan beberapa contoh kod praktikal. Menggunakan XMLHttpRequest

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Dec 17, 2023 pm 05:13 PM

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Pengenalan: Hari ini, ketepatan ramalan cuaca sangat penting kepada kehidupan harian dan membuat keputusan. Apabila teknologi berkembang, kami boleh menyediakan ramalan cuaca yang lebih tepat dan boleh dipercayai dengan mendapatkan data cuaca dalam masa nyata. Dalam artikel ini, kita akan mempelajari cara menggunakan teknologi JavaScript dan WebSocket untuk membina sistem ramalan cuaca masa nyata yang cekap. Artikel ini akan menunjukkan proses pelaksanaan melalui contoh kod tertentu. Kami

Adakah Django bahagian hadapan atau belakang? semaklah! Adakah Django bahagian hadapan atau belakang? semaklah! Jan 19, 2024 am 08:37 AM

Django ialah rangka kerja aplikasi web yang ditulis dalam Python yang menekankan pembangunan pesat dan kaedah bersih. Walaupun Django ialah rangka kerja web, untuk menjawab soalan sama ada Django ialah front-end atau back-end, anda perlu mempunyai pemahaman yang mendalam tentang konsep front-end dan back-end. Bahagian hadapan merujuk kepada antara muka yang pengguna berinteraksi secara langsung, dan bahagian belakang merujuk kepada program bahagian pelayan Mereka berinteraksi dengan data melalui protokol HTTP. Apabila bahagian hadapan dan bahagian belakang dipisahkan, program bahagian hadapan dan bahagian belakang boleh dibangunkan secara bebas untuk melaksanakan logik perniagaan dan kesan interaktif masing-masing, dan pertukaran data.

Apakah ESM modular bahagian hadapan? Apakah ESM modular bahagian hadapan? Feb 25, 2024 am 11:48 AM

Apakah itu ESM bahagian hadapan? Contoh kod khusus diperlukan Dalam pembangunan bahagian hadapan, ESM merujuk kepada ECMAScriptModules, kaedah pembangunan modular berdasarkan spesifikasi ECMAScript. ESM membawa banyak faedah, seperti organisasi kod yang lebih baik, pengasingan antara modul dan kebolehgunaan semula. Artikel ini akan memperkenalkan konsep asas dan penggunaan ESM dan menyediakan beberapa contoh kod khusus. Konsep asas ESM Dalam ESM, kita boleh membahagikan kod kepada berbilang modul, dan setiap modul mendedahkan beberapa antara muka untuk modul lain kepada

Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah Jan 05, 2024 pm 01:37 PM

Pengenalan kepada kaedah mendapatkan kod status HTTP dalam JavaScript: Dalam pembangunan bahagian hadapan, kita selalunya perlu berurusan dengan interaksi dengan antara muka bahagian belakang, dan kod status HTTP adalah bahagian yang sangat penting daripadanya. Memahami dan mendapatkan kod status HTTP membantu kami mengendalikan data yang dikembalikan oleh antara muka dengan lebih baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan memberikan contoh kod khusus. 1. Apakah kod status HTTP bermakna kod status HTTP apabila penyemak imbas memulakan permintaan kepada pelayan, perkhidmatan tersebut

See all articles