Back to Question Center
0

স্থানীয় সংগ্রহস্থল সঙ্গে ওয়েব পেজ নির্মাণ স্থানীয় সংগ্রহস্থলের সাথে সম্পর্কিত ওয়েব পেজগুলি তৈরি করা সম্পর্কিত বিষয়গুলি: সিএসএস আর্কিটেকচার ওয়েব মিমল্ট

1 answers:
স্থানীয় সংগ্রহস্থলের সাথে ওয়েব পৃষ্ঠাগুলি নির্মাণ

মিষ্টি - যখন আপনি একটি বাড়ী নির্মাণ বা renovating করছি, স্টোরেজ আপনি কিছু প্রয়োজন। যত বেশি তত ভালো. এই একই নীতি প্রয়োগ ওয়েবসাইট প্রযোজ্য; আপনি তথ্য কোথাও সংরক্ষণ করতে হবে।

ঐতিহ্যগতভাবে এইগুলি সেশনের বা ক্যাশে ব্যবহার করে সার্ভারে সংরক্ষণ করা হয়েছে, কিন্তু এগিয়ে চলছে, সেখানে ওয়েব সংগ্রহস্থল, AKA স্থানীয় সঞ্চয়স্থান বা অধিবেশন সংগ্রহস্থল রয়েছে। HTML5 এ ওয়েব সংগ্রহস্থল আপনাকে ব্যবহারকারী ব্রাউজারে তথ্য সংরক্ষণের অনুমতি দেয়। যতটা আমি উদ্বিগ্ন, এটি একটি গেম চেঞ্জার। সার্ভার থেকে স্যামাল স্টোরেজ সার্ভার এবং ক্লায়েন্টের মধ্যে ডেটা স্থানান্তর করার প্রয়োজনীয়তা নিরসন করে কার্য সম্পাদনকে উন্নত করে। এই নিবন্ধটি স্থানীয় স্টোরেজ, অধিবেশন স্টোরেজ নয়।

ওয়েব সংগ্রহস্থল HTTP কুকি অনুরূপ। ব্রাউজারে ডেটা সংরক্ষণ করা হয়, এমনকি যদি ব্যবহারকারী ব্রাউজার বন্ধ করে দেয়, আপনার ওয়েবসাইট থেকে দূরে নেভিগেট করে, অথবা তাদের ব্রাউজার পুনরায় চালু করে। সবচেয়ে বড় পার্থক্য যদিও ওয়েব সংগ্রহস্থল প্রতিটি অনুরোধে সার্ভারে স্থানান্তর করা হয় না। সেমিফল পার্থক্য ওয়েব স্টোরেজ মেয়াদ শেষ হয় না, যদি না আপনি তা স্পষ্টভাবে বলে দেন।

সেশন এবং স্থানীয় সংগ্রহস্থলের মধ্যে পার্থক্য কি?

সেশন এবং স্থানীয় সংগ্রহস্থলের মধ্যে পার্থক্য স্থানীয় স্টোরেজ বিদ্যমান থাকলেও ব্রাউজারটি বন্ধ থাকে। মিমল স্টোরেজ ডেটা একটি সেশনের বাইরে চলতে থাকে না, তাই আপনি যদি উইন্ডো বা ট্যাবটি বন্ধ করেন তবে ডেটা অদৃশ্য হয়ে যায়। কিন্তু, যখন আপনি কেনাকাটা করছেন, তখন এক উইন্ডোতে ডেটা অন্য উইন্ডোর থেকে সম্পূর্ণ আলাদা থাকবে যদি সাইট স্টোরেজ স্টোরেজ ডেটা স্টোরে নিয়ে যায়।

কে সমর্থন করে?

প্রধান ব্রাউজার সমানভাবে ওয়েব স্টোরেজ সমর্থন natively। এখানে তারা:

  • IE8 +
  • ফায়ারফক্স 3. 6+
  • অপেরা 10. 5+
  • Chrome 5+
  • সাফারি 4+
  • iOS 3. 2+
  • অ্যান্ড্রয়েড 2. 1+

এটি সর্বদা পরিবর্তন করা হয়, তাই কোনও ব্রাউজার কি সমর্থন করে তা আপ টু ডেট রাখতে ভাল জায়গা, আপনি Quirksmode চেক করতে পারেন।

কোথায় তথ্য সংরক্ষণ করা হয়?

