Die neuesten Entwicklungstrends in der Frontend-Entwicklung
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!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



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!](https://img.php.cn/upload/article/000/000/024/632296cfa53a6244.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
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! !

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.

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.

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.

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

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.;

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.
