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