تعداد بازدید: 6023
زبان : فارسی
دسته بندی :

تفاوت بین Jquery و AngularJS در طراحی سایت

تاریخ درج خبر : 1394/8/10

تفاوت بین جی کویری و انگیولار جی اس(AngularJS) در طراحی سایت

انگیولار (AngularJS) نه با جی کویری جایگزین می شود و نه با آن رقابت می کند هر دوی آنها می توانند در یک نرم افزار یکسان استفاده شوند.جی کویری برای دستکاری DOM حال آنکه انگیولار برای ساختارها استفاده می شود.در حقیقت انگیولار برتری نسبت به جی کویری برای دستکاری DOM ندارد.

تفاوت بین jQuery و AngularJS در طراحی سایت

فاطمه صولتی - 94/3/11.  زمانیکه شروع به گسترش وب سایتم کردم jQuery اولین انتخابم بود. چیزی که بهترین رخ داد کاری من تا آن زمان لقب  گرفت.  jQuery سد ورودی جاوا اسکریپت جهانی را کاهش داد و مشکلات زیادی که در آن زمان وجود داشت  توسط IE حل شد. اما زمانیکه کار را با یک نرم افزار بزرگتر شروع کردم در عملکرد jQuery فقدان هایی وجود داشت. با وجود این هنوز هم  بjQuery برای دست بابی به ( DOM (Document Object Model مناسب بود اما به خاطر این فقدان ها به JS سوییچ کردم. JS به تنهایی کافی نبود به همین دلیل تصمیم گرفتم AngularJS  را امتحان کنم.

JQUERY- AngularJS

این سوال همیشه ذهنم را مشغول کرده که تفاوت بین jQuery  و AngularJS در چیست؟

Framework : اگر بخواهیم آنها را باهم مقایسه کنیم jQuery  و AngularJS  قبلا مثل یک کتابخونه بودند و بعد به صورت Framework  درآمدند.  شما می توانید این کتابخانه را به پروژتون متصل کنید و از همه آن و یا حتی قسمتی از آن استفاده کنید.شبیه یک پلاگین که در واقع مکملی برای پروژه JS شماست.  با Framework شما باید قوانین مربوط به آن را اجرا کنید, حال چه به صورت کامل و یا حتی کلا از آن استفاده نکنید.

AngularJS یک Framework  به صورت مدل MVC است که مشاهده و کنترل توسط این Framework یکی از معروفترین توسعه معماری های نرم افزار در جامعه امروزی است. زمانیکه به توسعه نرم افزار AngularJS  می پردازید باید نسبت به آن پیش زمینه ای با ذهن خلاق خود بسازید گرچه ممکن است با اضافه کردن AngularJS  به پروژه موجود به پیچیدگی بیشتری دچار شود.

AngularJS  را به جای jQuery  استفاده نکنید.

هزاران پلاگین jQuery  خروجی وجود دارد که تنها وظیفه پلاگ کردن را دارند وقتی کار را به آن می سپارید دیگرخیالتان از بابت آن راحت باشد. AngularJS  دستورالعمل های مختلفی دارند که پیشنهاد می شود حتما از آنها استفاده کنید. تلاش کنید که از روشهای توسعه یافته مربوط به AngularJS  به جای  وصله کردن کد با پلاگین های قدیمی استفاده کنید.لازم نیست که همیشه  jQuery را به پروژه هاتون اضافه کنید Angular ها با  jqLite (ساده شده سطح  jQuery  برای پایه ساختارهای DOM )در کنار هم استفاده می شود.

نرم افزارهای تک صفحه ای  :

معماری نرم افزارهای Angular  متفاوت است.بیشتر انها نرم افزارهای تک صفحه ای هستند به جای اینکه همه کدها را شبیه کاری که با jQuery  انجام می دهیم و همچنین نشان دادن و مخفی کردن بخش های مختلف DOM را یکجا باهم لود نکنید قالب ها را براساس نیاز لود کنید (از http استفاده کنید) . چیزی که باعث می شود یک نرم افزار ماژولار و دسترسی به محتوای سریع تری داشته باشد رفع مشکل یا به روزرسانی کردن آن است.

من رویکردی که خود شما ایجاد کننده کنترل ماژول قالب HTML و فایل CSS همه در یک نرم افزار قابل رویت باشد را دوست دارم.

اتصال داده ها:

اتصال داده ها یکی از بهترین ویژگی ها در AngularJS  است (یک یا دو راه برای اتصال) . این موضوع باعث می شود داده ها برخلاف jQuery  جایی که داده DOM وجود دارد کاملا مستقل از اجرا باشند. به عنوان مثال داده از درخواست HTTP می آید و به عنوان قالب در HTML که در حوزه کنترل و رندر {{ داده }} است اضافه می شود.

این روش به شما به عنوان یک توسعه دهنده این امکان را می دهد که بفهمید داده ها از کجا می آیند ودر کدام قسمت لازم است که تغییراتی ایجاد کنید. درjQuery  اگر شما چیزی شبیه  (data‘#’)$ رندر(); دارید بدین معنی است : کل صفحه جدید را شامل می شود و شما نمی دانید که دقیقا چه چیزی است و یا این محتویات از کجا آمده است.

خلاصه مطالب:

AngularJS نه با jQuery جایگزین می شود و نه با آن رقابت می کند هر دوی آنها می توانند در یک نرم افزار یکسان استفاده شوند. jQuery برای دستکاری DOM  حال آنکه AngularJS برای ساختارها استفاده می شود.در حقیقت AngularJS برتری نسبت به jQuery  برای دستکاری DOM ندارد.


  نظرات
دیدگاه های ارسال شده توسط شما، پس از تایید مدیر سایت در وب سایت منتشر خواهد شد.
پیام هایی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
پیام هایی که به غیر از زبان فارسی یا غیر مرتبط با خبر باشد منتشر نخواهد شد.
واتس آپ