تتمثل ميزة واجهة برمجة تطبيقات خدمة JavaScript للخدمة في أنها تسمح لمطوري الويب بالتحكم في ذاكرة التخزين المؤقت بسهولة. على الرغم من أن استخدام تقنيات مثل ETAGS هو أيضًا تقنية للتحكم في ذاكرة التخزين المؤقت ، إلا أن استخدام JavaScript يتيح للبرامج التحكم في ذاكرة التخزين المؤقت أكثر قوة وحرية. بالطبع ، لدى Strong مزاياها وعيوبها - تحتاج إلى علاج بعد الرعاية. ما يسمى العلاج بعد الرعاية هو تنظيف ذاكرة التخزين المؤقت.
دعنا نلقي نظرة على كيفية إنشاء كائن ذاكرة التخزين المؤقت ، وأضف بيانات طلب ذاكرة التخزين المؤقت في ذاكرة التخزين المؤقت ، وحذف بيانات ذاكرة التخزين المؤقت للطلب من ذاكرة التخزين المؤقت ، وأخيراً كيفية حذف ذاكرة التخزين المؤقت تمامًا.
حدد دعم المتصفح لآبوب التخزين المؤقت لكائن ذاكرة التخزين المؤقت
تحقق مما إذا كان المتصفح يدعم واجهة برمجة تطبيقات ذاكرة التخزين المؤقت ...
إذا ("ذاكرة التخزين المؤقت" في النافذة) {// لديها دعم!}... تحقق مما إذا كان هناك كائن ذاكرة التخزين المؤقت في النافذة.
إنشاء كائن ذاكرة التخزين المؤقت
طريقة إنشاء كائن ذاكرة التخزين المؤقت هي استخدام Caches.Open () والتمرير في اسم ذاكرة التخزين المؤقت:
caches.open ('test cache'). ثم (وظيفة (ذاكرة التخزين المؤقت) {// يتم إنشاء ذاكرة التخزين المؤقت ويمكنك الوصول إليها الآن}) ؛هذه caches.Open تعيد الوعد ، ويتم إنشاء كائن ذاكرة التخزين المؤقت فيه حديثًا. إذا تم إنشاؤه من قبل ، فلن يتم إعادة إنشاءه.
أضف البيانات المخزنة مؤقتًا
بالنسبة لهذا النوع من ذاكرة التخزين المؤقت ، يمكنك التفكير في الأمر كمجموعة من كائنات الطلب ، وسيتم تخزين بيانات الاستجابة التي تم الحصول عليها بواسطة الطلب في كائن ذاكرة التخزين المؤقت حسب قيمة المفتاح. هناك طريقتان لإضافة بيانات إلى ذاكرة التخزين المؤقت: ADD و ADDALL. استخدم هاتين الطريقتين لإضافة عنوان الطلب ليتم تخزينه مؤقتًا. للحصول على مقدمة لكائن الطلب ، يمكنك الرجوع إلى مقالة Fetch API.
استخدم طريقة addall لإضافة طلبات ذاكرة التخزين المؤقت على دفعات:
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.addall (['/' ، '/'/lego.png ']) .Then (function () {// cached!يمكن أن تقبل طريقة addall صفيف العنوان كمعلمة ، وسيتم تخزين بيانات استجابة عناوين الطلب هذه في كائن ذاكرة التخزين المؤقت. addall يعيد الوعد. لإضافة عنوان واحد ، استخدم طريقة إضافة:
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.add ('/page/1') ؛ // سيتم طلب عنوان "/page/1" وسيتم تخزين بيانات الاستجابة.}) ؛يمكن أن تقبل طريقة ADD () أيضًا طلبًا مخصصًا:
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.add (طلب جديد ('/page/1' ، {/* request parameter*/})) ؛}) ؛تشبه إلى حد كبير طريقة ADD (). يمكن أن تضيف طريقة PUT () أيضًا عنوان الطلب وإضافة بيانات الاستجابة الخاصة به في نفس الوقت:
FETCH ('/page/1').الوصول إلى البيانات المخزنة مؤقتًا
لعرض بيانات الطلب المتغيرة ، يمكننا استخدام طريقة Keys () في كائن Cache للحصول على جميع كائنات الطلب المخبأة في نموذج صفيف:
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.keys (). ثم (الوظيفة (cacheDrequests) {console.log (cachedrequests) ؛ // "اتبع" المرجع: "" url: "http://www.webhek.com/images/logo.png" )//إذا كنت ترغب في عرض محتوى الاستجابة لطلب الطلب المخزنة مؤقتًا ، فيمكنك استخدام طريقة cache.match () أو cache.matchall ():
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.match ('/page/1'). "https://www.webhek.com/page/1" )//لمزيد من المعلومات حول استخدام وتفاصيل كائنات الاستجابة ، يمكنك الرجوع إلى مقالة Fetch API.
حذف البيانات في ذاكرة التخزين المؤقت
حذف البيانات من ذاكرة التخزين المؤقت ، يمكننا استخدام طريقة DELETE () في كائن ذاكرة التخزين المؤقت:
caches.open ('test-cache'). ثم (الدالة (ذاكرة التخزين المؤقت) {cache.delete ('/page/1') ؛}) ؛وبهذه الطريقة ، لن يكون هناك المزيد من بيانات /صفحة طلب /1 في ذاكرة التخزين المؤقت.
احصل على اسم ذاكرة التخزين المؤقت في ذاكرة التخزين المؤقت الحالية
للحصول على اسم بيانات ذاكرة التخزين المؤقت الموجودة بالفعل في ذاكرة التخزين المؤقت ، نحتاج إلى استخدام Caches.Keys () طريقة:
caches.keys (). ثم (الدالة (cachekeys) {console.log (cachekeys) ؛ //window.caches.keys () إرجاع الوعد.
حذف كائن ذاكرة التخزين المؤقت
لحذف كائن مخطط مؤقتًا ، تحتاج فقط إلى اسم المفتاح المخبوق:
caches.delete ('test-cache'). ثم (function () {console.log ('cache تم حذفه بنجاح!') ؛}) ؛كيفية حذف البيانات المخبأة القديمة بكميات كبيرة:
// افترض `cache_name` هو اسم ذاكرة التخزين المؤقت الجديدة // الآن قم بمسح ذاكرة التخزين المؤقت القديمة var cache_name = 'version-8' ؛ // ... caches.keys (). }})) ؛}) ؛
هل تريد أن تصبح خبيرًا في الخدمة؟ الرمز أعلاه يستحق وضع مكتبتك. عامل خدمة دعم Firefox و Google Chrome ، وأعتقد أن المزيد من مواقع الويب والتطبيقات ستستخدم تقنية التخزين المؤقت هذه لتحسين سرعة الجري قريبًا.
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.