Angularjs vs Angular2 | ມັນແຕກຕ່າງກັນແນວໃດ?

AngularJS

ເມື່ອເບິ່ງຍ້ອນຫລັງ, ມີຄວາມເປັນໄປໄດ້ທີ່ຈະສ້າງໂປແກຼມເວັບທີ່ກ້າວ ໜ້າ ຫຼາຍໂດຍໃຊ້ JavaScript API ທີ່ບໍລິສຸດ, ແຕ່ມັນກໍ່ຍາກທີ່ຈະຮັກສາ codebase ໃນເບື້ອງຕົ້ນ, ແລະທົດສອບມັນທັງ ໝົດ. ແລະຫຼັງຈາກນັ້ນໃນປີ 2010 AngularJS ໄດ້ຖືກ ນຳ ສະ ເໜີ ເປັນ JavaScript MVW Framework. ມັນມີຂໍ້ດີອັນໃຫຍ່ຫຼວງທີ່ເຮັດໃຫ້ຄົນຮັກມັນ:

  • ການຜະລິດລະຫັດແມ່ນໄວບໍ່ສົມບູນ
  • ທຸກໆໃບສະ ໝັກ ແມ່ນສາມາດທົດສອບໄດ້ງ່າຍ
  • Google ແມ່ນຢູ່ເບື້ອງຫລັງໂຄງການ

ມີສິ່ງອື່ນອີກທີ່ເຮັດໃຫ້ Angular ດີຫຼາຍ ສຳ ລັບນັກຂຽນໂປແກຼມ. ທຳ ອິດແມ່ນການຜູກມັດຂໍ້ມູນສອງທາງ. Angular ຊ່ວຍໃຫ້ທ່ານເຫັນຂໍ້ມູນທີ່ປ່ຽນແປງໃນ JavaScript ເພື່ອສະທ້ອນໂດຍອັດຕະໂນມັດໃນ UI. ມັນໄດ້ເຮັດໃຫ້ສິ່ງຕ່າງໆພັດທະນາງ່າຍຂື້ນໃນຕອນຕົ້ນ, ເພາະວ່າບໍ່ ຈຳ ເປັນຕ້ອງມີການຂຽນລະຫັດເພີ່ມເຕີມຍົກເວັ້ນການເຊື່ອມຕໍ່ຕົວຄວບຄຸມທີ່ ເໝາະ ສົມກັບສ່ວນ ໜຶ່ງ ຂອງ HTML. ຜົນປະໂຫຍດທີສອງທີ່ Angular ນຳ ມາໃຫ້ກັບນັກຂຽນໂປແກຼມແມ່ນ ຄຳ ແນະ ນຳ. ພວກມັນແມ່ນຈຸດເລີ່ມຕົ້ນ ສຳ ລັບທຸກໆສ່ວນປະກອບທີ່ພວກເຮົາເຫັນໃນຕອນນີ້ໃນດ້ານ ໜ້າ ທີ່ທັນສະ ໄໝ. ບັນດາທິດທາງໄດ້ອະນຸຍາດໃຫ້ລະຫັດດັ່ງກ່າວສາມາດ ນຳ ໃຊ້ໄດ້ແລະແຍກອອກຈາກກັນຫຼາຍກ່ວາເກົ່າ. AngularJS ໄດ້ບັງຄັບການສັກຢາຂື້ນກັບການເພິ່ງພາອາໄສ, ແລະມັນໄດ້ຊ່ວຍໃນການເຍາະເຍີ້ຍການເພິ່ງພາອາໄສ. ຮູບລັກສະນະຂອງມັນຢູ່ໃນກອບໄດ້ເຮັດໃຫ້ Angular ເປັນບາດກ້າວອັນໃຫຍ່ຫຼວງໃນກໍລະນີຂອງການທົດສອບການສະ ໝັກ ດ້ານ ໜ້າ.

ຂໍ້ໄດ້ປຽບທັງ ໝົດ ເຫລົ່ານີ້ໄດ້ເຮັດໃຫ້ບໍລິສັດນັບມື້ນັບຫລາຍຂື້ນເພື່ອຂຽນໂປແກຼມຂອງພວກເຂົາຈາກວິທີແກ້ໄຂຂອງພວກເຂົາເອງທີ່ສ້າງຂື້ນຢູ່ເທິງຫໍສະມຸດອື່ນໆໄປທີ່ AngularJS.

Angular 2

AngularJS ແມ່ນວິທີທີ່ດີທີ່ຈະເລີ່ມຕົ້ນແອັບຫຼື MVP. ດ້ວຍຄວາມນິຍົມທີ່ເພີ່ມຂື້ນແລະລັກສະນະທີ່ນັບມື້ນັບຫຼາຍຂື້ນມາສູ່ຫຼັກ, ທີມງານ Angular ໄດ້ຕັດສິນໃຈຂຽນກອບແບບເດີມ, ແນະ ນຳ Angular 2. ບາງຄົນເວົ້າວ່າ Angular 2 ແລະ AngularJS ແບ່ງປັນສິ່ງດຽວ: ຊື່. ມີເສັ້ນທາງການຍ້າຍຖິ່ນຖານ (ເອີ້ນວ່າ ng-upgrade) ຈາກ AngularJS ຫາ Angular 2. ເຖິງຢ່າງໃດກໍ່ຕາມ, Angular 2 ຍັງຄົງເປັນຖ່ານກ້ອນ ໃໝ່ ທີ່ແບ່ງປັນພຽງແຕ່ແນວຄວາມຄິດບາງຢ່າງຂອງຜູ້ທີ່ມາກ່ອນ.

