دعنا نتحدث عن ذاكرة التخزين المؤقت أولاً:
ذاكرة التخزين المؤقت هي مكون يمكنه تخزين البيانات بشفافية بحيث يمكنه تقديم الطلبات بشكل أسرع في المستقبل. قد يؤدي استرداد الموارد مرارًا وتكرارًا إلى تكرار البيانات ويستهلك الوقت. لذلك ، فإن ذاكرة التخزين المؤقت مناسبة لبعض البيانات غير المتغيرة للغاية. كلما زاد عدد الطلبات التي يمكن أن تخدمها ذاكرة التخزين المؤقت ، كلما تم تحسين أداء النظام بشكل عام.
مقدمة $ cachefactory:
$ cachefactory هي خدمة تنتج كائنات ذاكرة التخزين المؤقت للخدمات الزاوية. لإنشاء كائن ذاكرة التخزين المؤقت ، يمكنك استخدام $ cachefactory لتمرير معرف وقدرة. من بينها ، المعرف هو اسم كائن ذاكرة التخزين المؤقت ، والقدرة هي الحد الأقصى لعدد أزواج القيمة الرئيسية المخزنة.
1. دور $ cachefactory في الزاوي:
تستخدم لإنشاء خدمة لتخزين الكائنات المخزنة مؤقتًا وتوفير الوصول إلى الكائنات.
2. طريقة $ cachefactory في Angular:
(1) وضع (المفتاح ، القيمة) ؛
أدخل زوج قيمة مفتاح (المفتاح ، القيمة) في كائن ذاكرة التخزين المؤقت.
(2) الحصول على (مفتاح) ؛
احصل على القيمة المقابلة عن طريق تحديد المفتاح في كائن ذاكرة التخزين المؤقت.
(3) روموف (مفتاح) ؛
احذف القيمة المقابلة في كائن ذاكرة التخزين المؤقت عن طريق تحديد المفتاح.
(4) إزالة () ؛
احذف جميع أزواج القيمة الرئيسية في كائن ذاكرة التخزين المؤقت.
(5) تدمير () ؛
تدمير هذا كائن ذاكرة التخزين المؤقت.
(6) معلومات () ؛
احصل على معلومات كائن ذاكرة التخزين المؤقت (المعرف ، الحجم).
ملاحظة: المفتاح: نوع السلسلة ، اسم القيمة في كائن ذاكرة التخزين المؤقت.
القيمة: جميع الأنواع ، ذاكرة التخزين المؤقت القيمة في الكائن.
3. استخدام $ cachefactory في Angular:
<! doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </script> </head> <body ng-app = "app"> <div ng-controller = "myctrl1" <script type = "text/javaScript"> var app = Angular.Module ("app" ، []) ؛ app.controller ('myctrl1' ، ['$ scope' ، '$ cachefactory' ، function ($ scope ، $ cachefactory) {var cache = $ cachefactory ('cache01') ؛ cache.in ('name' ، 'Zhang san') ؛ cache.put ('age' ، 18) }]) ؛ App.Controller ('myctrl2' ، ['$ scope' ، '$ cacheFactory' ، function ($ scope ، $ cachefactory) {var cache = $ cachefactory.get ('cache01') ؛ var name = cache.get ('name') ؛ console.log (name) ؛}) ؛ </script>نتيجة:
ما سبق هو شرح مفصل للدور والاستخدام أمثلة على $ cachefactory في Angular المقدمة لك من قبل المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!