Inhaltsverzeichnis
Zusammensetzung der Befragten
CSS
CSS-Präprozessor
CSS-Benennungsmethode
Andere CSS-Tools
JavaScript
Bibliotheken und Frameworks
Tools zur Aufgabenausführung und Modulbindung
Compiler: Kompilieren Sie ES6-Code zu ES5
Andere JavaScript-Tools
Welche Tools sollten Sie 2017 verwenden?
Empfohlene Front-End-Entwicklungstools:
Heim Web-Frontend HTML-Tutorial Die neuesten Entwicklungstrends in der Frontend-Entwicklung

Die neuesten Entwicklungstrends in der Frontend-Entwicklung

Aug 16, 2017 am 09:26 AM
开发工具 趋势


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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was sind die Go-Sprachentwicklungstools? Was sind die Go-Sprachentwicklungstools? Dec 11, 2023 pm 03:56 PM

go-Sprachentwicklungstools: 1. Visual Studio Code; Go Playground; 12. GoDocBrowser 13. Go-Ethereum 14. LiteIDE X.

[Zusammenstellen und Teilen] 8 Entwicklungstools, um die Arbeitseffizienz zu verbessern und nie wieder Überstunden zu machen! [Zusammenstellen und Teilen] 8 Entwicklungstools, um die Arbeitseffizienz zu verbessern und nie wieder Überstunden zu machen! Sep 15, 2022 am 11:10 AM

Haben Sie immer noch eine Glatze, weil Sie Überstunden machen und lange wach bleiben? Bauen Sie immer noch Räder für seltsame Bedürfnisse? Dann sind Sie bei uns genau richtig! ! Dieser Artikel hat den Schmerz der Programmierer persönlich erlebt und einen Artikel zusammengestellt, der für alle hilfreich sein wird. Geh! Geh! Geh! !

Welches Java-Entwicklungstool ist einfach zu verwenden? Welches Java-Entwicklungstool ist einfach zu verwenden? Dec 22, 2023 pm 04:16 PM

Zu den nützlichen Java-Entwicklungstools gehören: 1. Eclipse IDE; 3. Visual Studio Code; Detaillierte Einführung: 1. Eclipse ist eine leistungsstarke integrierte Open-Source-Entwicklungsumgebung, die mehrere Programmiersprachen unterstützt, einschließlich Java usw.

Welche Software-Entwicklungstools gibt es? Welche Software-Entwicklungstools gibt es? Oct 20, 2023 am 11:20 AM

Zu den Softwareentwicklungstools gehören Codierungs- und Programmiertools, Versionskontrolltools, integrierte Entwicklungsumgebungen, Modellierungs- und Designtools, Test- und Debugging-Tools, Projektmanagementtools, Bereitstellungs-, Betriebs- und Wartungstools usw. Ausführliche Einführung: 1. Codierungs- und Programmiertools zum Schreiben, Bearbeiten und Debuggen von Code. Zum Beispiel Visual Studio, Eclipse, IntelliJ IDEA, PyCharm usw.; 2. Versionskontrolltools, die zum Verfolgen und Verwalten von Codeversionen verwendet werden. Zum Beispiel Git, SVN, Mercurial usw.; 3. Integrierte Entwicklungsumgebung usw.

Microsoft integriert ChatGPT-bezogene KI-Technologie in weitere Entwicklungstools Microsoft integriert ChatGPT-bezogene KI-Technologie in weitere Entwicklungstools Apr 12, 2023 pm 09:43 PM

Laut Nachrichten vom 7. März kündigte Microsoft am Montag (Ortszeit in den USA) an, die KI-Technologie hinter dem beliebten Chatbot ChatGPT in weitere Entwicklungstools wie Power Platform zu integrieren, was es Benutzern ermöglicht, mit wenig oder wenig zu entwickeln Auch wenn keine Programmierung erforderlich ist, ist Microsofts jüngster Schritt, KI-Technologie in seine Produkte zu integrieren. Microsoft gab an, dass einer Reihe von Business-Intelligence- und Anwendungsentwicklungstools innerhalb der Power Platform neue Funktionen hinzugefügt wurden, beispielsweise Power Virtual Agent und AI Builder. Unter anderem ist Power Virtual Agent ein Tool für Unternehmen zum Erstellen von Chatbots, die nun mit internen Unternehmensressourcen verbunden werden können.

Wählen Sie das für Sie passende Java-Entwicklungstool: Bewertungen und Empfehlungen Wählen Sie das für Sie passende Java-Entwicklungstool: Bewertungen und Empfehlungen Feb 18, 2024 pm 10:18 PM

Bewertung des Java-Entwicklungstools: Welches ist die beste Wahl für Sie? Als eine der beliebtesten Programmiersprachen spielt Java heute eine wichtige Rolle im Bereich der Softwareentwicklung. Im Java-Entwicklungsprozess ist es entscheidend, ein Entwicklungstool auszuwählen, das zu Ihnen passt. In diesem Artikel werden mehrere gängige Java-Entwicklungstools bewertet und Vorschläge für anwendbare Szenarien gegeben. EclipseEclipse ist eine plattformübergreifende offene Java-Entwicklungsumgebung (IDE), die häufig für die Entwicklung von Java-Projekten verwendet wird. es erwähnt

Welche Entwicklungstools gibt es? Welche Entwicklungstools gibt es? Aug 02, 2023 pm 04:24 PM

Zu den Entwicklungstools gehören: 1. Integrierte Entwicklungsumgebung IDE, gängige sind Eclipse, Visual Studio und IntelliJ IDEA; 2. Versionskontrollsystem VCS, gängige sind Git und Subversion 3. Automatisierte Build-Tools, gängige sind Maven und Gradle usw. 4. Zu den gängigen Testtools gehören JUnit und Selenium usw.; 5. Zu den gängigen Codeanalysetools gehören SonarQube und Checkstyle usw.;

Empfehlung der 10 besten PHP-Entwicklungstools im Jahr 2023 Empfehlung der 10 besten PHP-Entwicklungstools im Jahr 2023 May 12, 2017 pm 05:33 PM

Für PHP-Entwickler stehen im Internet viele Entwicklungstools zur Verfügung, ein geeignetes PHP-Entwicklungstool zu finden ist jedoch schwierig und erfordert viel Aufwand und Zeit. Daher empfiehlt Ihnen die chinesische PHP-Website heute einige der besten PHP-Entwicklungstools im Jahr 2023.

See all articles