تتعلم هذه السلسلة من المقالات بشكل أساسي نقاط المعرفة المتعلقة بـ HTML5 ، وتأخذ نقاط معرفة API التعليمية كنقطة دخول ، وتقدم أمثلة من الضحلة إلى العمق ، حتى يتمكن الجميع من فهم ما يمكن أن يفعله H5 خطوة بخطوة ، وكيفية استخدامها بشكل عقلاني في المشاريع الفعلية لتحقيق حرية الاستخدام ، والسيطرة على O (∩_∩)
1. التحليل الافتتاحي
حسنًا ، دون أن أقول الكثير من الهراء ، دعنا نذهب مباشرة إلى موضوع اليوم. اليوم ، نتحدث بشكل أساسي عن API History ودوره في التطبيقات ذات الصفحات الواحدة ، وسنقدم مثالًا عمليًا كمثال نموذج أولي للتوضيح. دعونا نلقي نظرة على API للتاريخ أولاً:
من أجل تحسين سرعة الاستجابة لصفحات الويب ، بدأ المزيد والمزيد من المطورين في تبني حلول تطبيق منظمة واحدة. يشير بنية الصفحة الواحدة المزعومة إلى حقيقة أنه عند التبديل بين صفحات متعددة ، لا يتم تحديث الصفحة بأكملها ، ويتم تحديث بيانات عرض الصفحة ، ويتم تغيير عنوان URL في شريط العناوين وفقًا لذلك ، بحيث يمكن للمستخدمين مشاركة عنوان URL هذا.
إذا كنت تستخدم متصفحات مثل Chrome أو Firefox لزيارة github.com ، بالإضافة إلى google.com ، وستجد بعناية أن النقرات بين الصفحات مطلوبة بشكل غير متزامن من خلال Ajax.
في الوقت نفسه ، تغير عنوان URL في الصفحة. ويمكن أن يدعم المتصفح للأمام وللخلف جيدًا. ما هي هذه الوظائف القوية؟ حسنًا ، سيتحدث هذا عن بطل الرواية اليوم. يقتبس HTML5 واجهة برمجة تطبيقات جديدة:
يتم استخدام History.PushState و History.Replacestate لتغيير عنوان URL للصفحة دون تحديث من خلال هذه الواجهة. دعنا نلقي نظرة على طرق واجهة التاريخ التفصيلية:
انسخ الرمز