چرا jQuery بهترین انتخاب است ؟
در ادامه مقاله قبلی مزیت های فریم ورک جی کوئری را توضیح می دهم.
با همه گیر شدن ایده های وب 2.0 ، علاقه به ایجاد جلوه های پویا و جذاب در سایت ها افزایش پیدا کرده است و از این رو طراحان وب برای ایجاد این جلوه ها به framework های جاوا اسکریپت روی آورده اند. بعضی از این فریم ورک ها یا به اصلاح کتابخانه های جاوا اسکریپت تنها بر روی یک یا دو مورد خاص تمرکز کرده اند. بعضی دیگر سعی کرده اند که تمامی افکت ها و جلوه های ممکن را داخل یک پکیج جمع آوری کنند. تیم توسعه دهنده جی کوئری برای اینکه فریم ورکشان بتواند بیشترین انعطاف و قابلیت را داشته باشد و از طرفی کوچک و کم حجم باقی بماند ، این استراتژی ها را در پیش گرفتند :
- استفاده از گزینگشر های CSS : جی کوئری برای انتخاب عناصر داخل صفحه از selector های CSS استفاده می کند. گزینشگر های CSS بسیار مختصر و پر قدرت هستند و با این انتخاب هوشمندانه، کاربران جی کوئری عملا مشکلی با انتخاب اجزای صفحه نخواهند داشت زیرا مدت ها با CSS کار کرده اند و شیوه استفاده از آن را می دادند و حال از همان دانش CSS خود برای انتخاب اجزای صفحه در jQuery استفاده می کنند.
- پشتیبانی از افزونه ها : برای جبران نبود یک سری از افکت ها در جی کوئری، قابلیت اضافه کردن افزونه ( plugin ) به جی کوئری در نظر گرفته شده است. شیوه ساخت یک پلاگین جدید ساده بوده و به طور کامل در بخش مستندات سایت jquery توضیح داده شده است و این سادگی ساخت پلاگین ، برنامه نویسان زیادی را تشویق کرد که پلاگین های پر استفاده ای برای این فریم ورک بنویسند. حتی بسیاری از قابلیت های هسته jQuery نیز بر اساس قاعده ساخت پلاگین نوشته شده اند و اگر شما به آن قابلیت ها احتیاجی ندارید ، می تواند آن ها را به سادگی از هسته اصلی جی کوئری حذف کنید تا حجم فریم ورک کاهش پیدا کند.
- از بین بردن محدودیت مرورگر های مختلف : یک واقعیت تلخ در زمینه طراحی و توسعه وب این است که مرورگر ها به طور کامل پیرو استاندارد های تعیین شده توسط کنسرسیوم جهانی وب نیستند. بخش عظیمی از وقت برنامه نویسان و طراحان وب صرف این می شود که برنامه یا طرح ایجاد شده را با مرورگر های مختلف هماهنگ کنند. در حالی که محدودیت های مرورگر های مختلف و عدم پشتیبانی آنها از استاندارد ها باعث شده است که ساخت و ایجاد قابلیت های پیشرفته در وب غیر ممکن شود اما جی کوئری یک لایه را به منظور استاندارد سازی مرورگر ها ایجاد می کند تا انجام کارهای پیش پا افتاده در تمامی مرورگر ها ممکن شود و از طرفی حجم کد نوشته شده به شدت کاهش یابد و کد نویسی نیز بسیار ساده گردد.
- کار کردن بر روی مجموعه ای از آرایه ها: هنگامی که شما از جی کوئری استفاده می کنید تا اجزای خاصی را در صفحه پیدا کند و آنها را مخفی کند، هیچ احتیاجی نیست که برای این منظور یک حلقه بنویسید. در عوض از متدی مانند ()hide. استفاده می کنید. این متد ها به گونه این طراحی شده اند که بر روی مجموعه ای از آرایه ها عمل کنند. به این تکنیک implicit iteration یا تکرار ضمنی گفته می شود. در این تکنیک احتیاجی به نوشتن حلقه نیست و ساخت حلقه و اجرای آن توسط خود فریم ورک انجام می شود و از این طریق حجم کد نوشته شده کاهش می یابد.
- اجازه اجرای چندین عمل تنها در یک خط: برای جلوگیری از ساخت و استفاده از متغیر های موقت و تکرار های بیهوده، جی کوئری از الگوی برنامه نویسی chaining یا زنجیره ای استفاده می کند و می توان از اکثر متد های موجود به شکل زنجیر وار استفاده کرد. این بدان معناست که شما می توانید چندین افکت را پشت سر هم قرار داده و در یک خط بنویسید تا به عنصر مورد نظر شما اعمال شود. به عبارتی نتیجه اکثر پردازش های یک آبجت ، ساخته شدن یک آبجکت جدید است که متد بعدی می تواند از این آبجکت جدید ساخته شده استفاده کند.
این استراتژی ها باعث شده که حجم کد jQuery پایین بماند. در حال حاضر جی کوئری در حالت غیر فشرده 99 کیلوبایت حجم دارد. در صورت فشرده سازی ، این حجم به 30 کیلوبایت می رسد و در صورت فشرده سازی و استفاده از gzip حجم جی کوئری به 15 کیلوبایت می رسد که بسیار کم حجم و مناسب است.
اگر قصد فشرده سازی جی کوئری با gzip را داشته باشید توصیه می شود که فریم ورک را با فشرده ساز YUI compressor فشرده کنید (می توانید برای فشرده سازی از این سایت استفاده کنید ) و سپس آن را از طریق server جی زیپ کنید تا حجم به کمترین مقدار ممکن برسد
جی کوئری از زمان ارائه اولین نسخه تا به حال تحولات زیادی داشته و بارها هسته آن باز بینی شده است. همچنین سرعت اجرای آن نیز تا به حال افزایش سه برابری داشته است. علاوه بر مواردی که ذکر شد این فریم ورک تحت لیسانس GNU Public و MIT منتشر شده و هر گونه استفاده از آن و یا ایجاد تغییر در آن کاملا آزاد است.
برای دریافت این فریم ورک می توانید به صفحه اول سایت جی کوئری مراجعه کنید.
مواردی که ذکر شد شاید در آغاز کمی گنگ به نظر برسد ولی در ادامه آموزش ها تمامی موارد ذکر شده را در عمل خواهید دید و آن را درک خواهید کرد.
در قسمت های بعدی آموزش ، کار با این فریم ورک را به شکل عملی و در قالب مثال شروع خواهیم کرد.
- معرفی jQuery
- شروع کار با جی کوئری
- آینده وبلاگ نویسی چگونه خواهد بود ؟
- 10 دلیل برتری friendfeed در مقابل رقبایش
- 7 ترفند برای حفاظت وردپرس در مقابل هکر ها
- CSS Sprite چیست ؟
- آیا فایرفاکس با SpiderMonkey وب را متحول خواهد کرد ؟
- 5 شیوه جایگزینی متن با تصویر با استفاده از CSS
آیا شما از این ارسال لذت بردید؟ چرا دیدگاه خود را در زیر نمی نویسید و گفتگو را ادامه دهید، یا مشترک خوراک من شوید و مقاله هایی مانند این را روزانه به صورت خودکار به خواننده خوراک خود انتقال دهید.
بازتاب ها & بازخوان ها
دیدگاه ها
دیدگاه خود را بنویسید
خط و پاراگراف به طور خودکار شکسته خواهند شد، آدرس ایمیل هیچگاه نمایش داده نخواهد شد، HTML مجاز: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
سلام اولا که جالب بود اولین پست وبلاگت روز تولد منه
یعنی من و وبلاگ تو در یک روز به دنیا اومدیم بعد هم امیدوارم این مسیری رو که انتخاب کردی در نوشتن وبلاگ ادامه بدی واقعا خلا یک همچین وبلاگ خوبی که توسط یک طراح نوشته شه و به معرفی ابزار ها و روش ها بپردازه خالی بود
خیلی ساده و روان توضیح داده شده بود…
یاد ترجمه کتاب افتادم که اونم روان بود و قابل فهم…
منتظر قسمت های بعدی هستم…
ممنون از زحمتی که میکشی برای گذاشتن این اطلاعات اما به نظرم با توجه به اینکه هیچ مقایسه ای انجام ندادی تیتر مطلب درست انتخاب نشده، من jquery رو تحسین میکنم ولی با اینحال فکر میکنم الزاما بهتر از فریم ورکهایی مثل mootools و با حتی YUI و dojo نیست. هر کدوم خوبی ها و بدی های خودشونو دارن به این راحتی نمیشه بهترین رو انتخاب کرد.
@یوسف
خوب مقایسه این به اون شکل انجام نشده ولی همونطور که در متن نوشته شده به خاطر ساده تر بودن جی کوئری بیشتر طراحان سعی می کنند از این فریم ورک استفاده کنند. شاید بهتر بود تیتر رو می ذاشتم بهترین فریم ورک برای یک طراح وب
طراح بیشتر وقتش تو دریم ویور و فوتوشاپ و ویرایشگر های متن می گذره و دانش برنامه نویسی پایینی داره و جی کوئری کمک می کنه که شما با همون اطلاعاتی که از قبل داشتی بتونی کار کردن با یک فریم ورک رو سریعتر و راحت تر شروع کنی. در حال حاضر جی کوئری از نظر حجم از prototype خیلی کوچکتره. از نظر حجم کد نویسی هم ، کدهایی که با jquery نوشته میشه خیلی مختصر تره. الان برای تست سرعت هم میتونید به این آدرس مراجعه کنید http://mootools.net/slickspeed/ و تمامی فریم ورک های موجود رو از نظر سرعت تست کنید. در این بین dojo و jquery سریعترین هستند ( اون تست سرعت رو باید با مرورگر های مختلف انجام بدید چون نتیجه تو هر مرورگر فرق می کنه ولی در کل میانگین همه سرعت در همه مرورگر ها به نفع جی کوئری و dojo هست ) در این بین شاید پروتوتایپ از همه کند تر باشه و از همه حجمیتر . ولی در کل برای بعضی جلوه های خاص باید از فریم ورک های دیگه هم استفاده کرد ولی به نظرم (و نظر خیلی های دیگه ) جی کوئری گزینه بهتریه به نسبت فریم ورک های دیگه. حالا تو مقالات بعدی که کار رو شروع کنیم همه چیز مشخصه.
سلام !
مطلب خوبی بود ، ولی تیترتون یه کم گمراه کننده بود ها ! فکر کردم JQuery رو با چند تا کتابخانه دیگه مقایسه کردین.
به هر حال ، موفق باشید .
از مطالبتون خوشم اومد لینک هم بهتون دادم.
به نظر من mootools بهترین فریم ورکه برای طراحای حرفه ای ، اونم به خاطر ساختار شی گرایی اوه هست ، به نظر من jQuery برای طراحاییکه چیز زیادی از جاوااسکریپت نمیدونن خوبه ولی برای mootools واقا یه چیز دیگست ، مخصوصن از نظر افکتهای ظاهری ، کافیه یه جستجویی تو گوگل بکنین متوجه میشین که کدموم فریم ورک پلاگینای بهتری داره