เนื้อหาหลักของบทความนี้สรุปโดยอ้างอิงจากเอกสารอย่างเป็นทางการ:
vue.js
vue.js @ ห้องสมุดที่เขียนโดย Mr. You Yuxi สำหรับการสร้างอินเตอร์เฟสเว็บอินเทอร์แอคทีฟเป็น MVVM ที่มีความคล่องตัว จากมุมมองทางเทคนิค Vue.js มุ่งเน้นไปที่เลเยอร์ ViewModel ของโมเดล MVVM มันเชื่อมต่อเลเยอร์มุมมองและเลเยอร์โมเดลผ่านการเชื่อมโยงข้อมูลแบบสองทิศทาง รูปแบบการห่อหุ้ม DOM และเอาต์พุตที่แท้จริงนั้นถูกแยกออกสำหรับคำสั่งและตัวกรอง Vue.js เป็นห้องสมุดขนาดเล็กและสวยงามเมื่อเทียบกับห้องสมุดอื่น ๆ วัตถุประสงค์หลักของผู้เขียนคือการสร้างการเชื่อมโยงข้อมูลไตร่ตรองและส่วนประกอบมุมมองแบบคอมโพสิตผ่าน API อย่างง่าย ฉันรู้สึกว่าความคิดของผู้เขียนนั้นชัดเจนมาก
ข้อได้เปรียบ:
ง่าย: เอกสารอย่างเป็นทางการชัดเจนมากง่ายและง่ายต่อการเรียนรู้มากกว่า Angular
ด่วน: อัปเดต DOM ในการประมวลผลชุดแบบอะซิงโครนัส
การรวมกัน: รวมแอปพลิเคชันของคุณเข้ากับส่วนประกอบที่นำกลับมาใช้ใหม่ได้
กะทัดรัด: ~ 18KB ขั้นต่ำ+GZIP และไม่มีการพึ่งพา
มีประสิทธิภาพ: การแสดงออกและคุณสมบัติที่คำนวณได้ซึ่งไม่จำเป็นต้องมีการประกาศการพึ่งพา
เป็นมิตรกับโมดูล: สามารถติดตั้งผ่าน NPM, Bower หรือ Duo และไม่บังคับให้รหัสทั้งหมดของคุณปฏิบัติตามกฎระเบียบเชิงมุมต่างๆทำให้สถานการณ์การใช้งานมีความยืดหยุ่นมากขึ้น
ข้อบกพร่อง:
ทารกแรกเกิด: Vue.js เป็นโครงการใหม่รุ่นผู้สมัครรุ่น 0.10.0 ที่วางจำหน่ายเมื่อวันที่ 20 มีนาคม 2014 ปัจจุบันเวอร์ชันล่าสุดของ GitHub คือ 0.11.4 ซึ่งไม่เป็นผู้ใหญ่เหมือน Angular
ผลกระทบไม่ใหญ่มาก: ฉัน googled มันและมีความหลากหลายหรือความร่ำรวยของ vue.js น้อยกว่าห้องสมุดที่มีชื่อเสียงอื่น ๆ
IE8 ไม่ได้รับการสนับสนุน: ฮ่าฮ่า แต่ AngularJS 1.3 ยังละทิ้งการสนับสนุน IE8 แต่ @微官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官�นี่ไม่ดีสำหรับโครงการที่ต้องสนับสนุน IE8 แต่นี่ก็เป็นแนวโน้มในการพัฒนาส่วนหน้าเว็บ ตัวอย่างเช่น IE รุ่นต่ำควรออกจากขั้นตอนของประวัติศาสตร์โดยการเปลี่ยนความคิดส่วนหน้าของเราแทนที่จะปรับตัวให้เข้ากับผู้ที่ใช้เวอร์ชันเก่าโดยไม่ต้องอัปเกรด @德官网官网พูดสิ่งหนึ่งฉันคิดว่ามันดีมาก "ในช่วงไม่กี่วันที่ผ่านมาการสนับสนุน IE6 และ 7 นั้นไม่ได้เป็นคุณสมบัติอีกต่อไป แต่เป็นความอัปยศเรามุ่งมั่นที่จะโปรโมต Alipay ที่จะไม่สนับสนุน IE6 และ 7 อย่างสมบูรณ์และหวังว่าจะได้พี่น้องเข้าร่วมมากขึ้น"
AngularJs
AngularJS ได้รับความนิยมอย่างมากเมื่อเร็ว ๆ นี้และมีผู้ติดตามจำนวนมาก Superheroic JavaScript MVW Framework
เจ้าหน้าที่กล่าวว่าง่าย: "เทคโนโลยีลูกค้าที่เขียนด้วย JavaScript มันถูกใช้ร่วมกับเทคโนโลยีเว็บที่มีมายาวนานอื่น ๆ (HTML, CSS และ JavaScript) เพื่อให้การพัฒนาเว็บแอปพลิเคชันง่ายขึ้นและเร็วขึ้นกว่าเดิม" เมื่อคุณเรียนรู้ฉันเชื่อว่าคุณจะได้รับผลกระทบพิเศษใหม่ ๆ มากมาย
ข้อได้เปรียบ:
มุมมองแบบไดนามิก: ฉันไม่เคยคิดว่า JS จะขยายคุณลักษณะ HTML เช่นนี้มาก่อน แต่ AngularJs ทำมัน มันเพิ่มฟังก์ชั่นการขยายจำนวนมากให้กับ HTML แบบคงที่ของเราซึ่งทำให้ HTML จากความตายสู่ชีวิต
สมบูรณ์แบบ: มันเป็นเฟรมเวิร์ก MVW Front-end ที่ค่อนข้างสมบูรณ์รวมถึงเทมเพลตการเชื่อมโยงข้อมูลแบบสองทิศทางการกำหนดเส้นทางการแยกส่วนการบริการการฉีดพึ่งพาและฟังก์ชั่นอื่น ๆ เทมเพลตมีประสิทธิภาพและอุดมไปด้วยฟังก์ชั่นและมีการประกาศพร้อมคำแนะนำเชิงมุมที่หลากหลาย
การบำรุงรักษาของ Google: AngularJS มี Google ที่จะรักษาและไม่ต้องสงสัยเลยว่ามีแบ็กเอนด์ที่แข็งแกร่ง มันมีข้อได้เปรียบที่ชัดเจนมากกว่า Vue.js และ Avalon สำหรับการส่งเสริมและการบำรุงรักษา ชุมชนยังมีชีวิตชีวามากและสามารถส่งเสริมการพัฒนาได้ดี
AngularJS & Ionic: Ionic: HTML5 Hybrid Hybrid Mobile Framework ขั้นสูงทั้งสองเป็นเพื่อนที่ดี Ionic ใช้ AngularJs เพื่อสร้างกรอบที่เหมาะสมที่สุดสำหรับการพัฒนาแอพพลิเคชั่นที่หลากหลายและทรงพลัง ครั้งสุดท้ายที่ฉันตอบคำถามที่เกี่ยวข้องเกี่ยวกับ Zhihu เพื่อพัฒนา WebApps เฟรมเวิร์กและแพลตฟอร์มแอพแพคเกจใดที่มีประสิทธิภาพและประสิทธิภาพที่ดีที่สุด - คำตอบของ Tang Wei โปรดดูรายละเอียดที่นี่
ข้อบกพร่อง:
ใหญ่และครอบคลุม: เป็นการยากที่จะเรียนรู้ สำหรับฉันเส้นโค้งการเรียนรู้นั้นคดเคี้ยวและเข้าใจยากมาก
พลิกคว่ำและเขียนใหม่: ฉันไปเยี่ยมชุมชนเมื่อไม่นานมานี้และพบว่า AngularJS2.0 จะคว่ำและเขียนซ้ำการคว่ำและเขียนใหม่ก่อนหน้านี้ เฟรมเวิร์กทั้งสองเปลี่ยนไปมากโดยทั่วไปสองเฟรมเวิร์ก มันเทียบเท่ากับการบอกว่าคุณต้องเริ่มต้นจากศูนย์หลังจาก 2.0 ออกมา แต่อีกครั้ง //www.vevb.com/article/79637.htm บทความนี้อธิบายการเปลี่ยนแปลงของ AngularJS2.0 ได้ดีมาก
ไม่รองรับ IE8 หรือต่ำกว่า ดูเหมือนว่า 2.0 ได้รับการสนับสนุนเฉพาะบนอุปกรณ์มือถือเท่านั้น มาดูกันหลังจากที่มันออกมา
avalon.js
Avalon.js เป็นกรอบ MVVM MINI MINI ที่ง่ายและใช้งานง่ายที่เขียนโดย @Situ Zhengmei มันถูกตีพิมพ์ครั้งแรกเมื่อปี 2012.09.15 และได้รับการพัฒนาเพื่อแก้ปัญหาการมีอยู่ของมุมมองที่หลากหลายของตรรกะทางธุรกิจเดียวกัน คุณมักจะเห็นว่าครูส่งเสริม avalon.js ของเขาและได้ตีพิมพ์บทเรียนมากมายซึ่งไม่ต้องสงสัยเลยว่าให้ความสะดวกสบายแก่ผู้คนในประเทศจีนที่ศึกษา avalon.js
ข้อได้เปรียบ
ใช้งานง่ายเพิ่มการผูกใน HTML กำหนด viewModel ใน JS ด้วย avalon.define จากนั้นเรียกใช้วิธี avalon.scan และมันจะสามารถเคลื่อนย้ายได้!
เข้ากันได้กับ IE6 (เฟรมเวิร์ก MVVM อื่น ๆ , Knockoutjs (IE6), AngularJS (IE9), EmberJS (IE8), WinJS (IE9)) และ Avalon.Mobile ซึ่งสามารถทำงานได้อย่างมีประสิทธิภาพมากขึ้นในรุ่นใหม่เช่น IE10
ไม่มีการพึ่งพาน้อยกว่า 5,000 บรรทัดน้อยกว่า 50kib หลังจากการบีบอัด
รองรับฟังก์ชั่นการกรองสไตล์ตัวอักษรไปป์ไลน์เพื่ออำนวยความสะดวกในการจัดรูปแบบเอาต์พุต
ความละเอียดของการรีเฟรชในท้องถิ่นได้รับการปรับปรุงให้เป็นโหนดข้อความโหนดคุณสมบัติโหนด
โหนดที่จะดำเนินการจะถูกผูกไว้กับฟังก์ชั่นการรีเฟรชมุมมองในการสแกนครั้งแรกและแคชดังนั้นจึงไม่มีที่ว่างให้ตัวเลือกปรากฏ
สร้างรหัสการดำเนินการ DOM เกือบจะสูญพันธุ์
การใช้กลไกการทับซ้อนที่คล้าย CSS ให้แต่ละพาร์ติชัน ViewModel แสดงผล
เมื่อลบโหนดให้ถอนการติดตั้งฟังก์ชั่นการรีเฟรชมุมมองที่สอดคล้องกันอย่างชาญฉลาดเพื่อบันทึกหน่วยความจำ
ข้อมูลการดำเนินการคือการใช้งาน DOM และการดำเนินการบน ViewModel จะถูกซิงโครไนซ์กับมุมมองและรูปแบบ
มันมาพร้อมกับตัวโหลดโมดูล AMD ดังนั้นจึงสามารถหลีกเลี่ยงการรวมเข้ากับรถตักอื่น ๆ
ข้อบกพร่อง
1. การกรองอาร์เรย์ไม่ดีเท่าเชิงมุม ตัวกรองของ Avalon สามารถใช้สำหรับ MS-text, MS-HTML เท่านั้น
2. ไม่มีเอกสารภาษาอังกฤษการประชาสัมพันธ์ถูก จำกัด
3. ผิวของ Oniui นั้นดูไม่ดีพอ หลายคนบอกว่าพวกเขาต้องการร่วมมือกับ boostrap แต่ไม่มีใครในชุมชนได้ใช้ความคิดริเริ่มในการทำเช่นนี้