जावास्क्रिप्ट मॉड्यूल वर्कर थ्रेड्स: बॅकग्राउंड मॉड्यूल प्रोसेसिंगमध्ये प्राविण्य मिळवणे

पारंपारिकरित्या सिंगल-थ्रेडेड असलेले जावास्क्रिप्ट, कधीकधी गणनेच्या दृष्टीने तीव्र कार्यांसह संघर्ष करू शकते जे मुख्य थ्रेडला ब्लॉक करतात, ज्यामुळे UI फ्रीझ होते आणि वापरकर्त्याचा अनुभव खराब होतो. तथापि, वर्कर थ्रेड्स आणि ECMAScript मॉड्यूल्सच्या आगमनाने, डेव्हलपर्सकडे आता पार्श्वभूमी थ्रेड्सवर कार्ये ऑफलोड करण्यासाठी आणि त्यांचे ॲप्लिकेशन्स प्रतिसादक्षम ठेवण्यासाठी शक्तिशाली साधने आहेत. हा लेख जावास्क्रिप्ट मॉड्यूल वर्कर थ्रेड्सच्या जगात प्रवेश करतो, त्यांचे फायदे, अंमलबजावणी आणि कार्यक्षम वेब ॲप्लिकेशन्स तयार करण्यासाठी सर्वोत्तम पद्धती शोधतो.

वर्कर थ्रेड्सची गरज समजून घेणे

वर्कर थ्रेड्स वापरण्याचे मुख्य कारण म्हणजे जावास्क्रिप्ट कोड मुख्य थ्रेडच्या बाहेर समांतरपणे कार्यान्वित करणे. मुख्य थ्रेड वापरकर्त्याच्या परस्परसंवादांना हाताळण्यासाठी, DOM अपडेट करण्यासाठी आणि बहुतेक ॲप्लिकेशन लॉजिक चालवण्यासाठी जबाबदार असतो. जेव्हा मुख्य थ्रेडवर दीर्घकाळ चालणारे किंवा CPU-केंद्रित कार्य कार्यान्वित केले जाते, तेव्हा ते UI ब्लॉक करू शकते, ज्यामुळे ॲप्लिकेशन प्रतिसादहीन बनते.

खालील परिस्थितींचा विचार करा जिथे वर्कर थ्रेड्स विशेषतः फायदेशीर ठरू शकतात:

• प्रतिमा आणि व्हिडिओ प्रक्रिया: जटिल प्रतिमा हाताळणी (आकार बदलणे, फिल्टरिंग) किंवा व्हिडिओ एन्कोडिंग/डीकोडिंग एका वर्कर थ्रेडवर ऑफलोड केले जाऊ शकते, ज्यामुळे प्रक्रियेदरम्यान UI फ्रीझ होण्यापासून प्रतिबंधित होते. एका वेब ॲप्लिकेशनची कल्पना करा जे वापरकर्त्यांना प्रतिमा अपलोड आणि संपादित करण्याची परवानगी देते. वर्कर थ्रेड्सशिवाय, या ऑपरेशन्स ॲप्लिकेशनला प्रतिसादहीन बनवू शकतात, विशेषतः मोठ्या प्रतिमांसाठी.
• डेटा विश्लेषण आणि गणना: जटिल गणना करणे, डेटा सॉर्ट करणे किंवा सांख्यिकीय विश्लेषण करणे गणनेच्या दृष्टीने महाग असू शकते. वर्कर थ्रेड्स ही कार्ये पार्श्वभूमीत कार्यान्वित करण्याची परवानगी देतात, ज्यामुळे UI प्रतिसादक्षम राहतो. उदाहरणार्थ, रिअल-टाइम स्टॉक ट्रेंडची गणना करणारे आर्थिक ॲप्लिकेशन किंवा जटिल सिम्युलेशन करणारे वैज्ञानिक ॲप्लिकेशन.
• जड DOM हाताळणी: जरी DOM हाताळणी सामान्यतः मुख्य थ्रेडद्वारे केली जाते, तरीही खूप मोठ्या प्रमाणातील DOM अपडेट्स किंवा जटिल रेंडरिंग गणना कधीकधी ऑफलोड केली जाऊ शकते (जरी यासाठी डेटा विसंगती टाळण्यासाठी काळजीपूर्वक आर्किटेक्चरची आवश्यकता असते).
• नेटवर्क विनंत्या: जरी fetch/XMLHttpRequest असिंक्रोनस असले तरी, मोठ्या प्रतिसादांवर प्रक्रिया ऑफलोड केल्याने अनुभवात्मक कार्यप्रदर्शन सुधारू शकते. कल्पना करा की एक खूप मोठी JSON फाइल डाउनलोड करायची आहे आणि त्यावर प्रक्रिया करायची आहे. डाउनलोड असिंक्रोनस आहे, परंतु पार्सिंग आणि प्रोसेसिंग अजूनही मुख्य थ्रेडला ब्लॉक करू शकते.
• एनक्रिप्शन/डिक्रिप्शन: क्रिप्टोग्राफिक ऑपरेशन्स गणनेच्या दृष्टीने तीव्र असतात. वर्कर थ्रेड्स वापरून, जेव्हा वापरकर्ता डेटा एनक्रिप्ट किंवा डिक्रिप्ट करत असतो तेव्हा UI फ्रीझ होत नाही.

