بهزاد منفرد

استفاده از LocalStorage

local Storage چیست

مرورگر های نسل جدید وب از حافضه هی موقت پشتیبانی می کنند که متاسفانه در سایت های فارسی مورد استفاده قرار نمی گیرد در این پست قصد دارم درباره این ویژگی توضیحاتی را ارائه دهم .  در کلیه مرور گر های موبایل و وب قسمتی وجود دارد به نام

این حافضه می تواند کلید ها ومقدار های نامحدودی را از طرف کاربر در وب سایت بازدید شده توسط کاربر ذخیره کند و در هر قسمت از سایت مورد استفاده قرار دهد.

فرض کنید می خواهید تشخیض دهید یک کاربر برای اولین بار است از وب سایت شما دیدن می کند یا قبلا دیدن کرده است .  برای هر کاربر یک کلید تعریف می کنیم به نام ویزیت و مقدار آن را ۱ قرار می دهیم.

function glocal( a ) {
return localStorage.getItem( a ); //set
}
function slocal( a, c ) {
return localStorage.setItem( a, c ); //set
}

در بالا دو تابع ایجاد شده است که تابع اول نمایش مقدار کلید را نمایش می دهد و تابع دوم ایجاد مقدار کلید را ایجاد می کند .سپس در قسمت هدر سایت یک IF تعریف می کنیم که اگر تابع vist وچود نداشت این تابع را ایجاد کند و در غیر این صورت مشخص خواهد شد که این کلید قبلا ایجاد شده و کاربر قبلا از این وب سایت بازدید کرده است .

var visit = glocal("visit");
if(visit==null){
slocal("visit",1);
}else{
  alert("کاربر قبلا در سایت بازدید کرده است")
}

من معمولا در وب سایت هایی که اطلاعات زیادی از کاربر می بایست دریافت کنم کلیه اطلاعات مربوط به کاربر را از دیتابیس به یک فایل جیسون تبدیل می کنم و سپس کلیه موارد را با استفاده از جاوا اسکریپت بدون درخواست مکرر از دیتابیس دریافت می کنم .

اسکریپت ارشیو فونت برای وب

Nunc malesuada odio vel libero luctus eleifend. Suspendisse pretium, orci ut elementum dictum, mauris urna interdum massa, non tempus magna mauris a odio. Aenean ipsum ante, varius facilisis ipsum ut, convallis ultrices quam. Pellentesque imperdiet condimentum est nec ullamcorper. Ut sed libero urna. Pellentesque faucibus nisi quis tellus tempor euismod at vitae quam. Integer facilisis eget sem eu congue. In ullamcorper massa sit amet massa sodales condimentum.

Aliquam condimentum est iaculis egestas congue. Sed ultricies rutrum varius. In ac pellentesque lorem, eget viverra tellus. Aenean posuere, metus non consectetur gravida, leo leo ornare metus, vel varius augue nibh in lectus. Proin in enim scelerisque, eleifend ipsum sed, porta tellus. Nulla facilisi. Proin porttitor in eros ut porttitor. In aliquam, lorem varius hendrerit consequat, nisi ante efficitur lectus, eu ornare justo nibh vel diam. Nullam faucibus urna tortor, ac porta metus porta mollis. Suspendisse euismod non eros at porttitor. Cras quis ipsum nec augue blandit tempor. Quisque luctus lacus justo, id faucibus sem fermentum a. Sed quis enim faucibus odio euismod mollis. Aliquam laoreet feugiat pellentesque. Mauris nunc sapien, dictum at eros nec, mollis vulputate odio.

Nulla condimentum sem dui, vel tristique leo dignissim in. Praesent quis suscipit diam, in consequat odio. Proin rhoncus auctor felis vel sollicitudin. Phasellus euismod justo sit amet nisl ultrices, dignissim mollis nisi blandit. Integer tempor varius risus at consequat. Donec aliquet sit amet neque in suscipit. Etiam nec neque fermentum lorem pellentesque malesuada eu ac sem.

Ut posuere risus et eros vehicula bibendum. Quisque velit velit, scelerisque a augue vel, aliquet commodo massa.

Ut aliquam elit tellus, at consequat lacus egestas et. Vivamus porta iaculis est, at molestie odio facilisis quis. Sed vel tellus ornare, mollis arcu sed, rhoncus mi. Sed sollicitudin ultrices ipsum, sed blandit dui hendrerit quis. Aliquam nec velit at nibh venenatis faucibus et sollicitudin ligula. Nullam sed luctus enim, maximus elementum metus. Proin magna ante, dignissim a interdum nec, suscipit at mi. Curabitur bibendum mollis sem commodo malesuada. Cras bibendum arcu vel leo posuere placerat. Cras dolor leo, sagittis ac quam eu, dignissim mollis ipsum. Curabitur ornare condimentum urna sit amet porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla luctus, dolor id porta suscipit, elit augue vestibulum orci, at volutpat est ante ac justo. Donec velit quam, maximus sed dignissim et, ullamcorper at ligula.

قالب تم دیزاین

Aliquam tempus eros sit amet pretium accumsan. Nullam hendrerit massa justo, quis imperdiet magna gravida sit amet. Aenean viverra odio vel eros feugiat, vitae fringilla nisi blandit. Aenean tincidunt eleifend felis. Vivamus blandit arcu ligula, eu dignissim urna fermentum sit amet. Curabitur porttitor arcu quis mi faucibus, et accumsan est tempus. Curabitur lobortis iaculis posuere. Nullam nec lacus non justo tempor hendrerit. Phasellus eu erat posuere, ornare enim sed, elementum felis. Maecenas fermentum ut tellus non congue.

Vestibulum posuere velit in nisl laoreet, ac tincidunt nisi bibendum. Proin viverra id ligula eget elementum.

Ut pulvinar varius porta. Mauris ipsum ex, aliquet a vehicula in, ultricies in enim. Nunc ultricies orci sed egestas maximus. Nunc in placerat lorem. Cras eleifend eros eget consectetur convallis. Nulla at elit a odio varius volutpat eget vel tellus. Quisque ornare quam mi, in vehicula erat imperdiet nec. Fusce rhoncus, mauris eget convallis tincidunt, quam felis consequat odio, non pulvinar diam est at ex. Maecenas tortor lorem, consequat sit amet mattis et, porttitor eu purus.

Fusce dictum volutpat leo, vulputate tristique mi egestas ut. Ut eget nunc ante. Duis in est eget dolor pretium sollicitudin. Curabitur pretium metus sed quam tristique, ac varius nulla feugiat. Donec cursus euismod arcu, sit amet imperdiet libero viverra interdum. Etiam rhoncus mi auctor, vulputate massa a, mattis odio. Sed blandit sem eget erat euismod, a ornare quam cursus.

Aliquam vel varius quam. Aenean sed pulvinar leo, quis ultrices nunc. Proin facilisis nunc eget dapibus eleifend. Phasellus vitae lobortis urna. Integer porttitor posuere risus, quis feugiat felis ornare a. Donec rutrum ut odio id fermentum. Donec felis dolor, tempor sed pharetra in, interdum id ligula. Aenean maximus odio urna, sit amet vehicula mi imperdiet dictum.

Duis feugiat tempus eleifend. Quisque accumsan auctor ligula, id condimentum ex feugiat ut. Aenean eget viverra dolor. Aenean vestibulum a enim ut faucibus. Sed congue nisi ac ex fringilla iaculis. Donec a porttitor turpis, et eleifend tellus. Morbi nec iaculis lacus.