หากแบ่งออกจากสถาปัตยกรรมและแนวคิดภายในกรอบ JavaScript สามารถแบ่งออกเป็น 5 หมวดหมู่
ประเภท 1
สิ่งที่ปรากฏคือไลบรารีหรือเฟรมเวิร์กคลาสที่เน้นเนมสเปซ ตัวอย่างเช่นหากคุณสร้างอาร์เรย์ให้ใช้ array ใหม่ () และสร้างวัตถุด้วยวัตถุใหม่ () มันเป็นสไตล์ Java อย่างสมบูรณ์ ดังนั้นเราสามารถใช้วัตถุเป็นรูทและเพิ่มแอตทริบิวต์วัตถุอย่างต่อเนื่องหรือแอตทริบิวต์วัตถุทุติยภูมิเพื่อจัดระเบียบรหัสและซ้อนกันเหมือนพีระมิด ตัวแทนงานเช่นต้น Yui และ Ext
ประเภท 2
สิ่งที่ปรากฏคือกรอบการทำงานที่มุ่งเน้นจากโรงงานเช่นต้นแบบที่มีชื่อเสียงเช่นเดียวกับ Mootools, Base2 และสิบ โดยทั่วไปยกเว้นเนมสเปซพื้นฐานที่สุดโมดูลอื่น ๆ คือวัตถุคลาสที่ได้จากโรงงานคลาส โดยเฉพาะอย่างยิ่ง mootools 1.3, ห่อหุ้มทุกประเภทเป็นประเภท
ประเภท 3
มันเป็นเฟรมเวิร์กที่มุ่งเน้นตัวเลือกที่แสดงโดย jQuery เฟรมเวิร์กหรือห้องสมุดทั้งหมดเป็นวัตถุอาร์เรย์คลาสพิเศษซึ่งสะดวกสำหรับการดำเนินการรวบรวม - เนื่องจากตัวเลือกมักจะเลือกโหนดองค์ประกอบ n ในครั้งเดียวดังนั้นจึงถูกประมวลผลเข้าด้วยกัน jQuery มีสิ่งที่น่าอัศจรรย์หลายอย่าง: เทคโนโลยี "อินสแตนซ์ฟรีใหม่", $ (expr) คือการส่งคืนอินสแตนซ์โดยไม่ต้องใหม่อย่างชัดเจน; รับ SET แรกกฎการเข้าถึงทั้งหมด: ระบบแคชข้อมูล ด้วยวิธีนี้เหตุการณ์ของโหนดสามารถทำซ้ำได้ นอกจากนี้ยังมีการค้นพบการแสดงออกของฟังก์ชั่น IIFE (การแสดงออกของฟังก์ชั่นทันที)
ประเภท 4
มันเป็นเฟรมเวิร์กที่เชื่อมต่อโดยรถตัก พวกเขาทั้งหมดมีไฟล์ JavaScript หลายไฟล์และไฟล์ JavaScript แต่ละไฟล์จะถูกเขียนด้วยกฎคงที่ ที่มีชื่อเสียงที่สุดของพวกเขาคือ AMD Modularity เป็นสัญญาณว่า JavaScript กำลังก้าวไปสู่อุตสาหกรรม "กฎทองคำ" แรกที่ระบุไว้ใน "ศิลปะการเขียนโปรแกรม UNIX" คือโมดูลซึ่งกล่าวว่า - "วิธีเดียวที่จะเขียนซอฟต์แวร์ที่ซับซ้อนโดยไม่ล้มเหลวคือการรวมโมดูลง่าย ๆ หลายอย่างเข้ากับอินเทอร์เฟซที่กำหนดไว้อย่างชัดเจนด้วยวิธีนี้ปัญหาส่วนใหญ่จะเกิดขึ้นในพื้นที่ท้องถิ่น กรอบภายในขององค์กรหลายแห่งโดยทั่วไปใช้สถาปัตยกรรมนี้เช่น Dojo, Yui, Kissy, Qwrap และ Mass
ประเภท 5
มันเป็นเฟรมเวิร์ก MV* ที่มีสถาปัตยกรรมลำดับชั้นที่ชัดเจน ก่อนอื่น JavaScript MVC (ปัจจุบันเรียกว่า CANJS), backboneJs และ spineJs และจากนั้นสอดคล้องกับกรอบ MVVM Front-end ที่แท้จริงเช่น FrameWorks เช่น Knockout, Ember, Angular, Avalon และ WinJS ในเฟรมเวิร์ก MVVM การดำเนินงาน DOM ดั้งเดิมจะถูกแทนที่ด้วยการประกาศผลผูกพันและได้รับการจัดการโดยเฟรมเวิร์กเองและผู้ใช้จำเป็นต้องมุ่งเน้นไปที่รหัสธุรกิจ
ด้านล่างนี้เป็นข้อสรุปเกี่ยวกับลักษณะของกรอบ
การดำเนินการเกี่ยวกับประเภทข้อมูลพื้นฐานเป็นพื้นฐาน ตัวอย่างเช่น jQuery ให้วิธีการเช่นการตัดแต่ง, camelcase, แต่ละแผนที่, ฯลฯ และเฟรมเวิร์กที่รุกรานเช่น prototype.js เพิ่มวิธีการเช่น camelize ไปยังต้นแบบ
การกำหนดประเภทเป็นสิ่งจำเป็นและรูปแบบทั่วไปคือซีรี่ส์ ISXXX
ตัวเลือก, Domready และ Ajax เป็นคุณสมบัติมาตรฐานของเฟรมเวิร์กที่ทันสมัย
การดำเนินงาน DOM เป็นสิ่งสำคัญที่สุด การสำรวจของโหนดการดำเนินงานสไตล์และการดำเนินการแอตทริบิวต์ยังเป็นของขอบเขต ไม่ว่าจะแบ่งย่อยขึ้นอยู่กับขนาดของเฟรมเวิร์ก
Brower Sniff นั้นล้าสมัยและมีการตรวจจับคุณสมบัติ อย่างไรก็ตามการตรวจจับคุณสมบัติยังคงมีข้อ จำกัด หากคุณใช้การดมกลิ่นเบราว์เซอร์เพื่อแสดงผลข้อบกพร่องนโยบายความปลอดภัยหรือการแก้ไขสำหรับเบราว์เซอร์บางรุ่นจำเป็นต้องมีการดมกลิ่นเบราว์เซอร์ แต่มันควรจะเป็นอิสระในฐานะโมดูลหรือปลั๊กอินลบแกนกลางของเฟรมเวิร์ก
ตอนนี้ระบบเหตุการณ์กระแสหลักสนับสนุนเหตุการณ์พร็อกซิง
ขณะนี้เบราว์เซอร์มีแคชข้อมูลและการประมวลผลเพื่อให้คุณลักษณะข้อมูล** สำหรับงานนี้ แต่ไม่ง่ายต่อการใช้งานและต้องใช้การห่อหุ้มเพิ่มเติมของเฟรมเวิร์ก
เอ็นจิ้นแอนิเมชั่นเว้นแต่ว่าเฟรมเวิร์กของคุณจะมีกรอบการเคลื่อนไหวที่ดีที่สุดเช่น script.aculo.us เป็นการสำรองมันเป็นการดีที่สุดที่จะเพิ่ม
ปลั๊กอินพัฒนาและขยายได้ง่าย
ให้บริการโซลูชั่นสำหรับการจัดการกระบวนการแบบอะซิงโครนัสเช่นรอการตัดบัญชี
แม้ว่าโรงงานชั้นเรียนจะไม่ได้จัดเตรียมไว้โดยเฉพาะ แต่ก็ควรมีวิธีการที่เรียกว่า Extend หรือ Mixin เพื่อขยายวัตถุ แม้ว่า jQuery จะไม่มีโรงงานในชั้นเรียน แต่ก็ต้องเพิ่มใน jQuery UI ซึ่งแสดงให้เห็นถึงความสำคัญ
ตั้งแต่ jQuery ออกมาด้วยวิธีการที่เรียกว่า noconflict กรอบที่เกิดขึ้นใหม่ได้นำวิธีการนี้มาอยู่รอดในร่อง
เฟรมเวิร์กมากมายให้ความสำคัญกับการดำเนินงานของคุกกี้