जावास्क्रिप्ट वर्कर थ्रेड्सची ओळख

वर्कर थ्रेड्स हे Node.js मध्ये सादर केलेले आणि वेब ब्राउझरसाठी Web Workers API द्वारे प्रमाणित केलेले एक वैशिष्ट्य आहे. ते तुम्हाला तुमच्या जावास्क्रिप्ट वातावरणात अंमलबजावणीचे स्वतंत्र थ्रेड्स तयार करण्याची परवानगी देतात. प्रत्येक वर्कर थ्रेडची स्वतःची मेमरी स्पेस असते, ज्यामुळे रेस कंडिशन्स टाळता येतात आणि डेटा आयसोलेशन सुनिश्चित होते. मुख्य थ्रेड आणि वर्कर थ्रेड्समधील संवाद मेसेज पासिंगद्वारे साधला जातो.

मुख्य संकल्पना:

• थ्रेड आयसोलेशन: प्रत्येक वर्कर थ्रेडचा स्वतःचा स्वतंत्र एक्झिक्यूशन कॉन्टेक्स्ट आणि मेमरी स्पेस असतो. हे थ्रेड्सना एकमेकांच्या डेटामध्ये थेट प्रवेश करण्यापासून प्रतिबंधित करते, ज्यामुळे डेटा करप्शन आणि रेस कंडिशन्सचा धोका कमी होतो.
• मेसेज पासिंग: मुख्य थ्रेड आणि वर्कर थ्रेड्समधील संवाद `postMessage()` पद्धत आणि `message` इव्हेंट वापरून मेसेज पासिंगद्वारे होतो. थ्रेड्स दरम्यान डेटा पाठवताना तो सिरीयलाइज केला जातो, ज्यामुळे डेटाची सुसंगतता सुनिश्चित होते.
• ECMAScript मॉड्यूल्स (ESM): आधुनिक जावास्क्रिप्ट कोड ऑर्गनायझेशन आणि मॉड्युलॅरिटीसाठी ECMAScript मॉड्यूल्सचा वापर करते. वर्कर थ्रेड्स आता थेट ESM मॉड्यूल्स कार्यान्वित करू शकतात, ज्यामुळे कोड व्यवस्थापन आणि डिपेंडन्सी हाताळणी सोपी होते.

मॉड्यूल वर्कर थ्रेड्ससोबत काम करणे

मॉड्यूल वर्कर थ्रेड्सच्या परिचयापूर्वी, वर्कर्स फक्त एका URL सह तयार केले जाऊ शकत होते जे एका वेगळ्या जावास्क्रिप्ट फाईलचा संदर्भ देत असे. यामुळे अनेकदा मॉड्यूल रिझोल्यूशन आणि डिपेंडन्सी व्यवस्थापनात समस्या निर्माण होत असत. तथापि, मॉड्यूल वर्कर थ्रेड्स तुम्हाला थेट ES मॉड्यूल्समधून वर्कर्स तयार करण्याची परवानगी देतात.

मॉड्यूल वर्कर थ्रेड तयार करणे

मॉड्यूल वर्कर थ्रेड तयार करण्यासाठी, तुम्ही फक्त `Worker` कंस्ट्रक्टरला ES मॉड्यूलची URL, `type: 'module'` या पर्यायासह पास करता:

const worker = new Worker('./my-module.js', { type: 'module' });

