آموزش صفحات در برنامه نویسی جی کوئری موبایل

آموزش صفحات در برنامه نویسی جی کوئری موبایل

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش صفحات در برنامه نویسی جی کوئری موبایل خواهیم پرداخت.

کاربر می تواند با صفحات جی کوئری موبایل تعامل برقرار کند ، که این محتوا را به نمایش منطقی و نمایش صفحه تقسیم می کند. نمایش صفحه را می توان با استفاده از انتقال صفحه متحرک کرد. با استفاده از سند HTML می توان چندین صفحه ایجاد کرد و بنابراین نیازی به درخواست محتوا از سرور نیست.

جدول زیر انواع صفحات را با جزئیات نشان می دهد.

کنوانسیون ها

• عناصر ویژگی data-role مانند هدر، فوتر، صفحه و محتوا برای تهیه قالب و ساختار اصلی یک صفحه استفاده می شوند.
• برای اسناد تک صفحه ای، بسته بندی صفحه برای اولیه سازی خودکار مورد نیاز است به عنوان اختیاری تنظیم شده است.
• عنصر ساختاری را می توان برای یک صفحه وب با طرح سفارشی حذف کرد.
• برای مدیریت صفحات ، بسته بندی صفحه توسط چارچوب تزریق می شود که در مارک گذاری وارد نشود.

واکشی صفحات

با در نظر گرفتن ویژگی پیش-داده ، می توانیم صفحات را در قالب DOM در قالبهای تک صفحه از پیش انتخاب کنیم. برای اطلاعات بیشتر اینجا را کلیک کنید.

حافظه پنهان DOM

وقتی حافظه مرورگر در DOM پر می شود ، سرعت مرورگر تلفن همراه را کاهش می دهد یا ممکن است به دلیل بارگیری چندین صفحه خراب شود. یک روش ساده برای مرتب نگه داشتن DOM وجود دارد –

• وقتی صفحه ای از طریق ajax بارگیری می شود، نشانگر حذف صفحه از DOM است وقتی به صفحه دیگری هدایت می شوید.
• صفحه قبلی که بازدید کرده اید می توانید هنگام مرور مجدد از حافظه پنهان ، آن را بازیابی کنید.
• به جای حذف صفحات، می توانید به جی کوئری موبایل بگویید که با استفاده از خط زیر آن را در DOM نگه دارد –

$.mobile.page.prototype.options.domCache = true;

گزینه domCache را به صورت true در افزونه page تنظیم کنید تا تمام صفحات موجود در DOM که قبلاً بازدید شده اند، حفظ شوند.

pageContainerElement.page({ domCache: true });

منبع.

لیست جلسات قبل آموزش برنامه نویسی جی کوئری موبایل

1. آموزش برنامه نویسی جی کوئری موبایل
2. مقدمه برنامه نویسی جی کوئری موبایل
3. آموزش نصب و راه اندازی جی کوئری موبایل