Английская Википедия:Comparison of JavaScript-based web frameworks
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Шаблон:Short description Шаблон:Hatnote Шаблон:Update Шаблон:Use dmy dates
This is a comparison of web frameworks for front-end web development that are heavily reliant on JavaScript code for their behavior.
General information
Framework | Version compared | Size | License | Source language |
---|---|---|---|---|
Шаблон:Rh|Angular | 14.0.4 Шаблон:Nowrap |
Шаблон:Nowrap (minified & compressed) | Шаблон:Free | TypeScript |
Шаблон:Rh|AngularJS | 1.5.0 Шаблон:Nowrap |
Шаблон:Nowrap (minified & compressed) | Шаблон:Free | JavaScript |
Шаблон:Rh|Apache Royale | 0.9.4 Шаблон:Nowrap |
Шаблон:Nowrap (zipped) | Шаблон:Free | ActionScript 3, MXML, CSS |
Шаблон:Rh|Backbone.js | 1.2.1 Шаблон:Nowrap |
Шаблон:Nowrap (Packed and gzipped) | Шаблон:Free | JavaScript |
Шаблон:Rh|Dojo | 1.10.4 Шаблон:Nowrap |
Variable. Base size: Шаблон:Nowrap (minified & gzipped), Шаблон:Nowrap (minified), Шаблон:Nowrap (uncompressed)[1] |
Шаблон:Free | JavaScript + HTML |
Шаблон:Rh|Ember.js | 1.7.0 Шаблон:Nowrap |
Шаблон:Nowrap (minified & gzipped), Шаблон:Nowrap (minified), Шаблон:Nowrap (uncompressed) |
Шаблон:Free | JavaScript |
Шаблон:Rh|Enyo | 2.0.1 Шаблон:Nowrap |
Шаблон:Nowrap (core gzipped) | Шаблон:Free | JavaScript |
Шаблон:Rh|Ext JS | 7.3 15 Sept, 2020 |
Шаблон:Nowrap | GPL & Commercial[2] | JavaScript |
Шаблон:Rh|Google Web Toolkit | 2.10.0 Шаблон:Nowrap |
Variable | Шаблон:Free | Java |
Шаблон:Rh|jQuery (library) | 3.6.0 Шаблон:Nowrap |
Шаблон:Nowrap (slim, minified), Шаблон:Nowrap (minified),[3] Шаблон:Nowrap (uncompressed)[3] |
Шаблон:Free | JavaScript |
Шаблон:Rh|jQWidgets | 3.9.1 Шаблон:Nowrap |
Шаблон:Nowrap (minified), Шаблон:Nowrap (uncompressed) |
Creative Commons Attribution-NonCommercial 3.0 and Commercial[4] | JavaScript, HTML, CSS |
Шаблон:Rh|Knockout | 3.5.0 Шаблон:Nowrap |
66.4 KB minified / 309 KB (development mode) | Шаблон:Free | JavaScript |
Шаблон:Rh|MooTools | 1.6.0 Шаблон:Nowrap |
Variable; Шаблон:Nowrap Шаблон:Nowrap,[5]
|
Шаблон:Free | JavaScript |
Шаблон:Rh|Prototype & script. aculo.us[8] | Prototype: 1.7.3 Шаблон:Nowrap script.aculo.us: 1.9.0 Шаблон:Nowrap |
Шаблон:Nowrap | Шаблон:Free | JavaScript |
Шаблон:Rh|qooxdoo | 5.0.1 Шаблон:Nowrap |
Variable, starting at Шаблон:Nowrap (gzipped) | Шаблон:Free | JavaScript |
Шаблон:Rh|React | 18.2.0 14 June 2022 |
react.production.min.js 6.41KB react-dom.production.min.js 92.4KB Total: 98.81KB |
Шаблон:Free | JavaScript / TypeScript |
Шаблон:Rh|SAP OpenUI5 | 1.102.1 Шаблон:Nowrap |
Variable, starting at 213 kB (gzipped) | Шаблон:Free[9] | JavaScript |
Шаблон:Rh|SolidJS | 1.7.0 Шаблон:Nowrap |
Шаблон:Nowrap (gzipped). | Шаблон:Free | JavaScript / TypeScript |
Шаблон:Rh|SproutCore | 1.11.2 Шаблон:Nowrap |
Шаблон:Nowrap (gzipped). | Шаблон:Free | JavaScript |
Шаблон:Rh|Svelte | 3.12.1 Шаблон:Nowrap |
Variable | Шаблон:Free | JavaScript |
Шаблон:Rh|Vue.js | 2.6.10 Шаблон:Nowrap |
33.5 KB (minified & gzipped)
91.48 KB (minified)[10] 333.46 KB (uncompressed)[10] |
Шаблон:Free | JavaScript / TypeScript |
Шаблон:Rh|Wakanda | 9 Шаблон:Nowrap |
Variable | GPL3 (framework), AGPL (server) & Commercial[11] | JavaScript + HTML + CSS |
Шаблон:Rh|Webix | 4.1 Шаблон:Nowrap |
188 kB (gzipped) | GPL & Commercial[12] | JavaScript |
Шаблон:Rh|ZK | 8.0.1 Шаблон:Nowrap |
Variable | LGPL & GPL & ZOL[13] | XML + Java (JavaScript optional) |
Features
Browser support
Framework | Internet Explorer | Mozilla Firefox | Safari | Opera | Chrome | Edge |
---|---|---|---|---|---|---|
Шаблон:Rh|Angular | Latest and extended support release | 2 most recent major versions | Latest and previous stable version | 2 most recent major versions | ||
Шаблон:Rh|AngularJS (1.3) | 8+ (9+) | 4+ | 5+ | 11+ | 30+ | |
Шаблон:Rh|Apache Royale | 9 (Edge --> 10) | 21 | 6 | 15 | 23 | |
Шаблон:Rh|Cash | 11+ | 21+ | 6+ | 15+ | 23+ | 12+ |
Шаблон:Rh|Dojo | 6+ | 3+[165] | 4[165] | 10.50+[165] | 3[165] | |
Шаблон:Rh|Ember.js | 6+ | 3+ | 4+ | 10.6+ | 14+ | |
Шаблон:Rh|Enyo | 8+[166] | >4[166] | >5[166] | >10[166] | ||
Шаблон:Rh|Ext JS | 8+ | 45+ | 11+ | 43+ | 64+[167] | |
Шаблон:Rh|Google Web Toolkit | 8+ | 1+ | 5+ | 9+ | 1+ | |
Шаблон:Rh|jQuery (3.x) | 6+ (9+)[168] | 2+[168] | 3+[168] | 9+[168] | 1+[168] | |
Шаблон:Rh|jQWidgets | 7+[169] | 2+[169] | 3+[169] | 9+[169] | 1+[169] | |
Шаблон:Rh|MooTools | 6+ | 2+ | 3+ | 9+ | 1+ | |
Шаблон:Rh|Prototype & script. aculo.us[8] | 6+ | 1.5+ | 2.0.4+ | 9.25+ | 1+ (starting with 1.6.1RC3) | |
Шаблон:Rh|qooxdoo | 6+ | 2+ | 3+ | 9+ | 2+ | |
Шаблон:Rh|React | ||||||
Шаблон:Rh|SAP OpenUI5[170] | 11+ | Latest Stable and ESR | Last 2 | Latest Version | ||
Шаблон:Rh|SproutCore | 6+ | 3+ | 4+ | 9+ | 1+ | |
Шаблон:Rh|Svelte | 21+ | 6+ | 15+ | 23+ | 12+ | |
Шаблон:Rh|Vue | 10+ | 21+ | 6+ | 15+ | 23+ | 12+ |
Шаблон:Rh|Wakanda | 9+ | 4+ | 5+ | 11+ | ||
Шаблон:Rh|ZK | 6+ | 2.0+ | 3+ | 9+ | 2+ | |
Шаблон:Rh|Webix | 8+[171] | 3+[171] | 4+[171] | 9+[171] | 1+[171] |
Notes
Шаблон:Web frameworks Шаблон:ECMAScript Шаблон:JavaScript
- ↑ Dojo Base Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ 3,0 3,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 8,0 8,1 8,2 8,3 8,4 script.aculo.us is an add-on to Prototype.
- ↑ Шаблон:Cite web
- ↑ 10,0 10,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Feature detection is preferred by many to browser sniffing to support future browsers: Browser Detecting (and what to do Instead), Feature Detection: State of the Art Browser Scripting, Browser Feature Detection Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ 16,0 16,1 16,2 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite webШаблон:Dead link
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Feature detection all the way Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 26,0 26,1 AJAX and Dojo Шаблон:Webarchive
- ↑ 27,0 27,1 Шаблон:Cite web
- ↑ 28,0 28,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 31,0 31,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 45,0 45,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web or Шаблон:Cite web or Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web, Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ markitup, jwysiwyg, htmlbox Шаблон:Webarchive, WYMeditor Шаблон:Webarchive
- ↑ 79,0 79,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ As of Dojo 1.3, the NodeList.addContent() api can be used to create content for example: dojo.query(".note").addContent("h4 NOTE: h4", "before");
- ↑ MooTools Elements Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 96,0 96,1 Using MochaUI Library or JxLib Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ 98,0 98,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ dojo.gfx Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ 106,0 106,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 109,0 109,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ [1] Webix mobile/tablet support
- ↑ All JavaScript frameworks can be written in an accessible way with graceful degradation, frameworks seen here which imply out-of-the-box accessibility have made a special effort to document best practices for their particular framework.
- ↑ 120,0 120,1 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 122,0 122,1 122,2 Шаблон:Cite web
- ↑ Qooxdoo's "Extreme JavaScript" paradigm Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Wavemaker
- ↑ Aptana Studio
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Custom build, JS Linker, API generation, Unit test framework, etc. Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ JavaScript frameworks currently only have the ability to support offline storage by taking advantage of pre-installed browser extensions such as Google Gears. If a user does not have one of these supported extensions installed in their browser already then offline support will be unavailable to the framework. JavaScript framework developers interested in implementing Gears may want to start with the Gears Getting Started Guide.
- ↑ o.DojoToolkit.Org/offline Шаблон:Webarchive says "Dojo Offline is no longer supported after Dojo 1.3"
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Some JavaScript libraries provide 2d graphics primitives that can be used for cross-browser vector graphics. These libraries rely on underlying technologies in the browser or plugins such as Canvas, SVG, VML, Flash, and Silverlight to do the actual rendering, but help isolate application and widget code from the rendering engine API differences
- ↑ Шаблон:Cite web
- ↑ jQuery SVG plugin
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Some JavaScript libraries include widgets for Charts, Gauges, and other data visualizations.
- ↑ Шаблон:Cite web
- ↑ Chart APIШаблон:Dead link
- ↑ Шаблон:Cite web
- ↑ jQuery Visualize Plugin Шаблон:Webarchive
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 165,0 165,1 165,2 165,3 Шаблон:Cite web
- ↑ 166,0 166,1 166,2 166,3 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 168,0 168,1 168,2 168,3 168,4 Шаблон:Cite web
- ↑ 169,0 169,1 169,2 169,3 169,4 Шаблон:Cite web
- ↑ Шаблон:Cite web
- ↑ 171,0 171,1 171,2 171,3 171,4 Шаблон:Cite web