या उदाहरणात, `my-module.js` एक ES मॉड्यूल आहे ज्यात वर्कर थ्रेडमध्ये कार्यान्वित होणारा कोड आहे.

उदाहरण: बेसिक मॉड्यूल वर्कर

चला एक सोपे उदाहरण तयार करूया. प्रथम, `worker.js` नावाची फाईल तयार करा:

// worker.js

addEventListener('message', (event) => {
  const data = event.data;
  console.log('Worker received:', data);

  const result = data * 2;
  postMessage(result);
});

आता, तुमची मुख्य जावास्क्रिप्ट फाईल तयार करा:

// main.js

const worker = new Worker('./worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const result = event.data;
  console.log('Main thread received:', result);
});

worker.postMessage(10);

या उदाहरणात:

• `main.js` `worker.js` मॉड्यूल वापरून एक नवीन वर्कर थ्रेड तयार करते.
• मुख्य थ्रेड `worker.postMessage()` वापरून वर्कर थ्रेडला एक संदेश (संख्या 10) पाठवतो.
• वर्कर थ्रेड संदेश प्राप्त करतो, त्याला 2 ने गुणतो आणि निकाल मुख्य थ्रेडला परत पाठवतो.
• मुख्य थ्रेड निकाल प्राप्त करतो आणि तो कन्सोलवर लॉग करतो.

डेटा पाठवणे आणि प्राप्त करणे

मुख्य थ्रेड आणि वर्कर थ्रेड्समध्ये `postMessage()` पद्धत आणि `message` इव्हेंट वापरून डेटाची देवाणघेवाण होते. `postMessage()` पद्धत डेटा पाठवण्यापूर्वी तो सिरीयलाइज करते आणि `message` इव्हेंट `event.data` प्रॉपर्टीद्वारे प्राप्त झालेल्या डेटामध्ये प्रवेश प्रदान करतो.

तुम्ही विविध प्रकारचे डेटा पाठवू शकता, यासह:

• प्रिमिटिव्ह व्हॅल्यूज (संख्या, स्ट्रिंग, बूलियन)
• ऑब्जेक्ट्स (ॲरेसह)
• हस्तांतरणीय ऑब्जेक्ट्स (ArrayBuffer, MessagePort, ImageBitmap)

हस्तांतरणीय ऑब्जेक्ट्स एक विशेष प्रकरण आहेत. कॉपी होण्याऐवजी, ते एका थ्रेडमधून दुसऱ्या थ्रेडमध्ये हस्तांतरित केले जातात, ज्यामुळे विशेषतः मोठ्या डेटा स्ट्रक्चर्ससाठी, जसे की ArrayBuffers, लक्षणीय कार्यक्षमता सुधारते.

उदाहरण: हस्तांतरणीय ऑब्जेक्ट्स

चला ArrayBuffer वापरून हे स्पष्ट करूया. `worker_transfer.js` तयार करा:

// worker_transfer.js

addEventListener('message', (event) => {
  const buffer = event.data;
  const array = new Uint8Array(buffer);

  // बफरमध्ये बदल करा
  for (let i = 0; i < array.length; i++) {
    array[i] = array[i] * 2;
  }

  postMessage(buffer, [buffer]); // मालकी हक्क परत हस्तांतरित करा
});

आणि मुख्य फाईल `main_transfer.js`:

// main_transfer.js

const buffer = new ArrayBuffer(1024);
const array = new Uint8Array(buffer);

// ॲरे सुरू करा
for (let i = 0; i < array.length; i++) {
  array[i] = i;
}

const worker = new Worker('./worker_transfer.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const receivedBuffer = event.data;
  const receivedArray = new Uint8Array(receivedBuffer);

  console.log('Main thread received:', receivedArray);
});

worker.postMessage(buffer, [buffer]); // वर्करला मालकी हक्क हस्तांतरित करा

या उदाहरणात:

