ทำไมคุณควรอัปเกรดแอปของคุณจาก AngularJS เป็น Angular (05.16.24)

สวัสดีเพื่อนรักของฉัน! วันนี้เราจะมาพูดถึงประโยชน์ของ Angular หากคุณใช้ AngularJS คุณต้องย้ายจาก AngularJS ไปยัง Angular ทำไม? อ่านบทความนั้นและเลือกเฟรมเวิร์กที่ดีที่สุด

AngularJS คืออะไร

ก่อนที่เราจะพูดถึงเฟรมเวิร์กทั้งสองนี้ เรามาทำความเข้าใจกันก่อนว่าใครเป็นใคร AngularJS ได้ปฏิวัติเฟรมเวิร์กที่พัฒนาแอปพลิเคชันหน้าเดียว (SPA) Angular เปิดตัวด้วยความช่วยเหลือของ Google ซึ่งยังคงรองรับอยู่ และเปิดตัวในปี 2010 และตั้งแต่นั้นมาก็มี AngularJS เวอร์ชันใหม่มากมาย เฟรมเวิร์กทำงานโดยใช้ JavaScript และสร้างขึ้นเพื่อการพัฒนาเว็บแอปพลิเคชันแบบหน้าเดียว สิ่งที่ทำให้ Angular แตกต่างคือความสามารถในการแปลง HTML เป็นอนุกรมเวลา

