Pekerja Web adalah penyelesaian berbilang threaded yang disediakan oleh HTML5, yang membolehkan JavaScript berjalan dalam benang latar belakang untuk mengelakkan menyekat benang utama. Ia meningkatkan kelajuan tindak balas halaman dengan melaksanakan tugas-tugas yang memakan masa seperti pengiraan data, permintaan rangkaian, dan lain-lain melalui benang bebas. 1. Pekerja tidak boleh mengendalikan DOM atau menggunakan objek tetingkap/dokumen; 2. Gunakan postmessage dan onmessage untuk mencapai komunikasi benang utama; 3. Ia sesuai untuk pengkomputeran kompleks, tugas masa, pemprosesan selari dan senario lain; 4. Nota termasuk tidak memuat skrip di seluruh domain, tidak dapat menggunakan kaedah penyegerakan seperti amaran, dan penghantaran mesej dihadkan oleh pengklonan berstruktur. Penggunaan rasional pekerja web dapat mengoptimumkan kesesakan prestasi dengan ketara.

Pekerja Web adalah teknologi yang digunakan untuk menjalankan JavaScript dalam HTML5 dalam benang latar belakang. Maksudnya, ia membolehkan laman web anda melakukan tugas yang memakan masa, seperti pengiraan data, permintaan rangkaian, dan lain-lain tanpa menyekat benang utama. Dengan cara ini, halaman tidak akan "terjebak" kerana skrip dilaksanakan terlalu lama, dan pengalaman pengguna secara semulajadi akan menjadi lebih baik.

Apa itu pekerja web?

Ringkasnya, Web Work adalah fail JavaScript yang berjalan secara bebas dalam latar belakang penyemak imbas. Ia berjalan pada benang yang berbeza dari halaman utama, jadi ia tidak akan menjejaskan kelajuan tindak balas halaman.

Anda mungkin menghadapi situasi di mana tugas pengkomputeran yang kompleks menjadikan seluruh halaman gagap, butang tidak diklik, dan animasi dihentikan, kerana JS dilaksanakan oleh satu benang. Pekerja web ada di sini untuk menyelesaikan masalah ini.

Harus diingat bahawa pekerja tidak dapat mengendalikan DOM secara langsung, dan tidak boleh menggunakan objek window atau document . Persekitaran operasinya agak bebas dan hanya boleh berkomunikasi dengan benang utama melalui mekanisme mesej.

Bagaimana untuk membuat dan menggunakan pekerja web?

Untuk menggunakan pekerja web, anda perlu membuat fail JS berasingan yang menulis kod yang anda mahu jalankan di latar belakang. Kemudian instantiate objek pekerja di halaman utama dan lulus data melalui postMessage dan onmessage .

Contohnya:

 // main.js
pekerja const = pekerja baru ('worker.js');

worker.onMessage = function (event) {
  console.log ('Mesej yang diterima:', event.data);
};

worker.postMessage ('Start Work');

 // worker.js
onMessage = function (event) {
  Console.log ('Pekerja Diterima:', Event.data);
  postmessage ('tugas lengkap');
}

Ini melengkapkan interaksi mesej pekerja yang paling asas. Dalam aplikasi praktikal, anda boleh meletakkan pengiraan kompleks, pengundian, tugas masa, dan lain -lain di sini untuk dilaksanakan.

Apakah masalah biasa yang dapat diselesaikan oleh pekerja web?

• Tugas jangka panjang menyebabkan halaman gagap
  Sebagai contoh, penyulitan dan penyahsulitan, pemprosesan imej, penyortiran data berskala besar, dan lain-lain, ini boleh dimasukkan ke dalam pekerja untuk melaksanakan.

• Elakkan menyekat interaksi pengguna
  Jika halaman anda mempunyai pemasa atau tugas gelung panjang, meletakkannya di benang utama akan menjejaskan tindak balas UI, dan pekerja sangat sesuai pada masa ini.

• Mengendalikan pelbagai tugas secara selari
  Walaupun JavaScript sendiri adalah satu-satunya, pekerja web membolehkan anda mencapai kesan "pseudo-multi-threaded" dan meningkatkan prestasi keseluruhan.

Sudah tentu, tidak semua tugas sesuai untuk pekerja. Sebagai contoh, tugas yang melibatkan kemas kini DOM yang kerap tidak sesuai kerana pekerja tidak dapat mengendalikan DOM secara langsung.

Nota Menggunakan Pekerja Web

• Pekerja tidak boleh memuat skrip di seluruh domain dan mesti datang dari sumber yang sama.
• Kaedah menyekat segerak seperti alert() atau confirm() tidak boleh digunakan dalam pekerja.
• Penghantaran mesej tidak segerak, jadi perhatikan sekatan pengklonan berstruktur (seperti tidak dapat lulus fungsi).
• Jangan menyalahgunakan pekerja, setiap pekerja akan memori dan sumber tambahan.

Jika anda hanya melakukan beberapa kelewatan atau tugas masa yang mudah, anda tidak perlu menggunakan pekerja. Tetapi jika ia melibatkan banyak pengkomputeran atau logik jangka panjang, ia patut dipertimbangkan untuk memindahkannya ke backend untuk melakukannya.

Pada dasarnya itu sahaja. Pekerja web tidak rumit, tetapi dengan mudah boleh diabaikan, terutamanya pada peringkat awal pembangunan. Apabila anda mendapati bahawa halaman itu perlahan tetapi tidak dapat mencari kesesakan yang jelas, mungkin masa untuk mempertimbangkan menggunakan pekerja untuk memindahkan beberapa tugas.

Atas ialah kandungan terperinci Apakah pekerja web di html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!