Zusammenfassung: Dieser Artikel stammt aus 5254 Umfrageberichten zur Verwendung von Front-End-Tools aus der ganzen Welt. Ich hoffe, dass dieser Artikel jedem helfen kann, ihn besser zu verstehen Die neuesten Trends bei Front-End-Entwicklungstools. Zusammensetzung der Befragten 83 % der Befragten haben mehr als zwei Jahre Erfahrung in der Front-End-Technologie und nur 5 % haben weniger als ein Jahr: 63 % der CSS-Entwickler sind hoch...

Dieser Artikel stammt aus 5254 Umfrageberichten zur Verwendung von Front-End-Tools aus der ganzen Welt. Ich hoffe, dass dieser Artikel jedem helfen kann, die neuesten Trends bei Front-End-Entwicklungstools besser zu verstehen.

Zusammensetzung der Befragten

83 % der Befragten verfügen lediglich über mehr als zwei Jahre Erfahrung in der Front-End-Technologie 5 % der Befragten unter einem Jahr:

CSS

63 % der Entwickler sind Senior Developer und Experten:

Obwohl CSS nur als eine einfache Sammlung von Eigenschafts-Parameter-Wert-Paaren betrachtet wird, kann es schwierig sein, CSS zu beherrschen. CSS3 führt viele neue Funktionen ein, wodurch es immer schwieriger wird, CSS vollständig zu beherrschen.

CSS-Präprozessor

Mehr als 63 % der Entwickler nutzen Sass, was Sass auch zur unbestrittenen ersten Wahl für die Vorverarbeitung macht. 8 % der Entwickler verwenden PostCSS. Normalerweise wird PostCSS in Verbindung mit Präprozessoren wie AutoPrefixer verwendet.

Nur ​​14 % der Entwickler verwenden keine Vorverarbeitung und bevorzugen die Verwendung von rohem CSS-Code. Obwohl diese Methode langsamer zu entwickeln ist, ist sie der einfachste und beste Weg, mit dem Erlernen der Front-End-Entwicklung zu beginnen. Wenn 86 % der Entwickler Präprozessoren verwenden, benötigt eine durchschnittliche Website 7,2 CSS-Dateianfragen.

Nur ​​10 % der Befragten haben Less ausprobiert, 19 % der Befragten haben Stylus ausprobiert und 80 % der Befragten haben noch nie von Rework gehört.

CSS-Benennungsmethode

46 % der Entwickler verwenden beim Codieren eine Benennungsmethode für fortgeschrittene CSS-Entwicklung. Für Forscher und Experten: dieser Anteil stieg auf 57 %.

Die beliebteste Benennungsmethode ist BEM, auf die 40 % der Gesamtzahl entfallen. Als nächstes folgen CSS-Module (16 %), OOCSS (15 %) und SMACSS (13 %).

Andere CSS-Tools

39 % der Befragten verwenden Modernizr in ihren aktuellen Projekten. 14 % der Befragten verwenden Stylelint, um die CSS-Gültigkeit zu überprüfen. 23 % der Entwickler verwenden keine CSS-Tools oder Namenskonventionen.

JavaScript

51 % der Befragten sind leitende Entwickler oder Experten für JavaScript.

Bibliotheken und Frameworks

Trotz der Relevanzprobleme haben mehr als 99 % der Entwickler jQuery verwendet, etwa 31 % der Befragten glaube, dass die Verwendung von jQuery für die meisten Projekte wichtig ist. Knapp 70 % der Befragten nutzen jQuery weiterhin in bestehenden Projekten:

Die Situation mit Frameworks scheint verwirrend:

• 38 % der Projekte verwenden derzeit React, aber nur 29 % der Entwickler glauben, dass die Verwendung von React reibungslos verläuft, und 18 % der Entwickler glauben, dass die Verwendung von React reibungslos funktioniert Reagieren ist notwendig. Es wurde festgestellt, dass 0,1 % der Websites React verwenden. Bitte bedenken Sie jedoch, dass diese Ergebnisse nur von Front-End-Entwicklern stammen, nicht von allen Webentwicklern.

• 25 % der Projekte verwenden derzeit Angular 1, aber nur 8 % der Entwickler halten es für notwendig, Angular 1 zu verwenden, und nur 8 % entscheiden sich für die Verwendung von Angular 2.

• Vue.js wurde in 10 % der Projekte verwendet, aber weniger als 6 % der Entwickler sind mit dem Framework zufrieden und 3 % halten die Verwendung von Vue.js für notwendig

Tools zur Aufgabenausführung und Modulbindung

44 % der Entwickler verwenden Gulp, daher ist Gulp das beliebteste Tool. Gleichzeitig ist die Nutzungsrate des einfacheren NPM-Skripts von 23 % im Jahr 2016 auf 26 % gestiegen.