• मुख्य थ्रेड एक ArrayBuffer तयार करतो आणि त्यात व्हॅल्यूज टाकतो.
• मुख्य थ्रेड `worker.postMessage(buffer, [buffer])` वापरून ArrayBuffer ची मालकी वर्कर थ्रेडला हस्तांतरित करतो. दुसरा युक्तिवाद, `[buffer]`, हस्तांतरणीय ऑब्जेक्ट्सचा एक ॲरे आहे.
• वर्कर थ्रेड ArrayBuffer प्राप्त करतो, त्यात बदल करतो आणि मालकी मुख्य थ्रेडला परत हस्तांतरित करतो.
• `postMessage` नंतर मुख्य थ्रेडला त्या ArrayBuffer मध्ये प्रवेश *राहत नाही*. ते वाचण्याचा किंवा लिहिण्याचा प्रयत्न केल्यास त्रुटी येईल. कारण मालकी हस्तांतरित केली गेली आहे.
• मुख्य थ्रेड सुधारित ArrayBuffer प्राप्त करतो.

मोठ्या प्रमाणातील डेटा हाताळताना कार्यक्षमतेसाठी हस्तांतरणीय ऑब्जेक्ट्स महत्त्वपूर्ण आहेत, कारण ते कॉपी करण्याचा ओव्हरहेड टाळतात.

त्रुटी हाताळणी (Error Handling)

वर्कर थ्रेडमध्ये उद्भवणाऱ्या त्रुटी वर्कर ऑब्जेक्टवरील `error` इव्हेंट ऐकून पकडल्या जाऊ शकतात.

worker.addEventListener('error', (event) => {
  console.error('Worker error:', event.message, event.filename, event.lineno);
});

हे तुम्हाला त्रुटी व्यवस्थित हाताळण्याची आणि त्यांना संपूर्ण ॲप्लिकेशन क्रॅश होण्यापासून प्रतिबंधित करण्याची परवानगी देते.

व्यावहारिक अनुप्रयोग आणि उदाहरणे

चला मॉड्यूल वर्कर थ्रेड्सचा वापर ॲप्लिकेशनची कार्यक्षमता सुधारण्यासाठी कसा केला जाऊ शकतो याची काही व्यावहारिक उदाहरणे पाहूया.

1. प्रतिमा प्रक्रिया (Image Processing)

एका वेब ॲप्लिकेशनची कल्पना करा जे वापरकर्त्यांना प्रतिमा अपलोड करण्याची आणि विविध फिल्टर्स (उदा. ग्रेस्केल, ब्लर, सेपिया) लागू करण्याची परवानगी देते. हे फिल्टर्स थेट मुख्य थ्रेडवर लागू केल्याने UI फ्रीझ होऊ शकतो, विशेषतः मोठ्या प्रतिमांसाठी. वर्कर थ्रेड वापरून, प्रतिमा प्रक्रिया पार्श्वभूमीत ऑफलोड केली जाऊ शकते, ज्यामुळे UI प्रतिसादक्षम राहतो.

वर्कर थ्रेड (image-worker.js):

// image-worker.js

import { applyGrayscaleFilter } from './image-filters.js';

addEventListener('message', async (event) => {
  const { imageData, filter } = event.data;
  let processedImageData;

  switch (filter) {
    case 'grayscale':
      processedImageData = applyGrayscaleFilter(imageData);
      break;
    // येथे इतर फिल्टर जोडा
    default:
      processedImageData = imageData;
  }

  postMessage(processedImageData, [processedImageData.data.buffer]); // हस्तांतरणीय ऑब्जेक्ट
});

मुख्य थ्रेड:

// main.js

const worker = new Worker('./image-worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const processedImageData = event.data;
  // प्रक्रिया केलेल्या प्रतिमा डेटासह कॅनव्हास अपडेट करा
  updateCanvas(processedImageData);
});

// कॅनव्हासमधून प्रतिमा डेटा मिळवा
const imageData = getImageData();

worker.postMessage({ imageData: imageData, filter: 'grayscale' }, [imageData.data.buffer]); // हस्तांतरणीय ऑब्जेक्ट

2. डेटा विश्लेषण (Data Analysis)

एका आर्थिक ॲप्लिकेशनचा विचार करा ज्याला मोठ्या डेटासेटवर जटिल सांख्यिकीय विश्लेषण करण्याची आवश्यकता आहे. हे गणनेच्या दृष्टीने महाग असू शकते आणि मुख्य थ्रेडला ब्लॉक करू शकते. पार्श्वभूमीत विश्लेषण करण्यासाठी वर्कर थ्रेडचा वापर केला जाऊ शकतो.

वर्कर थ्रेड (data-worker.js):

// data-worker.js

import { performStatisticalAnalysis } from './data-analysis.js';

addEventListener('message', (event) => {
  const data = event.data;
  const results = performStatisticalAnalysis(data);
  postMessage(results);
});