มาพูดถึงข้อเสียของ AngularJS แล้วคุณจะเข้าใจว่าทำไมจึงไม่ใช่เวอร์ชันที่ดีที่สุดของเฟรมเวิร์ก

  • JavaScript ใช่ แม้ว่าการทำงานกับ JavaScript จะสะดวกมาก แต่ถ้าไม่มี JavaScript คุณจะไม่สามารถทำอะไรได้เลยใน AngularJS ดังนั้นจึงมีปัญหาใหม่ – บนอุปกรณ์จำนวนมาก ไม่รองรับ JS (ใช่ ฟังดูน่าเศร้า) แน่นอนว่าไม่มีปัญหาดังกล่าวในแล็ปท็อปและคอมพิวเตอร์เครื่องใหม่ แต่ถ้าคุณยกตัวอย่างเช่น วัยรุ่นที่มีแล็ปท็อปเครื่องเก่าที่ต้องการเรียนรู้ AngularJS และเขาไม่ได้เรียกใช้ JavaScript และความปรารถนาที่จะเรียนรู้สิ่งใหม่ก็หายไป
  • ยากสำหรับผู้เริ่มต้น โครงสร้างของ AngularJS ค่อนข้างเข้าถึงได้ แต่เมื่อคุณเริ่มเรียนรู้เกี่ยวกับเฟรมเวิร์กนี้ในครั้งแรก คุณจะประสบปัญหามากมาย ไม่ใช่ทุกคนที่รู้วิธีทำงานกับคำสั่งและการพึ่งพาพร้อมกัน (และนี่คือส่วนประกอบของโค้ด AngularJS) นอกจากนี้ยังมีงานที่ไม่สามารถแก้ปัญหาได้โดยไม่มีคำสั่งเดียวกัน นักพัฒนาเริ่มเจาะลึกระบบของพวกเขา เสียเวลามาก (แม้ว่าจะเรียนรู้สิ่งใหม่ ๆ ได้ดีก็ตาม) แต่ก็มีสิ่งนั้น เป็นกำหนดเวลา ลูกค้ามักจะกำหนดเส้นตายอย่างชัดเจนและไม่ต้องการรอนานกว่าเวลาที่กำหนด ดังนั้น แม้ว่าโครงสร้างของ AngularJS จะพร้อมใช้งาน แต่อาจมีปัญหากับหลายฟังก์ชันในกระบวนการ
  • MVC ไม่ใช่ทุกคนที่รู้วิธีใช้งาน นอกจากนี้ยังใช้เวลานานในการทำความเข้าใจวิธีการทำงานของ MVC จริงอยู่ที่ตอนนี้ส่วนใหญ่มีประสบการณ์ในการทำงานกับมันแล้ว แต่นักพัฒนาดั้งเดิมจำนวนมากประสบปัญหานี้ สิ่งสำคัญที่สุดคือคุณจำเป็นต้องรู้ว่าโปรแกรมใดบ้างที่คุณจำเป็นต้องรู้เพื่อทำงานกับ AngularJS
  • เอกสารประกอบเพื่อการศึกษา อันที่จริง มันไม่ได้มากเมื่อเทียบกับ Angular ผู้เริ่มต้นโชคไม่ดีกับ AngularJS นี้ในทางใดทางหนึ่ง อย่างไรก็ตาม เมื่อศึกษาแล้ว คุณจะได้เรียนรู้มากมาย เรียนรู้โปรแกรมมากมาย และยิ่งนักพัฒนาซอฟต์แวร์รู้มากเท่าไหร่ก็ยิ่งดีเท่านั้น และเนื่องจากมีเอกสารเกี่ยวกับ AngularJS เพียงเล็กน้อย โปรแกรมเมอร์เองจึงมีความพยายามมากมายที่ต้องใช้เวลานานมาก
  • ข้อบกพร่อง ผลิตภัณฑ์ที่สร้างขึ้นใน AngularJS เป็นไดนามิก จึงไร้ประสิทธิภาพ การพยายามเริ่มโปรแกรมครั้งแรกอาจทำให้เกิดการขัดข้องและความล่าช้า
    • Angular 10 คืออะไร

    Angular 10 ใช้พื้นที่น้อยกว่ารุ่นก่อน คุณลักษณะใหม่ที่เพิ่มเข้ามาในความหลากหลายนี้คือการเลือกขอบเขตวันที่ที่ได้รับการปรับปรุงใน Angular Material และการแจ้งเตือนสำหรับการนำเข้า CommonJS นักพัฒนายังได้เพิ่มคุณสมบัติใหม่ นั่นคือ การแทนที่โมดูลชุดงาน ECMAScript เมื่อบันเดิลที่บรรจุด้วย CommonJS อาจทำให้โปรแกรมมีขนาดใหญ่ขึ้นและทำงานช้าลงได้

    เคล็ดลับสำหรับมือโปร: สแกนพีซีของคุณเพื่อหาปัญหาด้านประสิทธิภาพ ไฟล์ขยะ อันตราย แอปและภัยคุกคามด้านความปลอดภัย
    ที่อาจทำให้ระบบมีปัญหาหรือทำงานช้า

    สแกนหาพีซีฟรีปัญหา3.145.873ดาวน์โหลดเข้ากันได้กับ:Windows 10, Windows 7, Windows 8

    ข้อเสนอพิเศษ เกี่ยวกับ Outbyte คำแนะนำในการถอนการติดตั้ง EULA นโยบายความเป็นส่วนตัว

    นอกจากนี้ Angular 10 ยังนำเสนอการกำหนดค่าเชิงกลยุทธ์ของผลิตภัณฑ์เมื่อสร้างพื้นที่ใหม่จาก ใหม่ ผ่าน ng new–strict.

    การเปิดใช้งานช่วยให้คุณเริ่มต้นผลิตภัณฑ์ด้วยการตั้งค่าใหม่เพื่อการตรวจหาข้อผิดพลาดที่ดีขึ้นและการเพิ่มประสิทธิภาพโปรแกรมเพิ่มเติม

    ข้อดีของ Angular 10:
  • บริการภาษา ขณะนี้คอมไพเลอร์บริการภาษาสามารถใช้ไฟล์ตรวจสอบได้มากกว่าหนึ่งประเภทโดยใช้อินเทอร์เฟซผลิตภัณฑ์ที่สร้าง ScriptInfos หากจำเป็น นอกจากนี้ เอนทิตี HTML บางส่วน เช่น &, < ฯลฯ จะถูกลบออก สิ่งนี้ทำขึ้นเพื่อปกป้องพื้นฐานภายในของฟังก์ชัน Angular LS ซึ่งมีประสิทธิภาพค่อนข้างผันผวน
  • การกำหนดค่าเบราว์เซอร์ เบราว์เซอร์ที่เก่าและไม่เป็นที่นิยมถูกแยกออกจาก Angular 10 แล้ว สิ่งนี้ทำเพื่อส่งเสริมเบราว์เซอร์ที่ใหม่กว่าและสะดวกกว่า นอกจากนี้ การอัปเดตนี้มีผลข้างเคียงจากการปิดใช้งาน ES5 build โดยอัตโนมัติสำหรับผลิตภัณฑ์ใหม่ ในการดำเนินการนี้ ผู้พัฒนาต้องเพิ่มเบราว์เซอร์ที่จำเป็นลงในไฟล์ .browserslist RC เพื่อเปิดใช้งาน ES5 บิลด์และการโหลดส่วนต่างสำหรับเบราว์เซอร์
  • อัปเดตคอมไพเลอร์ คอมไพเลอร์ไม่ได้รับการอัพเกรดเช่นกัน ใน Angular เวอร์ชันนี้ นักพัฒนาได้เพิ่มอินเทอร์เฟซสำหรับคอมไพเลอร์เพื่อห่อคอมไพเลอร์ ngtsc จริง มีการเพิ่มเนมสเปซเพื่อให้คุณสมบัติและสามารถอ่านได้ นอกจากข้อมูลการพึ่งพานี้แล้ว ยังมีการเพิ่มตัวเลือกเนื้อหา ng Angular Language Service ลงในข้อมูลเมตาอีกด้วย รองรับการขยายช่วงต้นทุนที่แน่นอนในนิพจน์ไมโครซินแท็กซ์ ExpressionBinding ไปยัง ParsedProperty ซึ่งสามารถขยายช่วงไปยังเทมเพลต AST (ทั้ง VE และ Ivy)
  • Ngcc. เพิ่มคุณลักษณะนี้เพื่อให้สามารถเริ่มต้นโปรแกรมค้นหาจุดเข้าใช้งานตามโปรแกรมที่สร้างขึ้นเพื่อจัดการกับจุดเข้าใช้งานที่โปรแกรมกำหนดโดยไฟล์ tsconfig.json เท่านั้น จะได้รับการเข้าถึง คุณลักษณะนี้กระตุ้นกระบวนการของการพึ่งพาโดยมีจุดเริ่มต้นไม่กี่แห่งที่นำเข้ามาสู่ผลิตภัณฑ์ เส้นทางแพ็กเกจปกติและจุดเริ่มต้นสามารถละเว้นจากไฟล์ได้ ดังนั้นวิธีนี้จะช่วยกำจัดอาร์เรย์ที่ว่างเปล่า
  • ปรับปรุงประสิทธิภาพการทำงาน วิธีนี้ใช้ได้ผลโดยการลดระดับเสียงของจุดเริ่มต้น และข้อดีอีกอย่างคือแคชของการอ้างอิงเกิดขึ้นในรายการจุดเริ่มต้นและข้อมูลมาจากที่นั่น แทนที่จะทำการคำนวณทุกครั้ง สิ่งที่เคยทำทุกครั้งคือโปรแกรมรวบรวมข้อมูลได้รับการสร้างอินสแตนซ์และตอนนี้จะทำเมื่อจำเป็นใน TargetEntryPointFinder เท่านั้น
  • typescript 3.9. TypeScript เป็นภาษาที่ใช้ JavaScript แต่มีไวยากรณ์สำหรับการประกาศประเภทและคำอธิบายประกอบ TypeScript เวอร์ชันนี้นอกจากจะตรวจสอบข้อผิดพลาดแล้ว ยังทำงานร่วมกับคอมไพเลอร์เพื่อสร้างโครงสร้าง เพิ่มความเร็วทุกอย่าง และทำให้การทำงานเป็นปกติ
  • Localization หนึ่งในคุณสมบัติที่ดีที่สุดใน Angular เวอร์ชันนี้มีความสามารถในการรวมเอกสารการแปลหลายฉบับ ในขณะที่เวอร์ชันก่อนหน้าจะดาวน์โหลดไฟล์เพียงไฟล์เดียว นั่นคือตอนนี้นักพัฒนาสามารถรวมการแปลเอกสารโดยใช้รหัสข้อความ ในการดำเนินการนี้ คุณต้องย้ายเอกสารเป็นเอกสารที่สำคัญที่สุดสำหรับการแปลครั้งแรก และส่วนอื่นๆ ในภายหลัง
  • เราเตอร์ ขณะนี้เจ้าหน้าที่รักษาความปลอดภัย CanLoad สามารถกลับไปที่ Urltree ที่มุมเวอร์ชัน 10 ได้แล้ว การ์ด CanLoad ที่ส่งคืนโดย Urltree จะยกเลิกการนำทางที่ล้ำสมัยและช่วยเปลี่ยนเส้นทางข้อมูล ซึ่งสอดคล้องกับพฤติกรรมปัจจุบันของผู้พิทักษ์ CanActivate ซึ่งเพิ่มอย่างเห็นได้ชัด
  • Core คำเตือนทั้งหมดจะถูกอ่านว่าเป็นข้อผิดพลาด นี่ไม่ใช่คุณสมบัติที่ไม่ดี แต่สามารถเล่นเครื่องมือที่คาดว่าจะไม่มีการเข้าสู่ระบบผ่าน console.error เวอร์ชันใหม่นี้ของ Generic ทำให้ ModuleWithProviders จำเป็นต้องทำงานกับการรวบรวมและแสดงผลไปป์ไลน์ Ivy เพื่อให้แน่ใจว่าหากนักพัฒนาใช้ View Engine จะไม่มีการสร้างข้อผิดพลาด
  • แปลงรหัสเป็น Ivy การพึ่งพา Ivy จาก npm ทั้งหมดจะต้องถูกแปลงเป็นการพึ่งพา Ivy ซึ่งควรเกิดขึ้นเป็นสารตั้งต้นในการเรียกใช้ ngtsc ในแอปพลิเคชัน ต่อไป การดำเนินการรวบรวมและผูกมัดในอนาคตทั้งหมดจะต้องทำในทิศทางของการแปลงเวอร์ชันของการพึ่งพา
    • บทสรุป

    ในบทความนี้ ฉันได้เขียนเหตุผลว่าทำไม Angular ยังดีกว่า AngularJS ฉันไม่ได้ตั้งใจจะโน้มน้าวให้ทุกคนลืม AngularJS และไปที่ Angular 10 ไม่ ทุกเฟรมเวิร์กดีกว่าในบางสิ่ง ตอนนี้ Angular 10 มีคุณสมบัติที่เป็นไปได้ทั้งหมดในการสร้างโครงการที่ไม่มีใครเทียบได้ แต่อย่าลืมว่าปีหรือสองปีและเวอร์ชันใหม่จะดีกว่านี้ คำแนะนำของฉัน – เรียนรู้ให้มากที่สุด ทุกเวอร์ชันของกรอบงานจะเป็นประโยชน์

    วิดีโอ YouTube: ทำไมคุณควรอัปเกรดแอปของคุณจาก AngularJS เป็น Angular

    05, 2024