ແນວຄວາມຄິດທັງ ໝົດ ຂອງໂຄງສ້າງຂອງແອັບພລິເຄຊັນໄດ້ປ່ຽນແປງໃນ Angular 2. ໃນເມື່ອກ່ອນມັນແມ່ນກອບ MVC ທີ່ອະນຸຍາດໃຫ້ທ່ານສ້າງໂປແກຼມຕ່າງໆໃນຮູບແບບຂອງ ໜ່ວຍ ງານທີ່ສົມທົບກັນ ແໜ້ນ ໜາ ເຊັ່ນ: ເຄື່ອງຄວບຄຸມ, ມຸມເບິ່ງ, ການບໍລິການແລະອື່ນໆສະຖາປັດຕະຍະ ກຳ ທັງ ໝົດ ຂອງ AngularJS ມີລັກສະນະດັ່ງນີ້:

img - ສະຖາປັດຕະຍະ ກຳ ng1

ດຽວນີ້ແນວຄວາມຄິດຂອງ ຄຳ ແນະ ນຳ ໄດ້ຖືກຊຸກຍູ້ໃຫ້ໃກ້ຊິດກັບມາດຕະຖານຂອງສ່ວນປະກອບຂອງເວັບໄຊທ໌້ແລະວິທີການ React ຂອງການຈັດຕັ້ງການ ນຳ ໃຊ້. ມັນແມ່ນທັງ ໝົດ ກ່ຽວກັບສ່ວນປະກອບຕ່າງໆໃນ Angular 2. ມັນ ໝາຍ ຄວາມວ່າການ ນຳ ໃຊ້ທັງ ໝົດ ປະຈຸບັນແມ່ນສ່ວນປະກອບ ໜຶ່ງ ເຊິ່ງປະກອບດ້ວຍສ່ວນປະກອບອື່ນອີກ (ເຊິ່ງສາມາດ ນຳ ໃຊ້ໄດ້). ມັນຈົບລົງດ້ວຍໂຄງສ້າງຄ້າຍຕົ້ນໄມ້:

img - ສະຖາປັດຕະຍະ ກຳ ng2

ຈຸດປະສົງຂອງສະຖາປັດຕະຍະ ກຳ ທີ່ໃຊ້ໃນ Angular 2 ແມ່ນເພື່ອສ້າງສ່ວນປະກອບທີ່ບໍ່ຂື້ນກັບເຊິ່ງກັນແລະກັນເຊິ່ງເປັນສິ່ງທີ່ວ່າງກັນ.

ສິ່ງທີ່ ສຳ ຄັນແມ່ນແນະ ນຳ ສອງວິທີໃນການສ້າງອົງປະກອບ:

  • ສ່ວນປະກອບທີ່ສະຫຼາດ: ພວກເຂົາຮູ້ກ່ຽວກັບສະພາບການ ນຳ ໃຊ້, ແລະພວກເຂົາສາມາດສື່ສານກັບບໍລິການຕ່າງໆເພື່ອດຶງເອົາຂໍ້ມູນຫຼືດັດແປງຂໍ້ມູນ.
  • ສ່ວນປະກອບ Dumb: ພວກເຂົາຄວນຈະມີພຽງແຕ່ວັດສະດຸປ້ອນແລະຜົນໄດ້ຮັບ. ພວກເຂົາພ້ອມທີ່ຈະຖືກຈັດໃສ່ທຸກບ່ອນໃນລະບົບ (ຫຼືແມ່ນແຕ່ຢູ່ນອກມັນ) ເມື່ອໃຫ້ຄ່າທີ່ຖືກຕ້ອງຕໍ່ກັບການປ້ອນຂໍ້ມູນ, ແລະພວກເຂົາບໍ່ຄວນຮູ້ກ່ຽວກັບການມີຢູ່ຂອງລັດ.

ການປະຕິບັດ

ການມີຕົ້ນໄມ້ຂອງສ່ວນປະກອບດັ່ງກ່າວເຮັດໃຫ້ມີຜົນດີໃນການປະຕິບັດ. ຈຸດປະສົງທີ່ມີ AngularJS ບໍ່ແມ່ນເພື່ອສ້າງກອບທີ່ມີປະສິດຕິພາບສູງສຸດ, ແຕ່ແທນທີ່ຈະຂຽນງ່າຍທີ່ສຸດ. ໃນຂະນະທີ່ການປະຕິບັດກາຍເປັນບັນຫາຫຼາຍຂື້ນ, Angular 2 ໄດ້ຖືກ ນຳ ສະ ເໜີ ເພື່ອແກ້ໄຂບັນຫາ. AngularJS ມີວົງຈອນການຍ່ອຍອາຫານ, ເຊິ່ງຊ່ວຍໃຫ້ການປ່ຽນແປງເຮັດໃຫ້ເກີດການອັບເດດຂຶ້ນແລະລົງ. Angular 2, ໃນທາງກົງກັນຂ້າມ, ມີເສັ້ນສະແດງທິດທາງຂອງສ່ວນປະກອບຕ່າງໆທີ່ຖືກກວດສອບສະ ເໝີ ໜຶ່ງ ຄັ້ງ (ຍ້ອນເສັ້ນທາງ ໜຶ່ງ ເສັ້ນທາງຈາກຮາກໄປຫາໃບ). ອີງຕາມສະມາຊິກຂອງທີມງານ Angular, ການປ່ຽນແປງເຫຼົ່ານີ້ເຮັດໃຫ້ແອັບພລິເຄຊັນ Angular 2 ເຮັດວຽກໄດ້ 3 ເທົ່າໄວກວ່າແອັບ same ດຽວກັນທີ່ສ້າງຂື້ນກັບ AngularJS ຫຼ້າສຸດ.

ລະບົບນິເວດ

ຈັດພີມມາໃນເບື້ອງຕົ້ນຢູ່ www.laravelfeed.com.