मुख्य थ्रेड:

// main.js

const worker = new Worker('./data-worker.js', { type: 'module' });

worker.addEventListener('message', (event) => {
  const results = event.data;
  // UI मध्ये निकाल प्रदर्शित करा
  displayResults(results);
});

// डेटा लोड करा
const data = loadData();

worker.postMessage(data);

3. 3D रेंडरिंग (3D Rendering)

वेब-आधारित 3D रेंडरिंग, विशेषतः Three.js सारख्या लायब्ररींसह, खूप CPU-केंद्रित असू शकते. रेंडरिंगच्या काही गणनात्मक बाबी, जसे की जटिल व्हर्टेक्स पोझिशन्सची गणना करणे किंवा रे ट्रेसिंग करणे, वर्कर थ्रेडवर हलवल्याने कार्यक्षमता मोठ्या प्रमाणात सुधारू शकते.

वर्कर थ्रेड (render-worker.js):

// render-worker.js

import { calculateVertexPositions } from './render-utils.js';

addEventListener('message', (event) => {
    const meshData = event.data;
    const updatedPositions = calculateVertexPositions(meshData);

    postMessage(updatedPositions, [updatedPositions.buffer]); // हस्तांतरणीय
});

मुख्य थ्रेड:

// main.js

const worker = new Worker('./render-worker.js', {type: 'module'});

worker.addEventListener('message', (event) => {
    const updatedPositions = event.data;

    // नवीन वर्टेक्स पोझिशन्ससह भूमिती अपडेट करा
    updateGeometry(updatedPositions);
});

// ... मेश डेटा तयार करा ...

worker.postMessage(meshData, [meshData.buffer]); //हस्तांतरणीय

सर्वोत्तम पद्धती आणि विचार

• कार्ये लहान आणि केंद्रित ठेवा: अत्यंत दीर्घकाळ चालणारी कार्ये वर्कर थ्रेड्सवर ऑफलोड करणे टाळा, कारण वर्कर थ्रेडला पूर्ण होण्यासाठी खूप वेळ लागल्यास हे अजूनही UI फ्रीझ होऊ शकते. जटिल कार्यांना लहान, अधिक व्यवस्थापनीय भागांमध्ये विभाजित करा.
• डेटा हस्तांतरण कमी करा: मुख्य थ्रेड आणि वर्कर थ्रेड्समधील डेटा हस्तांतरण महाग असू शकते. हस्तांतरित होणाऱ्या डेटाचे प्रमाण कमी करा आणि शक्य असेल तेव्हा हस्तांतरणीय ऑब्जेक्ट्सचा वापर करा.
• त्रुटी व्यवस्थित हाताळा: वर्कर थ्रेड्समध्ये उद्भवणाऱ्या त्रुटी पकडण्यासाठी आणि हाताळण्यासाठी योग्य त्रुटी हाताळणी लागू करा.
• ओव्हरहेडचा विचार करा: वर्कर थ्रेड्स तयार करणे आणि व्यवस्थापित करणे यात काही ओव्हरहेड असतो. मुख्य थ्रेडवर त्वरीत कार्यान्वित होऊ शकणाऱ्या क्षुल्लक कार्यांसाठी वर्कर थ्रेड्सचा वापर करू नका.
• डीबगिंग: वर्कर थ्रेड्सचे डीबगिंग करणे मुख्य थ्रेडच्या डीबगिंगपेक्षा अधिक आव्हानात्मक असू शकते. वर्कर थ्रेड्सची स्थिती तपासण्यासाठी कन्सोल लॉगिंग आणि ब्राउझर डेव्हलपर टूल्सचा वापर करा. अनेक आधुनिक ब्राउझर आता समर्पित वर्कर थ्रेड डीबगिंग टूल्सला सपोर्ट करतात.
• सुरक्षितता: वर्कर थ्रेड्स समान-मूळ धोरणाच्या अधीन असतात, म्हणजे ते फक्त मुख्य थ्रेडच्या समान डोमेनमधून संसाधनांमध्ये प्रवेश करू शकतात. बाह्य संसाधनांसह काम करताना संभाव्य सुरक्षा परिणामांबद्दल सावध रहा.
• सामायिक मेमरी (Shared Memory): जरी वर्कर थ्रेड्स पारंपारिकरित्या मेसेज पासिंगद्वारे संवाद साधतात, तरी SharedArrayBuffer थ्रेड्समध्ये सामायिक मेमरीला परवानगी देते. हे काही विशिष्ट परिस्थितीत लक्षणीयरीत्या जलद असू शकते परंतु रेस कंडिशन्स टाळण्यासाठी काळजीपूर्वक सिंक्रोनाइझेशनची आवश्यकता असते. सुरक्षिततेच्या विचारांमुळे (स्पेक्ट्रे/मेल्टडाउन असुरक्षितता) याचा वापर अनेकदा प्रतिबंधित असतो आणि विशिष्ट हेडर्स/सेटिंग्जची आवश्यकता असते. SharedArrayBuffers मध्ये प्रवेश सिंक्रोनाइझ करण्यासाठी Atomics API चा विचार करा.
• वैशिष्ट्य ओळख (Feature Detection): वर्कर थ्रेड्स वापरण्यापूर्वी ते वापरकर्त्याच्या ब्राउझरमध्ये समर्थित आहेत की नाही हे नेहमी तपासा. वर्कर थ्रेड्सला समर्थन न देणाऱ्या ब्राउझरसाठी एक फॉलबॅक यंत्रणा प्रदान करा.

