JQuery এবং jQuery মোবাইল মধ্যে পার্থক্য?

Question 1

আমি মোবাইল ওয়েব বিকাশে নতুন এবং আমি স্রেফ ফোনগ্যাপ দিয়ে একটি মোবাইল-অ্যাপ তৈরি করেছি, ঘন ঘন jQuery ব্যবহার করে।

তবে আমি কীভাবে জিনিসগুলিকে ফর্ম্যাট করেছিলাম এবং যে মোবাইল ডিভাইসগুলির সাথে আমি যা পরীক্ষা করে যাচ্ছিলাম সেগুলিতে তারা যেভাবে প্রকৃতপক্ষে হাজির হয়েছিল সে সম্পর্কে স্বাভাবিকভাবেই বেশ কয়েকটি দোষ ছিল and jQuery মোবাইল।

এখন এটি আমাকে বিভ্রান্ত করে - jQuery এর বিন্যাসে কোনও রোল ছিল না। এটি ছিল কেবলমাত্র আমার প্রাথমিক সিএসএস সম্পর্কে প্রাথমিক জ্ঞান যা সমস্যার সৃষ্টি করেছিল।

সুতরাং jQuery মোবাইল ঠিক কী করে এবং কীভাবে এটি সাধারণ jQuery থেকে আলাদা? আমি যদি ইতিমধ্যে jQuery জানি, আমার জন্য নতুন কি হতে চলেছে?

Question 2

jQuery খালি ব্রাউজার জুড়ে স্ক্রিপ্টিং সহজতর এবং মানক নকশা করা হয়েছে। এটি নিম্ন-স্তরের স্টাফগুলিতে ফোকাস করে: উপাদান তৈরি করা, ডিওএম চালিয়ে যাওয়া, বৈশিষ্ট্যগুলি পরিচালনা করা, এইচটিটিপি অনুরোধ সম্পাদন করা ইত্যাদি etc.

jQueryUI হল ইউজার ইন্টারফেস উপাদান এবং jQuery এর উপরে নির্মিত বৈশিষ্ট্যগুলির একটি সেট (যেমন এটির জন্য jQuery এর প্রয়োজন): বোতাম, ডায়ালগ বক্স, স্লাইডার, ট্যাব, আরও উন্নত অ্যানিমেশন, ড্রাগ / ড্রপ কার্যকারিতা।

jQuery এবং jQueryUI উভয়ই আপনার সাইটে (ডেস্কটপ বা মোবাইল) 'যুক্ত' করার জন্য ডিজাইন করা হয়েছে - আপনি যদি কোনও নির্দিষ্ট বৈশিষ্ট্য যুক্ত করতে চান তবে jQuery বা jQueryUI সহায়তা করতে সক্ষম হতে পারে।

jQuery মোবাইল তবে একটি সম্পূর্ণ কাঠামো। এটি কোনও মোবাইল সাইটের জন্য আপনার প্রারম্ভিক বিন্দু হওয়ার উদ্দেশ্য। এর জন্য jQuery প্রয়োজন এবং মোবাইল-বান্ধব সাইটগুলি তৈরির জন্য উভয় ইউআই উপাদান এবং API বৈশিষ্ট্য সরবরাহ করতে jQuery এবং jQueryUI উভয়ের বৈশিষ্ট্য ব্যবহার করে। আপনি এখনও এটি নিজের পছন্দমতো বা সামান্য কিছু ব্যবহার করতে পারেন তবে jQuery মোবাইল আপনি যদি অনুমতি দেয় তবে মোবাইল-বান্ধব উপায়ে পুরো ভিউপোর্টটিকে নিয়ন্ত্রণ করতে পারে।

আর একটি বড় পার্থক্য হ'ল jQuery এবং jQueryUI লক্ষ্য আপনার এইচটিএমএল এবং সিএসএসের শীর্ষে স্তর হওয়া। আপনার কেবলমাত্র আপনার মার্কআপটি একা রেখে jQuery এর সাথে এটি বাড়িয়ে তুলতে সক্ষম হওয়া উচিত। তবে, jQuery মোবাইল আপনি এইচটিএমএল ব্যবহার করে উপাদানগুলি প্রদর্শিত হতে চান তা সংজ্ঞায়িত করার উপায় সরবরাহ করে - যেমন (jQuery মোবাইল সাইট থেকে):

<ul data-role="listview" data-inset="true" data-filter="true">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

data-roleঅ্যাট্রিবিউট একটি মোবাইল বান্ধব UI 'তে উপাদান মধ্যে এই তালিকা ঘুরে জেকোয়েরি মোবাইল বলে এবং data-insetএবং data-filterযে সেট বৈশিষ্ট্য বৈশিষ্ট্যাবলী - জাভাস্ক্রিপ্ট একটি একক লাইন লিখেই। অন্যদিকে jQueryUI উপাদানগুলি সাধারণত ডওমে থাকা উপাদানটি ইনস্ট্যান্ট করতে জাভাস্ক্রিপ্টের কয়েকটি লাইন লিখে তৈরি করা হয়।

Question 3

