รายการเวอร์ชันเชิงมุมและประวัติ - เชิงมุม 2,4,5,6,7,8
ประวัติเวอร์ชันเชิงมุม
ต่อไปนี้เป็นวันที่เปิดตัวเวอร์ชัน Angular:
- Angular เวอร์ชัน 1.0 ซึ่งรู้จักกันในชื่อ AngularJS เปิดตัวในปี 2010 โดย Google
- Angular เวอร์ชัน 2.0 เปิดตัวในเดือนกันยายน 2016
- Angular 4.0 เปิดตัวในเดือนมีนาคม 2017
- Angular 5.0 เปิดตัวในเดือนพฤศจิกายน 2017
- Angular 6.0 เปิดตัวในเดือนพฤษภาคม 2018
- Angular 7.0 เปิดตัวในเดือนตุลาคม 2018
- Angular 8.0 เปิดตัวในเดือนพฤษภาคม 2019
- Angular 9.0 เปิดตัวในเดือนกุมภาพันธ์ 2020
- Angular 10.0 เปิดตัวในเดือนมิถุนายน 2020
- Angular 11.0 เปิดตัวในเดือนพฤศจิกายน 2020
- Angular 12 เปิดตัวในเดือนพฤษภาคม 2021
- Angular 13 เปิดตัวในเดือนพฤศจิกายน 2021
- Angular 14 เปิดตัวในเดือนมิถุนายน 2022
รายการเวอร์ชันเชิงมุมและประวัติ
มาดูประวัติเวอร์ชันของ Angular โดยละเอียด:
ประวัติความเป็นมาของเชิงมุม 1
เชิงมุม 1 ซึ่งเรียกอีกอย่างว่า AngularJS คือ Javaเฟรมเวิร์กโอเพ่นซอร์สสคริปต์ เฟรมเวิร์กนี้ได้รับการออกแบบมาโดยเฉพาะสำหรับเว็บแอปแบบเพจเดียวซึ่งเป็นของ Google อย่างสมบูรณ์ นี่เป็นเวอร์ชัน Angular แรกที่เปิดตัวในปี 2010
ประวัติความเป็นมาของเชิงมุม 2
Angular 2 เป็นเวอร์ชันที่สร้างและแก้ไขใหม่เสร็จสมบูรณ์จาก Angular 1 เวอร์ชันนี้ใช้งานได้กับอุปกรณ์พกพา นอกจากนี้ Angular 2 ยังให้คุณเลือกภาษาอื่น ๆ ได้มากขึ้น เช่น ES5, ES6 หรือ TypeScript การเขียนโค้ดของ Angular 2
ประวัติความเป็นมาของเชิงมุม 4
ตามที่กล่าวไว้ก่อนหน้านี้ ทีม Angular 3 ไม่ได้เผยแพร่ Angular 4 เปิดตัวเมื่อวันที่ 6 มีนาคม 2017 ซึ่งเข้ากันได้กับแอปพลิเคชันส่วนใหญ่ อย่างไรก็ตาม ไม่มีการเปลี่ยนแปลงที่สำคัญใดๆ ใน Angular 4 จาก Angular 2 และมีการแก้ไขข้อบกพร่องที่ดีกว่า และมีการแจ้งเตือนเมื่อเปรียบเทียบกับ Angular 2
ประวัติความเป็นมาของเชิงมุม 5
Angular Five เปิดตัวในเดือนพฤศจิกายน 2017 ในเวอร์ชัน Angular นี้ มีการเปลี่ยนแปลงครั้งใหญ่ที่สุดบางประการเมื่อเทียบกับ Angular ก่อนหน้า ในเวอร์ชันนี้มี Build Optimizer ที่สร้างด้วย Angular CLI ซึ่งช่วยให้คุณใช้ Build Optimizer ตามค่าเริ่มต้นได้ นอกจากนี้ยังมี Angular Universal State Transfer ที่รองรับ API และ DOM อีกด้วย
ประวัติความเป็นมาของเชิงมุม 6
Angular เวอร์ชัน 6 เปิดตัวเมื่อวันที่ 4 พฤษภาคม 2018 เป็นเวอร์ชันหลักที่เน้นที่เฟรมเวิร์กพื้นฐานน้อยกว่าและเพิ่มเติมบน toolchain Angular Elements, Component Dev Kit, Angular Material Starter Components, Library support และ Tree Shakeable Providers คือคุณสมบัติใหม่ที่เพิ่มเข้ามาในเวอร์ชันนี้
ประวัติความเป็นมาของเชิงมุม 7
Angular เวอร์ชัน 7 เปิดตัวเมื่อวันที่ 18 ตุลาคม 2018 การอัปเดตเกี่ยวกับประสิทธิภาพของแอปพลิเคชัน, CDK, การเลื่อนเสมือนจริงของวัสดุเชิงมุม นอกจากนี้ยังให้การเข้าถึงที่ดีขึ้นของการเลือก รองรับการฉายเนื้อหาโดยใช้มาตรฐานเว็บสำหรับองค์ประกอบที่กำหนดเอง และการอัปเดตการพึ่งพาเกี่ยวกับ Typescript 3.1, RxJS 6.3 และโหนด 10
ประวัติความเป็นมาของเชิงมุม 8
Angular เวอร์ชัน 8 เปิดตัวเมื่อวันที่ 28 พฤษภาคม 2019 การอัปเดตนี้ช่วยปรับปรุงการโหลดโค้ดแอปพลิเคชันทั้งหมด การนำเข้าแบบไดนามิกของ Web Worker สำหรับเส้นทางแบบ Lazy นอกจากนี้ยังรองรับ TypeScript 3.4 และ Angular Ivy เป็นตัวเลือกในการแสดงตัวอย่าง
Angular JS คืออะไร?
AngularJS เป็นเฟรมเวิร์กเว็บแบบโอเพ่นซอร์สส่วนหน้า Javaสคริปต์สำหรับสร้างแอปพลิเคชันเว็บแบบไดนามิก ช่วยให้นักพัฒนาสามารถใช้ HTML เป็นภาษาเทมเพลตและขยายไวยากรณ์เพื่อสร้างส่วนประกอบแอปพลิเคชันต่างๆ นอกจากนี้ยังช่วยให้คุณลดการเขียนโค้ดโดยการผูกข้อมูลและการฉีดการพึ่งพา
AngularJS ถูกสร้างขึ้นโดย Misko Heavery เขาได้สร้างเฟรมเวิร์กเพื่อจัดการกับการล่มสลายของ HTML และยังนำแนวคิดและแนวทางปฏิบัติที่ดีที่สุดของห้องสมุดที่ไม่เคยทำมาก่อน
AngularJS เป็นเฟรมเวิร์กเวอร์ชันแรกซึ่งเปิดตัวในปี 2009 โดยเป็นการวางรากฐานให้กับการพัฒนาแอปพลิเคชันฟรอนต์เอนด์ในปัจจุบัน Angular JS เป็นหนึ่งในโซลูชันการพัฒนาแอปพลิเคชันเพจเดียวที่ดีที่สุด ต่อมาจึงได้รับการยอมรับอย่างกว้างขวางและได้รับความนิยมอย่างมาก
คุณสมบัติของแองกูลาร์ JS
- A Javaกรอบงานสคริปต์ MVW
- ขยายการสนับสนุน HTML โดยการเพิ่มแท็ก คุณลักษณะ และนิพจน์
- ช่วยให้สามารถจัดการเหตุการณ์ได้ง่าย
- รองรับการผูกข้อมูล
- เครื่องมือเทมเพลตในตัวและการกำหนดเส้นทาง
- การตรวจสอบแบบฟอร์มและภาพเคลื่อนไหว
- การฉีดพึ่งพา
เชิงมุม 2 คืออะไร
2 เชิงมุม เป็นเวอร์ชัน AngularJS ที่สร้างขึ้นตามแนวคิดของส่วนประกอบ ซึ่งอนุญาตให้สร้างได้ Javaคลาสสคริปต์ หลังจากปล่อย Angular JS ออกไป ทีม Angular ก็ปล่อย Angular 2 ออกมา ซึ่งเป็นการเขียนใหม่ทั้งหมดจาก Angular 1 หรือ AngularJS ดั้งเดิม ซึ่งได้รับการเขียนใหม่ทั้งหมดโดยทีม Angular โดยใช้ TypeScript ทำให้มีประสิทธิภาพที่ดีขึ้นสำหรับนักพัฒนาเว็บ
มีคุณสมบัติใหม่ๆ มากมาย พร้อมด้วยการปรับปรุงและปรับแต่งอื่นๆ
คุณสมบัติที่สำคัญบางประการของ Angular 2 คือ:
- กรอบงานที่ทันสมัย เร็วขึ้น และปรับขนาดได้สูง
- เฟรมเวิร์กที่มีประโยชน์พอๆ กันสำหรับแอปบนเว็บ อุปกรณ์เคลื่อนที่ และเดสก์ท็อป
- สถาปัตยกรรมแบบส่วนประกอบเว็บ
- รองรับการฉีดการอ้างอิงแบบลำดับชั้น
ทำไมไม่ Angular 3?
Angular 2 เป็นที่เก็บข้อมูลเดียว แต่ละแพ็คเกจสามารถดาวน์โหลดได้ด้วยหลักการ @ Angular / package-name ตัวอย่างเช่น @เชิงมุม/HTTP, @เชิงมุม/เราเตอร์
ชื่อแพ็คเกจทั้งหมดถูกกำหนดให้เป็นเวอร์ชัน 2 แต่แพ็กเกจเราเตอร์โดยไม่ได้ตั้งใจได้รับเวอร์ชัน 3 ดังนั้นทีมพัฒนาจึงข้าม Angular เวอร์ชัน 3 และตั้งชื่อเป็นเวอร์ชัน 4 โดยตรงเพื่อรักษาความเข้ากันได้กับเวอร์ชันของ Angular Router
เชิงมุม 4 คืออะไร
4 เชิงมุม เป็นเฟรมเวิร์กแอปพลิเคชันเว็บสำหรับการสร้าง Javaแอปพลิเคชันสคริปต์ รองรับ TypeScriptซึ่งรวบรวมเป็น Javaต้นฉบับ และแสดงผลเช่นเดียวกันในเบราว์เซอร์ นอกจากนี้ยังมีแถบเครื่องมือนำทาง การเติมข้อความอัตโนมัติ เมนู และคุณสมบัติอื่นๆ อีกมากมาย มันแตกต่างจาก Angular 2 ซึ่งเป็นเวอร์ชันที่เขียนใหม่ทั้งหมดของ Angular 1
คุณสมบัติอื่นๆ ของ Angular 4 คือ:
- ลดขนาดของโค้ดบันเดิลที่สร้างขึ้นได้ถึง 60%
- แอนิเมชั่นย้ายออกไปยังแพ็คเกจที่แยกจากกัน @เชิงมุม/แอนิเมชั่น
- รองรับคำสั่ง if/else
- รองรับระบบตรวจสอบอีเมล์
เชิงมุม 5 คืออะไร
5 เชิงมุม เป็นกรอบงานแอปพลิเคชันเว็บโอเพ่นซอร์สซึ่งมีพื้นฐานมาจาก TypeScriptมีคุณลักษณะใหม่และการปรับปรุงมากมายที่ทำในเวอร์ชันนี้ เช่น การฉีดพึ่งพา, เทมเพลตที่เปิดเผย, เครื่องมือแบบ end-to-end ฯลฯ ซึ่งไม่มีการเปลี่ยนแปลงที่สำคัญใดๆ จาก Angular 4
คุณสมบัติของเชิงมุม 5:
- กำหนดให้ AOT เป็นค่าเริ่มต้น
- สร้างโปรเกรสซีฟเว็บแอปได้ง่ายขึ้น
- พิมพ์การตรวจสอบในเทมเพลต
- รองรับหมายเลข วันที่ และท่อสกุลเงินที่เป็นสากล
- การอัปเดตเป็น Httpclient
- การปรับปรุงความเร็วของโซน
- เหตุการณ์วงจรชีวิตของเราเตอร์ใหม่
ความแตกต่างระหว่าง AngularJS และ Angular 2
ด้านล่างนี้เป็นข้อแตกต่างหลักระหว่าง AngularJS Vs Angular 2:
JS เชิงมุม | 2 เชิงมุม |
---|---|
เปิดตัวโดย Google ในปี 2010 | เปิดตัวในเดือนกันยายน 2016 |
Javaกรอบงานที่ใช้สคริปต์สำหรับการสร้าง SPA | เขียนเวอร์ชัน AngularJS ใหม่ให้เสร็จสมบูรณ์ |
ยังคงได้รับการสนับสนุนแต่จะไม่ได้รับการพัฒนาอีกต่อไป | มีการอัปเดตเวอร์ชันที่เผยแพร่เป็นประจำเนื่องจากการกำหนดเวอร์ชันแบบความหมาย |
สถาปัตยกรรมของ AngularJS มีพื้นฐานมาจาก MVC | สถาปัตยกรรมของ Angular 2 ขึ้นอยู่กับบริการ/ตัวควบคุม |
AngularJS ไม่ได้รับการพัฒนาโดยคำนึงถึงฐานมือถือ | Angular 2 เป็นเฟรมเวิร์กที่เน้นมือถือ |
โค้ด AngularJS สามารถเขียนได้โดยใช้เพียง ES5, ES6 และ Dart | เราสามารถใช้ ES5, ES6, Typescript เพื่อเขียนโค้ด Angular 2 ได้ |
ขึ้นอยู่กับผู้ควบคุมซึ่งขอบเขตสิ้นสุดลงแล้ว | ทุกวันนี้ คอนโทรลเลอร์ถูกแทนที่ด้วยส่วนประกอบ และ Angular 2 นั้นเป็นส่วนประกอบโดยสมบูรณ์ |
โรงงาน บริการ ผู้ให้บริการ มูลค่า และค่าคงที่ใช้สำหรับการบริการ | คลาสเป็นวิธีเดียวในการกำหนดบริการใน Angular2 |
ทำงานบนฝั่งไคลเอ็นต์เท่านั้น | ทำงานบนฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์ |
ฟังก์ชัน ng-app และ Angular bootstrap ใช้ในการเริ่มต้น | ฟังก์ชัน bootstrapmodule() ใช้ในการเริ่มต้น |
ความแตกต่างระหว่างเชิงมุม 2 และเชิงมุม 4
ต่อไปนี้คือความแตกต่างที่สำคัญระหว่าง Angular 2 และ Angular 4:
2 เชิงมุม | 4 เชิงมุม |
---|---|
โค้ดที่สร้างโดยใช้ Angular 2 มีขนาดใหญ่กว่า และขนาดไฟล์ก็ใหญ่กว่าด้วย | Angular 4.0 ลดขนาดไฟล์รวมลง 60% ดังนั้นโค้ดที่สร้างขึ้นจึงลดลงซึ่งจะช่วยเร่งประสิทธิภาพของแอปพลิเคชัน |
Angular 2 ไม่สามารถใช้งานร่วมกับ Angular JS แบบย้อนหลังได้ | Angular 2 สามารถใช้งานร่วมกับ Angular XNUMX แบบย้อนหลังสำหรับแอปพลิเคชันส่วนใหญ่ |
ไม่มีขั้นตอนการไม่อนุมัติที่เหมาะสมในการปรับเปลี่ยนรหัส | จะมีขั้นตอนการไม่อนุมัติที่เหมาะสมเพื่อให้นักพัฒนาซอฟต์แวร์สามารถปรับโค้ดของตนได้ |
ไม่มีข้อเสนอคุณสมบัติแอนิเมชั่นใน Angular 2 | คุณสมบัติแอนิเมชั่นถูกดึงออกมาจาก @ เชิงมุม/core และรวมไว้ในแพ็คเกจ |
ความแตกต่างระหว่างเชิงมุม 4 และเชิงมุม 5
นี่คือความแตกต่างระหว่าง Angular 4 กับ Angular 5:
4 เชิงมุม | 5 เชิงมุม |
---|---|
รองรับเราเตอร์ ParamMap | เหตุการณ์วงจรชีวิตของเราเตอร์ใหม่ |
ส่วนประกอบแบบไดนามิกด้วย NgComponentOutlet | การปรับปรุงคอมไพเลอร์ |
TypeScript 2.4 กับเวอร์ชันนี้ที่ทำหน้าที่เป็น Javaซูเปอร์เซ็ตสคริปต์ที่สามารถใช้สำหรับการพิมพ์แบบคงที่ อินเทอร์เฟซ และคลาสที่เป็นทางเลือก | Angular 5 มาพร้อมกับเครื่องมือเพิ่มประสิทธิภาพบิลด์ซึ่งเป็นส่วนหนึ่งของคำสั่งของแพลตฟอร์มเหมือนกับเครื่องมือ |
คำขอ HTTP แบบง่าย | การเพิ่มประสิทธิภาพด้วยคุณสมบัติ HttpClient |
รวมแพ็คเกจแอนิเมชั่น | วันที่และสกุลเงินสากล |
สรุป
- AngularJS เป็นเฟรมเวิร์กเว็บโอเพ่นซอร์สส่วนหน้าที่ใช้ Javaสคริปต์สำหรับสร้างแอปพลิเคชันเว็บแบบไดนามิก
- Angular 2 เป็นเวอร์ชัน AngularJS ที่สร้างขึ้นตามแนวคิดของส่วนประกอบ ซึ่งอนุญาตให้สร้างได้ Javaคลาสสคริปต์ หลังจากปล่อย Angular JS ออกไป ทีมงาน Angular ก็ปล่อย Angular 2 ออกมา ซึ่งเป็นการเขียนใหม่ทั้งหมดจาก Angular 1 หรือ AngularJS ดั้งเดิม
- ชื่อแพ็คเกจทั้งหมดถูกกำหนดให้เป็นเวอร์ชัน 2 แต่แพ็กเกจเราเตอร์โดยไม่ได้ตั้งใจได้รับเวอร์ชัน 3 ดังนั้นทีมพัฒนาจึงข้าม Angular เวอร์ชัน 3 และตั้งชื่อเป็นเวอร์ชัน 4 โดยตรงเพื่อรักษาความเข้ากันได้กับเวอร์ชันของ Angular Router
- Angular 4 เป็นเฟรมเวิร์กแอปพลิเคชันเว็บสำหรับการสร้าง Javaแอปพลิเคชันสคริปต์ รองรับ TypeScriptซึ่งรวบรวมเป็น Javaสคริปต์และแสดงผลแบบเดียวกันในเบราว์เซอร์
- Angular 5 เป็นกรอบงานแอปพลิเคชันเว็บโอเพ่นซอร์สซึ่งมีพื้นฐานมาจาก TypeScriptมีคุณลักษณะใหม่และการปรับปรุงมากมายที่ทำในเวอร์ชันนี้ เช่น การฉีดการอ้างอิง เทมเพลตเชิงประกาศ เครื่องมือแบบครบวงจร ฯลฯ