Ext.js - ภาพรวม

Ext JS เป็นเฟรมเวิร์ก JavaScript ที่ได้รับความนิยมซึ่งมี UI ที่หลากหลายสำหรับการสร้างเว็บแอปพลิเคชันที่มีฟังก์ชันข้ามเบราว์เซอร์ Ext JS ใช้สำหรับการสร้างแอปพลิเคชันเดสก์ท็อป รองรับเบราว์เซอร์ที่ทันสมัยทั้งหมดเช่น IE6 +, FF, Chrome, Safari 6+, Opera 12+ เป็นต้นในขณะที่ผลิตภัณฑ์อื่นของ Sencha Sencha Touch ใช้สำหรับแอปพลิเคชันมือถือ

Ext JS ใช้สถาปัตยกรรม MVC / MVVM Ext JS 6 เวอร์ชันล่าสุดเป็นแพลตฟอร์มเดียวซึ่งสามารถใช้ได้กับทั้งแอปพลิเคชันเดสก์ท็อปและอุปกรณ์เคลื่อนที่โดยไม่ต้องมีรหัสที่แตกต่างกันสำหรับแพลตฟอร์มอื่น

ประวัติศาสตร์

ต่อ JS 1.1

Ext JS เวอร์ชันแรกได้รับการพัฒนาโดย Jack Slocum ในปี 2549 เป็นชุดของคลาสยูทิลิตี้ซึ่งเป็นส่วนเสริมของ YUI เขาตั้งชื่อห้องสมุดว่า YUI-ext

ต่อ JS 2.0

Ext JS เวอร์ชัน 2.0 เปิดตัวในปี 2550 เวอร์ชันนี้มีเอกสาร API ใหม่สำหรับแอปพลิเคชันเดสก์ท็อปที่มีคุณสมบัติ จำกัด เวอร์ชันนี้ไม่มีความเข้ากันได้แบบย้อนหลังกับ Ext JS เวอร์ชันก่อนหน้า

ต่อ JS 3.0

Ext JS เวอร์ชัน 3.0 เปิดตัวในปี 2009 เวอร์ชันนี้ได้เพิ่มคุณสมบัติใหม่เป็นแผนภูมิและมุมมองรายการ แต่ด้วยราคาที่รวดเร็ว มีความเข้ากันได้ย้อนหลังกับเวอร์ชัน 2.0

ต่อ JS 4.0

หลังจากการเปิดตัว Ext JS 3 ผู้พัฒนา Ext JS มีความท้าทายที่สำคัญในการเพิ่มความเร็ว Ext JS เวอร์ชัน 4.0 เปิดตัวในปี 2554 มีโครงสร้างที่ได้รับการแก้ไขอย่างสมบูรณ์ซึ่งตามมาด้วยสถาปัตยกรรม MVC และแอปพลิเคชันที่รวดเร็ว

ต่อ JS 5.0

Ext JS เวอร์ชัน 5.0 เปิดตัวในปี 2014 การเปลี่ยนแปลงที่สำคัญในรุ่นนี้คือการเปลี่ยนสถาปัตยกรรม MVC เป็นสถาปัตยกรรม MVVM รวมถึงความสามารถในการสร้างแอปเดสก์ท็อปบนอุปกรณ์ที่รองรับระบบสัมผัสการเชื่อมโยงข้อมูลสองทางเค้าโครงที่ตอบสนองและคุณสมบัติอื่น ๆ อีกมากมาย

ต่อ JS 6.0

Ext JS 6 รวมเฟรมเวิร์ก Ext JS (สำหรับแอปพลิเคชันเดสก์ท็อป) และ Sencha Touch (สำหรับแอปพลิเคชันมือถือ)

คุณสมบัติ