Grunt-Nutzung sank auf 12 %. 11 % der Befragten entschieden sich dafür, keine Tools zur Aufgabenausführung zu verwenden.

Die Zahl der Entwickler, die Modulbindungen verwenden, ist seit 2016 um 20 % gestiegen und erreicht 68 %. Unter ihnen ist Webpack mit einem Anteil von 31 % das beliebteste Modulbindungstool, gefolgt von Browserify (11 %) und RequireJS (8 %).

Compiler: Kompilieren Sie ES6-Code zu ES5

62 % der Entwickler verwenden einen Compiler wie Babel, um ES6-Code hinein zu kompilieren ES5-Code, der für ältere Browser benutzerfreundlicher ist. 31 % der Befragten haben von solchen Compilern gehört, sie aber noch nicht verwendet. 7 % der Entwickler haben noch nie von einem solchen Compiler gehört.

Die Daten liegen mit 62 % relativ hoch. IE und ältere Anwendungen unterstützen nicht die neueste JavaScript-Syntax. Wenn Sie also ES6-Code schreiben, benötigen Sie den neuesten Browser, um ihn zu unterstützen. Wenn Ihr Projekt unter älteren Browserversionen ausgeführt werden muss, ist es besser, ES5-Code zu schreiben.

Andere JavaScript-Tools

41 % der Entwickler verwenden ESLint, 19 % der Entwickler verwenden JSLint und 14 % der Entwickler sind Autoren Verwenden Sie Tools wie JSHint, um die Rechtmäßigkeit des Codes zu überprüfen.

23 % der Befragten gaben an, dass sie keine Tools zur Überprüfung der Code-Legalität verwenden. Sie verwenden jedoch möglicherweise Texteditoren und IDEs, um nach Codefehlern zu suchen.

Die Nutzungsrate von Testtools stieg innerhalb eines Jahres um 12 % und erreichte 52 %. Aber in der Vergangenheit war das Testen von JavaScript immer eine Herausforderung. Obwohl Techniken wie testgetriebene Entwicklung (TDD) logische Fehler abfangen können, können sie keine Fehler abfangen, die bei asynchronen Ereignissen auftreten. Glücklicherweise wird die verhaltensgesteuerte Entwicklung (BDD) wahrscheinlich in echte Browser-Inspektionsaktivitäten integriert, wodurch auch Front-End-Tests umsetzbarer werden.

Die derzeit beliebtesten Systeme sind:

• Mokka – TDD/BDD (23%)

• Jasmin – BDD ( 17%)

• QUnit – TDD (4%)

• Jest – TDD/BDD (3%)

• Ava – TDD/BDD (2 %)

94 % der Befragten gaben an, den Node.js-Paketmanager npm verwendet zu haben, 23 % der Besucher haben TypeScript verwendet.

Welche Tools sollten Sie 2017 verwenden?

Im Allgemeinen sind Entwicklungstools vielfältig. Entwickler sollten mehr über Präprozessoren und Benennungsschemata recherchieren, um dasjenige auszuwählen, das am besten zu ihnen passt.

Die folgenden Punkte sind erwähnenswert:

• Wenn Sie mehr Tools verwenden müssen, sind Node.js und npm eine Wahl wert

• Gulp und Webpack sind einen Versuch wert

• Lernen Sie ES6, auch wenn Sie an einem abwärtskompatiblen ES5-Projekt gearbeitet haben.

Den Umfrageergebnissen zufolge ist jQuery eine sinnvolle Wahl bei der Auswahl einer Bibliothek. Bei der Auswahl eines Frameworks können Sie sich aufgrund seiner Beliebtheit für React entscheiden. Wenn Sie sich noch nicht für ein Framework entschieden haben, können Sie zunächst die Grundlagen von HTML, CSS, JavaScript und Browserentwicklung erlernen. Dieses Wissen kann Ihnen helfen, das Framework besser zu verstehen, und Sie möglicherweise sogar dazu ermutigen, zur Verbesserung des Framework-Systems beizutragen.

Empfohlene Front-End-Entwicklungstools:

Wijmo ist ein in TypeScript geschriebener JavaScript/HTML5-Steuerungssatz der neuen Generation . Es folgt dem Touch-First-Designkonzept und ist das erste auf der Welt, das AngularJS unterstützt. Es bietet außerdem mehrere Steuerelemente wie FlexGrid und Diagramme mit hervorragender Leistung und ohne Abhängigkeiten Reihe von Steuerelementen zum Erstellen von Unternehmensanwendungen.

Das obige ist der detaillierte Inhalt vonDie neuesten Entwicklungstrends in der Frontend-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!