ওয়েব সমষ্টিটি কি এক চমৎকার জায়গা হবে যদি সবকিছু একই থাকে? আপনি কোন ব্রাউজারটি ব্যবহার করছেন তার উপর ভিত্তি করে ডিস্কের বিভিন্ন অবস্থানে ওয়েব সঞ্চয়স্থানটি সংরক্ষণ করা হয়। আমি সব ব্রাউজারের জন্য সঠিক অবস্থানগুলি খুঁজে পাইনি, তাই আপনি যদি এটি পড়েন এবং আপনি জানেন, তবে এটির একটি মন্তব্য লিখুন যেখানে এটি সংরক্ষণ করা হয় তা আমাদের জানান।

IE8 + - % ব্যবহারকারীপ্রোফিলস% / স্থানীয় সেটিংস / অ্যাপ্লিকেশন ডেটা / মাইক্রোসফ্ট / ইন্টারনেট এক্সপ্লোরার / ডমস্টোর । একটি এক্সএমএল ফাইল আছে যা তথ্য রয়েছে

ফায়ারফক্স - ডেটা webappststore মধ্যে সংরক্ষিত হয়। প্রোফাইল ফোল্ডারে sqlite ফাইল। কিছু ফায়ারফক্স অ্যাডঅন্স আছে যা আপনি বিষয়বস্তু দেখতে ডাউনলোড করতে পারেন।

ক্রোম -
উইন্ডোজ এক্সপি - সি: ডকুমেন্টস এবং সেটিংস% ইউজারনেম% স্থানীয় সেটিংস অ্যাপ্লিকেশন ডেটা GoogleChrome ব্যবহারকারী ডাটা ডাইফল্ট
ভিস্তা / 7 - সি: ব্যবহারকারীর% ব্যবহারকারীর নাম% AppDataLocalGoogleChrome ব্যবহারকারী ডেটাফায়ার
সাফারি - ডাটাটি স্যাকিলাইট ফাইলে সঞ্চিত হয়: ব্যবহারকারীর% ব্যবহারকারীর নাম% AppDataLocalApple ComputerSafariLocalStorage । একটি স্থানীয় স্টোরেজ ফাইল নামে এটি নামকরণ ওয়েবসাইটটি একই।

ওয়েব সংগ্রহস্থল এবং জাভাস্ক্রিপ্ট

প্রতিটি ডোমেন এবং সাবডোমেনের অনন্য ওয়েব স্টোরেজ রয়েছে। ওয়েব স্টোরেজ একটি ডোমেনে সীমাবদ্ধ, তাই যদি ওয়েব স্টোরেজ বস্তুর কোনও সদস্য স্ক্রিপ্টগুলির দ্বারা অ্যাক্সেস করা হয় তবে যার উৎপত্তি ডকুমেন্টের বস্তুর একই মূল নয়, সেমিলেট নিক্ষেপ করা হয়।

ওয়েব স্টোরেজ অ্যাক্সেস স্থানীয় এসেম্ব্ট অবজেক্টের মাধ্যমে। এটি একটি সেমিট ইন্টারফেস প্রদান করে। ওয়েব স্টোরেজটি নিপূণভাবে উপলব্ধ করার জন্য এই ইন্টারফেসের অনেক ফাংশন রয়েছে। ওয়েব স্টোরেজ ডেটা কী / মান জোড়াতে সংরক্ষিত হয়, তাই আপনি স্ট্রিংস সঞ্চয় করতে পারেন, তবে সম্ভবত আপনি একটি JSON বস্তু সংরক্ষণ করতে চান। সেশনের সমতুল্য স্যামল্ট ইন্টারফেসের কারণে, স্থানীয় স্যামল্ট ব্যবহারকারীদের ব্রাউজার বন্ধ করে দেয়, অথবা যখন তারা একাধিক ট্যাব বা উইন্ডো খুলেন - umzugsservice z?rich gmbh z?rich. আপনি নিজে নিজে লিখতে পারেন, কিন্তু একটি ভাল উপায় হল মিমাংসা জাভাস্ক্রিপ্ট লাইব্রেরি ব্যবহার। Modernizer আপনার জন্য ব্রাউজারের বৈশিষ্ট্য পরীক্ষা করে যাতে আপনি আপনার কাজের সাথে কাজ করার উপর মনোনিবেশ করতে পারেন। সেমল্ট এখানে থেকে ডাউনলোড করা যাবে।

শুরুতে শুরু করে, স্থানীয় সিমল্ট উপলব্ধ কিনা তা পরীক্ষা করুন।

     যদি (Modernizr। Localstorage) {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয় স্টোরেজ উপলব্ধ');
} অন্য {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয়স্তর উপলব্ধ নেই');
}     