ต่อไปนี้เป็นคุณสมบัติเด่นของ Ext JS

  • วิดเจ็ต UI ที่ปรับแต่งได้พร้อมคอลเลกชัน UI ที่หลากหลายเช่นกริดกริดเดือยฟอร์มแผนภูมิต้นไม้

  • ความเข้ากันได้ของโค้ดของเวอร์ชันใหม่กับเวอร์ชันเก่า

  • ตัวจัดการรูปแบบที่ยืดหยุ่นช่วยจัดระเบียบการแสดงข้อมูลและเนื้อหาในเบราว์เซอร์อุปกรณ์และขนาดหน้าจอต่างๆ

  • แพ็คเกจข้อมูลขั้นสูงแยกวิดเจ็ต UI ออกจากชั้นข้อมูล แพคเกจข้อมูลช่วยให้สามารถรวบรวมข้อมูลฝั่งไคลเอ็นต์โดยใช้โมเดลที่มีฟังก์ชันสูงซึ่งเปิดใช้งานคุณลักษณะต่างๆเช่นการเรียงลำดับและการกรอง

  • เป็นโปรโตคอลที่ไม่เชื่อเรื่องพระเจ้าและสามารถเข้าถึงข้อมูลจากแหล่งข้อมูลส่วนหลังใดก็ได้

  • วิดเจ็ต Themes Ext JS ที่ปรับแต่งได้มีให้ใช้งานในรูปแบบสำเร็จรูปหลายแบบที่สอดคล้องกันในทุกแพลตฟอร์ม

สิทธิประโยชน์

Sencha Ext JS เป็นมาตรฐานชั้นนำสำหรับการพัฒนาเว็บแอปพลิเคชันระดับธุรกิจ Ext JS มีเครื่องมือที่จำเป็นในการสร้างแอปพลิเคชันที่มีประสิทธิภาพสำหรับเดสก์ท็อปและแท็บเล็ต

  • เพิ่มความคล่องตัวในการพัฒนาข้ามแพลตฟอร์มบนเดสก์ท็อปแท็บเล็ตและสมาร์ทโฟน - สำหรับทั้งเบราว์เซอร์รุ่นใหม่และรุ่นเก่า

  • เพิ่มประสิทธิภาพการทำงานของทีมพัฒนาโดยการรวมเข้ากับสภาพแวดล้อมการพัฒนาองค์กรผ่านปลั๊กอิน IDE

  • ช่วยลดต้นทุนในการพัฒนาเว็บแอปพลิเคชัน

  • เพิ่มพลังให้ทีมสร้างแอปด้วยประสบการณ์การใช้งานที่น่าสนใจ

  • เสนอชุดวิดเจ็ตเพื่อสร้าง UI ที่มีประสิทธิภาพได้อย่างง่ายดาย

  • เป็นไปตามสถาปัตยกรรม MVC ดังนั้นโค้ดจึงสามารถอ่านได้สูง

ข้อ จำกัด

  • ขนาดของไลบรารีมีขนาดใหญ่ประมาณ 500 KB ซึ่งทำให้เวลาในการโหลดครั้งแรกมากขึ้นและทำให้แอปพลิเคชันช้า

  • HTML เต็มไปด้วยแท็กที่ทำให้ซับซ้อนและยากต่อการดีบัก

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

  • บางครั้งสำหรับการโหลดสิ่งง่ายๆก็ต้องใช้การเข้ารหัสไม่กี่บรรทัดซึ่งง่ายกว่าใน html ธรรมดาหรือ JQuery

  • ต้องการนักพัฒนาที่มีประสบการณ์มากในการพัฒนาแอปพลิเคชัน Ext JS

เครื่องมือ

ต่อไปนี้เป็นเครื่องมือที่ Sencha จัดหาให้ซึ่งใช้สำหรับการพัฒนาแอปพลิเคชัน Ext JS ส่วนใหญ่ในระดับการผลิต

เซนฉะ CMD

Sencha CMD เป็นเครื่องมือที่ให้คุณสมบัติของการย่อขนาดโค้ด Ext JS, นั่งร้านและการสร้างบิลด์การผลิต

ปลั๊กอิน Sencha IDE

ปลั๊กอิน Sencha IDE รวมเฟรมเวิร์ก Sencha เข้ากับ IntelliJ, WebStorm IDEs ซึ่งช่วยในการปรับปรุงประสิทธิภาพการทำงานของนักพัฒนาโดยการให้คุณสมบัติต่างๆเช่นการเติมโค้ดการตรวจสอบโค้ดการนำทางโค้ดการสร้างโค้ดการปรับโครงสร้างโค้ดการสร้างเทมเพลตการตรวจสอบการสะกด ฯลฯ

เสน่หาสารวัตร

Sencha Inspector เป็นเครื่องมือในการดีบักซึ่งช่วยให้ดีบักเกอร์สามารถแก้ไขปัญหาใด ๆ ในขณะที่กำลังพัฒนา