JQuery মোবাইল কি

জিকিউএম (জ্যাকিউরি মোবাইল) মোবাইল ফোনের জন্য একটি ইউজার ইন্টারফেস সিস্টেম যা jQuery শীর্ষে নির্মিত। জিকিউএমের কাজ করার জন্য jQuery প্রয়োজন। অন্যান্য অন্যান্য মোবাইল ফোনের ফ্রেমওয়ার্কগুলির মতো নয়, জিকিউএম সমস্ত মোবাইল, ট্যাবলেট, ই-রিডার এবং ডেস্কটপ প্ল্যাটফর্মগুলির জন্য সমর্থন সমর্থন করে এবং কেবল মোবাইল ওয়েবকিট ব্রাউজারগুলিকে নয়। ফ্রেমওয়ার্কটির একটি উল্লেখযোগ্য বৈশিষ্ট্য হ'ল অ্যাজাক্স নেভিগেশন সিস্টেম যা অ্যানিমেটেড পৃষ্ঠাগুলি ব্যবহার করে (খুব শীতল)।

আপনার কাছে নতুন কি হতে পারে

জেকিউএম সম্পর্কে একটি জিনিস যা নতুন ব্যবহারকারীদের কাছে একটি বক্ররেখা নিক্ষেপ করে তা হ'ল এজ্যাক্স নেভিগেশন। Jquery থেকে আগত আপনি সম্ভবত প্রতিটি পৃষ্ঠায় আপনার জাভাস্ক্রিপ্ট অন্তর্ভুক্ত করার জন্য এবং তারপরে আপনার সমস্ত মজাদার জাভাস্ক্রিপ্ট ক্রিয়াকলাপ চালিয়ে যাওয়ার জন্য ডোম রেডি ( $(function(){ ... }বা $(document).ready(function(){ .... }) ব্যবহার করতে অভ্যস্ত । তবে জেকিউএম এজাক্স নেভিগেশন ব্যবহার করে কারণ সিস্টেম অন্যান্য পৃষ্ঠাগুলিকে প্রথম পৃষ্ঠার মতো একই ডোমে টেনে আনবে এবং এতে থাকা আপনার স্ক্রিপ্টগুলি লোড করবে না <head>। যখন পরের পৃষ্ঠাটি অজ্যাক্সের মাধ্যমে লোড করা হবে তখন আপনি লক্ষ্য করবেন যে আপনার ভিতরে থাকা জিনিসগুলি $(function(){ ...}দ্বিতীয় পৃষ্ঠায় কাজ করবে না। এর সমাধানটি পজিনিট ইভেন্টের জন্য বাধ্যতামূলক। নিম্নলিখিত ভ্রমণগুলি আপনার যাত্রার শুরুতে আপনাকে সহায়তা করবে:

$(document).on('pageinit', function(){ // this fires for each new page

});

একটি নির্দিষ্ট পৃষ্ঠা লক্ষ্য করার জন্য আপনি পৃষ্ঠার আইডি যুক্ত করুন:

$(document).on('pageinit','#page2', function(){ // this fires for #page2 only 

});

নতুন পৃষ্ঠার ইভেন্টগুলি বোঝা জেকিউএম দিয়ে শুরু করার সময় আপনাকে অনেকটা সহায়তা করবে। http://jquerymobile.com/demos/1.1.0/docs/api/events.html শুভ কামনা!

Question 4

jQuery হ'ল একটি ডিওএম ম্যানিপুলেটিং / ট্রভারসিং এবং এজেএক্স জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। এটি স্বয়ংক্রিয়ভাবে বিভিন্ন ব্রাউজারগুলির মধ্যে প্রচুর জটিলতা বিমুক্ত করে। এখানে অনেকগুলি jQuery প্লাগইন রয়েছে যা অনেকগুলি কাজ সহজ করে দেয়।

jQuery মোবাইল হল এমন একটি ইউআই ফ্রেমওয়ার্ক যা মোবাইল অ্যাপ্লিকেশনগুলির জন্য তৈরি যা jQuery এ নির্মিত। এটিতে থিসিং এবং ইউআই উপাদান রয়েছে।

সব মিলিয়ে তারা প্রশংসামূলক। JQuery ব্যবহার করার জন্য আপনাকে jQuery মোবাইল ব্যবহার করতে হবে না। তবে jQuery মোবাইল ব্যবহার করতে আপনাকে jQuery ব্যবহার করতে হবে।

Question 5

উপরে মন্তব্য করার মতো পর্যাপ্ত পয়েন্ট নেই যাতে অ্যান্ডির দ্বিতীয় নির্ভরতার দ্বিতীয় প্রশ্নের উত্তর দিতে থ্রেডে যুক্ত করা যায়।

আমি বিশ্বাস করি আপনি যা খুঁজছেন তা এখানে: jQuery মোবাইল ডেমো

<!DOCTYPE html> 
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/[version]/jquery.mobile-    [version].min.css" />
    <script src="http://code.jquery.com/jquery-[version].min.js"></script>
    <script src="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>

<body>
    ...content goes here...
</body>
</html>