वर्कर थ्रेड्ससाठी पर्याय

जरी वर्कर थ्रेड्स बॅकग्राउंड प्रोसेसिंगसाठी एक शक्तिशाली यंत्रणा प्रदान करतात, तरी ते नेहमीच सर्वोत्तम उपाय नसतात. खालील पर्यायांचा विचार करा:

• असिंक्रोनस फंक्शन्स (async/await): I/O-बाउंड ऑपरेशन्ससाठी (उदा. नेटवर्क विनंत्या), असिंक्रोनस फंक्शन्स वर्कर थ्रेड्सपेक्षा अधिक हलका आणि वापरण्यास सोपा पर्याय प्रदान करतात.
• वेबअसेम्ब्ली (WASM): गणनेच्या दृष्टीने तीव्र कार्यांसाठी, वेबअसेम्ब्ली ब्राउझरमध्ये संकलित कोड कार्यान्वित करून जवळ-जवळ नेटिव्ह कार्यक्षमता प्रदान करू शकते. WASM थेट मुख्य थ्रेडमध्ये किंवा वर्कर थ्रेड्समध्ये वापरले जाऊ शकते.
• सर्व्हिस वर्कर्स: सर्व्हिस वर्कर्स प्रामुख्याने कॅशिंग आणि बॅकग्राउंड सिंक्रोनाइझेशनसाठी वापरले जातात, परंतु ते पार्श्वभूमीत इतर कार्ये करण्यासाठी देखील वापरले जाऊ शकतात, जसे की पुश नोटिफिकेशन्स.

निष्कर्ष

जावास्क्रिप्ट मॉड्यूल वर्कर थ्रेड्स हे कार्यक्षम आणि प्रतिसाद देणारे वेब ॲप्लिकेशन्स तयार करण्यासाठी एक मौल्यवान साधन आहे. गणनेच्या दृष्टीने तीव्र कार्ये बॅकग्राउंड थ्रेड्सवर ऑफलोड करून, तुम्ही UI फ्रीझ टाळू शकता आणि एक सहज वापरकर्ता अनुभव प्रदान करू शकता. या लेखात वर्णन केलेल्या मुख्य संकल्पना, सर्वोत्तम पद्धती आणि विचार समजून घेतल्याने तुम्हाला तुमच्या प्रकल्पांमध्ये मॉड्यूल वर्कर थ्रेड्सचा प्रभावीपणे लाभ घेण्यास सक्षम करेल.

जावास्क्रिप्टमधील मल्टीथ्रेडिंगची शक्ती स्वीकारा आणि तुमच्या वेब ॲप्लिकेशन्सची पूर्ण क्षमता अनलॉक करा. विविध वापराच्या प्रकरणांसह प्रयोग करा, तुमच्या कोडला कार्यक्षमतेसाठी ऑप्टिमाइझ करा आणि जगभरातील तुमच्या वापरकर्त्यांना आनंद देणारे अपवादात्मक वापरकर्ता अनुभव तयार करा.

अधिक वाचन

• MDN वेब डॉक्स: वर्कर
• Node.js डॉक्युमेंटेशन: वर्कर थ्रेड्स