نظرًا لأن موقع الويب يصبح أكثر ثراءً ، فقد أصبحت JS في صفحات الويب أكثر تعقيدًا وأكثر تعقيدًا. لم تعد الطريقة الأصلية لاستيراد ملفات JS من خلال علامات البرنامج النصي تلبية نموذج تطوير الإنترنت الحالي. نحتاج إلى سلسلة من الاحتياجات المعقدة مثل تعاون الفريق ، وإعادة استخدام الوحدة ، واختبار الوحدة ، وما إلى ذلك.
Termjs هو إطار تحميل وحدة JavaScript صغيرة جدًا وهو أحد أفضل المنفذيين لمواصفات AMD. أحدث إصدار من requirejs هو 14 ألف فقط بعد الضغط ، وهو خفيف الوزن للغاية. يمكن أن تعمل أيضًا بالتزامن مع الأطر الأخرى ، واستخدام المتطلبات سيؤدي بالتأكيد إلى تحسين جودة الكود الأمامي الخاص بك.
ما هي الفوائد التي يمكن أن تجلبها js
الوصف الرسمي لـ requistjs:
requirejs هو ملف JavaScript ووحدة وحدة. تم تحسينه للاستخدام داخل المتصفح ، ولكن يمكن استخدامه في بيئات JavaScript الأخرى ، مثل وحيد القرن والعقدة. سيؤدي استخدام محمل نص معياري مثل المطلوبة إلى تحسين سرعة وجودة التعليمات البرمجية الخاصة بك.
المعنى العام:
في المتصفح ، يمكن استخدامه كوحدة محمولة لملفات JS ، أو يمكن استخدامه في بيئات العقدة وحيد القرن ، Balabala ... يصف هذا المقطع الوظيفة الأساسية لـ requirejs "التحميل المعياري". ما هو التحميل المعياري؟ سنشرح واحدًا تلو الآخر من الصفحة التالية
دعونا نلقي نظرة أولاً على سيناريو مشترك ، وشرح كيفية استخدام الطلبات من خلال أمثلة
طريقة الكتابة العادية
index.html:
<! doctype html> <html> <head> <script type = "text/javaScript" src = "A.JS"> </script> </head> <body> <span> body </span> </body> </html>
A.JS:
Function Fun1 () {Alert ("It Works") ؛} fun1 () ؛ربما تفضل كتابة هذا
(function () {function fun1 () {Alert ("st Works") ؛} fun1 () ؛}) ()تستخدم الطريقة الثانية نطاق الكتلة لإعلان أن الوظيفة تمنع المتغيرات العالمية الملوثة. الجوهر لا يزال هو نفسه. عند تشغيل مثالين أعلاه ، لا أعرف ما إذا كنت قد لاحظت أنه عند تنفيذ التنبيه ، يكون محتوى HTML فارغًا ، أي <span> الجسم </span> لم يتم عرضه ، ويظهر فقط بعد النقر فوق التأكيد. هذا هو نتيجة لحظر عروض المتصفح.
تتطلب طريقة الكتابة
بالطبع ، أولاً وقبل كل شيء ، تحتاج إلى الانتقال إلى موقع Quistjs لتنزيل JS -> requistjs.rog
index.html:
<! doctype html> <html> <head> <script type = "text/javaScript" src = "require.js"> </script> <script type = "text/javaScript"> require (["a"]) ؛ </script> </head> <body> <span> body </span> </body> </html>
A.JS:
DEFINE (function () {function fun1 () {Alert ("It Works") ؛} fun1 () ؛})يطالبك المتصفح "يعمل" ، مما يعني أنه يعمل بشكل صحيح ، ولكن هناك اختلاف بسيط. هذه المرة لم يكن المتصفح فارغًا ، وقد ظهر الجسم على الصفحة. حتى الآن ، يمكننا أن نعرف أن المطلوبة لديها المزايا التالية:
1. منع تحميل JS من تقديم صفحة الحظر
2. تحميل JS باستخدام مكالمات البرنامج لمنع المشاهد القبيحة التالية
<script type = "text/javaScript" src = "A.JS"> </script> <script type = "text/javaScript" src = "b.js"> </script> <script type = "text/javaScript" src = "c.js type = "text/javaScript" src = "d.js"> </script> <script type = "text/javaScript" src = " type = "text/javaScript" src = "g.js"> </script> <script type = "text/javaScript" src = "h.js"> </script> <script type = "text/javaScript" src = "
ما سبق هو كل شيء عن هذا المقال. آمل أن يكون من المفيد للجميع فهم الأداة المعيارية المطلوبة.