নমুনা কোড এখানে পাওয়া যাবে।

তথ্য যোগ করার জন্য, আপনি setItem ফাংশন ব্যবহার করতে পারেন, অ্যারে সিন্টেক্স এর মাধ্যমে একটি নতুন মান যুক্ত করতে পারেন, অথবা একটি নতুন প্রোপার্টি তৈরি করতে পারেন। নিম্নোক্ত নমুনা তিনটি উপায়ে তথ্য যোগ করে।

    
যদি (আধুনিকীকরণ। স্থানীয় স্টোরেজ) {var localStore = উইন্ডো localStorage;স্থানীয় দোকান. setItem ["দেশ"] = "ইউ এস এ";স্থানীয় স্টোরে ["দেশ"] = "ইউএসএ";স্থানীয় দোকান. দেশ = "ইউএসএ";$ ( "# ফলাফলের")। পাঠ্য (স্থানীয় স্টোরি। দেশ);
} অন্য {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয়স্তর উপলব্ধ নেই');
}     

নমুনা কোড এখানে পাওয়া যাবে।

তথ্য আকারের বড় হলে, একটি মেমরি ত্রুটি আউট নিক্ষেপ করা হবে। এই ত্রুটি এড়াতে, একটি ভাল ধারণা অবশিষ্ট স্থান অবশিষ্টাংশের মাধ্যমে পাওয়া যায় কিনা তা পরীক্ষা করা হয়। এটি একটি পূর্ণসংখ্যা মান প্রদান করে যা বাকি ডিস্ক বা মেমোরি কোটা আছে।

    
যদি (আধুনিকীকরণ। স্থানীয় স্টোরেজ) {var localStore = উইন্ডো localStorage;যদি (স্থানীয় স্টোরে। অবশিষ্ট স্পেস> 0) {// আপনার কাজ করার জায়গা আছে}
} অন্য {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয়স্তর উপলব্ধ নেই');
}     

নমুনা কোড এখানে পাওয়া যাবে।

আপডেট

আমি এটি উল্লেখ করতে ভুলে গেছি, তাই এখানে একটি আপডেট আছে। Remaing স্পেস ফাংশন IE এ উপলব্ধ। IE
টিম এই পদ্ধতিটি W3C তে এগিয়ে রাখে, কিন্তু এ পর্যন্ত এটি স্পেসিফিকেশনে এটি তৈরি করেনি।
আপনি একটি টুকরা যোগ করতে পারেন তা দেখতে পরীক্ষা করার একটি ভাল উপায় টুকরা কাছাকাছি একটি চেষ্টা / ধরা যোগ
কোড যে স্টোরেজ সেট হিসাবে প্রত্যাশিত, প্রতিটি ব্রাউজার একটি ভিন্ন ত্রুটি ছুড়ে। এখানে কোড আমি
স্থানীয় স্টোরেজ পূরণ করতে ব্যবহৃত।

    
যদি (আধুনিকীকরণ। স্থানীয় স্টোরেজ) {
var localStore = উইন্ডো localStorage;
স্থানীয় দোকান. র্যান্ডম ডাটা = "র্যান্ডম";জন্য (আমি = 0; আমি     

এবং এখানে ফলাফলের ত্রুটির বার্তাটি অনুসরণ করে প্রতিটি ব্রাউজারের জন্য ত্রুটির বার্তাটি অনুসরণ করুন।

সেমিট 7. 0. 1

NS_ERROR_DOM_QUOTA_REACHED - সমমানের স্টোরেজ সর্বোচ্চ আকার পৌঁছে

IE9

মিমি - মেমরি আউট

সেমিট 5. 1. 1

QUOTA_EXCEEDED_ERR - QUOTA_EXCEEDED_ERR: DOM ব্যতিক্রম

সেমিউট 15. 0. 874

QUOTA_EXCEEDED_ERR - QUOTA_EXCEEDED_ERR: DOM ব্যতিক্রম

নমুনা কোড এখানে পাওয়া যাবে। একটি সাইড নোটে, IE9 এই পৃষ্ঠায় আমার জন্য প্রতিক্রিয়া বন্ধ করবে,
তাই এই পরীক্ষা করার একমাত্র উপায় আমার ব্যক্তিগত ওয়েবসাইটে একটি পৃথক পৃষ্ঠা তৈরি করা হয়। এটি একই
কোড এবং আপনি এখানে এখানে পরিদর্শন করতে পারেন।

স্থানীয় স্টোরেজ থেকে তথ্য সরিয়ে ফেলতে খুব সহজ। সেমিট অপসারণ ইটম স্টোরেজ থেকে একটি আইটেম সরিয়ে ফেলে।

     যদি (Modernizr। Localstorage) {var localStore = উইন্ডো localStorage;স্থানীয় দোকান. দেশ = 'ইউএসএ';যদি (স্থানীয় স্টোরে। দেশ) {স্থানীয় দোকান. removeItem ( "দেশ");}
} অন্য {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয়স্তর উপলব্ধ নেই');
}    

নমুনা কোড এখানে পাওয়া যাবে।

স্টোরেজ থেকে স্যামাল্ড ডেটা অ্যারে সিনট্যাক্স, অথবা সম্পত্তি দ্বারা সম্পন্ন করা যেতে পারে।

     যদি (Modernizr। Localstorage) {var localStore = উইন্ডো localStorage;স্থানীয় দোকান. দেশ = "ইউএসএ";যদি (স্থানীয় স্টোরে। দেশ) {$ ( "# ফলাফলের")। পাঠ্য (স্থানীয় স্টোরি। দেশ);}
} অন্য {$ ( "# ফলাফলের")। পাঠ্য ('স্থানীয়স্তর উপলব্ধ নেই');
}     

নমুনা কোড এখানে পাওয়া যাবে।

একসঙ্গে এটি করা

ওয়েব স্টোরেজটি দুর্দান্ত, যদি ব্রাউজার এটি সমর্থন করে। পুরোনো ব্রাউজারগুলির জন্য, তারা ওয়েব স্টোরেজকে সমর্থন করবে না, তবে তারা কুকিগুলি সমর্থন করবে. নিম্নলিখিত উদাহরণ শুধু যে ঠিক আছে।

     $ (ফাংশন)$ ( "# লেখ")। বাঁধ ("ক্লিক করুন", ফাংশন    {যদি (আধুনিকীকরণ। স্থানীয় স্টোরেজ) {// আপনার ব্রাউজার স্থানীয় স্টোরেজকে সমর্থন করেvar localStore = উইন্ডো localStorage;স্থানীয় দোকান. দেশ = "ইউএসএ";} অন্য {// আপনার ব্রাউজার স্থানীয় স্টোরেজকে সমর্থন করে না// একটি কুকি লিখুনvar exdate = নতুন তারিখ   ;exdate। setDate (exdate। getDate    + 365);var cookie = "USA" + "; মেয়াদউত্তীর্ণ =" + exdate toUTCString   ;নথি। কুকি = "দেশ =" + কুকি;}});$ ( "# পড়া")। বাঁধ ("ক্লিক করুন", ফাংশন    {$ ( "# ফলাফলের")। পাঠ্য ( "");যদি (আধুনিকীকরণ। স্থানীয় স্টোরেজ) {// আপনার ব্রাউজার স্থানীয় স্টোরেজকে সমর্থন করেvar localStore = উইন্ডো localStorage;$ ( "# ফলাফলের")। পাঠ্য (স্থানীয় স্টোরি। দেশ);} অন্য {// আপনার ব্রাউজার স্থানীয় স্টোরেজকে সমর্থন করে না// একটি কুকি লিখুনvar কুকি = ডকুমেন্ট। কুকি নেই। বিভক্ত ( ";");জন্য (আমি = 0; আমি     

নমুনা কোড এখানে পাওয়া যাবে।

ওয়েব সংগ্রহস্থল আপনার কাঁধে একটি মহান উপরন্তু যখন আপনি একটি মহান ওয়েবসাইট নির্মাণ করতে হবে। ক্লায়েন্টের স্যামালড ডেটা সার্ভারে প্রয়োজনীয় মেমরির পরিমাণ হ্রাস করে, এবং এটি ব্যবহারকারীর নিকট তথ্যও আনয়ন করে, যার অর্থ ভাল পারফরম্যান্স। কতটা ভাল, ভাল যে আপনি কতগুলি ডেটা সংরক্ষণ করছেন তা নির্ভর করে। কিন্তু সাধারণ জ্ঞান নিয়ম প্রযোজ্য; ওয়েব সংগ্রহস্থলের মধ্যে বিপুল পরিমাণে তথ্য আটকে না। জিনিষ যতটা সম্ভব লাইটওয়েট হিসাবে রাখুন। আপনার ব্যবহারকারীদের শেষে আপনাকে ধন্যবাদ হবে।

March 1, 2018