aktueller Standort：Heim > Technische Artikel > Web-Frontend
- Richtung：
- alle web3.0 Backend-Entwicklung Web-Frontend Datenbank Betrieb und Instandhaltung Entwicklungswerkzeuge PHP-Framework tägliche Programmierung WeChat-Applet häufiges Problem andere Technik CMS-Tutorial Java System-Tutorial Computer-Tutorials Hardware-Tutorial Mobiles Tutorial Software-Tutorial Tutorial für Handyspiele
- Klassifizieren：
-
- Vorladende Bilder parallel zu Versprechungen
- Kernpunkte Verwenden Sie Versprechen, um Bilder asynchron zu laden, damit gleichzeitig unterschiedliche Sammlungen von Bildern geladen werden können, und der Code wird ausgeführt, nachdem die Sammlung geladen wurde. Dies verbessert die Leistung der Website erheblich, indem sie die Gesamtlastzeit verkürzt. Diese Technik beinhaltet das Erstellen eines gemeinsam genutzten Voroaders für alle Bild "Gruppen" (Sammlungen), die die zu geladenen Bilder aufstellen. Der Voroader beginnt dann mit dem Laden der Bilder parallel (und nicht nacheinander) und vermeiden Sie, dass eine Gruppe warten muss, bevor die nächste Gruppe gestartet wird. Jede Bild -URL wird durch ein Versprechen ersetzt, das nach dem Laden des Browsers das Bild analysiert wird. Sie können dann die Methode für Versprechen verwenden.
- js-Tutorial 417 2025-02-19 11:01:13
-
- Einführung in Stage.js
- Stage.js ist eine leichte Open-Source-JavaScript-Bibliothek für plattformübergreifende 2D-HTML5-Spielentwicklung. Es verwendet ein DOM-ähnliches Modell, um die Leinwand zu manipulieren und den Rendering-Zyklus der Anwendung selbst zu verwalten. In diesem Tutorial wird die Kernfunktionen von Bühnen.Js vorgestellt, damit Sie leicht loslegen können. Schlüsselpunkte Stage.js ist eine leichte Open-Source-JavaScript-Bibliothek für plattformübergreifende 2D-HTML5-Spieleentwicklung, die DOM-ähnliche Modelle zum Umgang mit Leinwand und unabhängig voneinander verwaltender Rendering-Zyklus Ihrer Anwendung verwendet. Diese Bibliothek bietet mehrere Funktionen, einschließlich der Knotenpositionierung (Feststellung, wie Knoten an ihren übergeordneten Knoten angehängt werden) für interaktive Updates
- js-Tutorial 924 2025-02-19 11:00:15
-
- Anzeigen von Bildern auf einer Punktmatrix -LED -Anzeige mit node.js
- Key Takeaways Die Freetronics DMD -Bibliothek wird verwendet, um Linien, Formen und Text auf eine Punktmatrix -LED -Anzeige zu zeichnen. Diese Bibliothek kann aus dem FreeTronics Github -Repository heruntergeladen und in den Ordner/arduino/bibliotheken/bibliotheken kopiert werden. Der Arduino SK
- js-Tutorial 763 2025-02-19 10:59:09
-
- Einführung von vier: Es ist webgl, aber einfacher
- Vier: Ein WebGL -Framework für vereinfachte 3D -Webentwicklung In diesem Artikel werden vier vorgestellt, ein neuartiges WebGL -Framework, das die Erstellung von 3D -Webinhalten optimiert. WebGL kann zwar mächtig, aber komplex sein. Vier behandelt dies, indem sie eine geschichtete a anbieten a
- js-Tutorial 628 2025-02-19 10:57:14
-
- Was ist neu in HTML 5.1
- HTML5.1: Eine neue Ära der Webentwicklung Entdecken Sie die kreative Animationsproduktion von HTML5 und sehen Sie sich unser Tutorial für Bildschirmaufnahmen an. "Erstellen Sie Animationen mit HTML5 -Leinwand". Kernpunkte HTML 5.1 führt als neueste Version von HTML viele neue Funktionen und Verbesserungen ein, einschließlich des Erstellens von Kontextmenüs mit Menü- und Menuitems -Elementen, Erstellen von zusammenklappbaren Inhalten mithilfe von Details und zusammenfassenden Elementen sowie drei neue Formulareingabetypen: Monat, Woche und DateTime - lokal. Diese Version enthält auch die Möglichkeit, reaktionsschnelle Bilder ohne CSS zu implementieren, wie z.
- CSS-Tutorial 234 2025-02-19 10:51:14
-
- Beherrschen Sie Ihren Posteingang mit der Google Mail JavaScript -API
- Dieser Artikel zeigt, dass ein grundlegender Google Mail -Posteingangsbox mit der Google Mail -REST -API und JavaScript erstellt wird. Wir nutzen JQuery und Bootstrap für Effizienz. Der komplette Code ist in unserem GitHub -Repository verfügbar. Schlüsselmerkmale: Google Mail -API -Integration
- js-Tutorial 337 2025-02-19 10:49:10
-
- So erstellen Sie heute VR im Web
- Die virtuelle Realität wird bis 2020 bis zu 7 Milliarden US -Dollar wert sein. Das Web bleibt in dieser Zeit definitiv keine ausschließlich 2D -Umgebung. Tatsächlich gibt es bereits einige einfache Möglichkeiten, VR in den Browser zu bringen. Es ist auch unglaublich fu
- js-Tutorial 685 2025-02-19 10:47:09
-
- Erstellen einer Benutzer -Avatar -Komponente mit node.js & transloadit
- Im ersten Teil dieser Serie haben wir uns Transloadit angesehen-einen Dateiverarbeitungsdienst, der sich auf die Verarbeitung von Bildern, Videos und Audio spezialisiert hat. Wenn Sie es noch nicht gelesen haben, würde ich Sie jetzt dazu drängen, dies zu tun, da es viele Hintergrundkonzepte abdeckt, die Sie
- js-Tutorial 325 2025-02-19 10:38:10
-
- ES6 für den Moment: Vorlagenzeichenfolgen
- ES6 -Template Literale: Ein moderner Ansatz zu JavaScript -Zeichenfolgen Schlüsselhighlights: ES6 (ECMAScript 2015) verbessert JavaScript erheblich und führt die für die modernen Webentwicklung entscheidende Funktionen ein. Template -Literale, die Backticks (`) als Grenzwerte verwenden, r
- js-Tutorial 466 2025-02-19 10:37:08
-
- Verwenden Sie Fontello, um nur Symbolschriften zu laden, die Sie benötigen
- Fontello: Erstellen Sie leichte Schriftarten für benutzerdefinierte Symbole Fontello ist ein kostenloser, benutzerfreundlicher Service für das Erstellen von benutzerdefinierten Symbolschriften aus Vektorbildern. Es optimiert die Webentwicklung durch Konsolidierung von Symbolen aus verschiedenen Open-Source-Projekten (wie Font Awesome, e
- CSS-Tutorial 288 2025-02-19 10:36:11
-
- Stellen Sie den Flugsimulator neu ein: damals und heute
- In diesem Artikel wird die Entwicklung der Flugsimulation untersucht, wobei der Schwerpunkt auf der Schaffung realistischer groß angelegter Gelände in der webbasierten Flugbogenstange liegt. Schlüsselentwicklungen in der Flugsimulation: Genesis der 1980er Jahre: Der ursprüngliche Flugsimulator (1980) war Groun
- js-Tutorial 291 2025-02-19 10:35:08
-
- Wie man Modernizr verantwortungsbewusst benutzt
- Verwenden Sie Modernizr verantwortungsbewusst: eine Strategie zur Verbesserung der Website der Website Modernizr, eine JavaScript -Bibliothek, die erkennt, ob ein Browser bestimmte Funktionen unterstützt. Um die Website jedoch zu verlangsamen, sollten Sie sie jedoch mit Vorsicht verwenden. In diesem Artikel wird untersucht, wie Modernizr verantwortungsbewusst und andere ähnliche Bibliotheken wie JQuery verwendet werden. Warum darauf achten, wie Modernizr lädt? Eine Schlüsselfrage: Sind Sie bereit, Sekunden zu warten, um auf die Webseite zuzugreifen? Wenn die Antwort nein ist, werden Ihre Besucher auch. Lange Ladezeiten wirken sich direkt auf die Benutzererfahrung aus und führen zum Verlust von Besuchern. Selbst wenn Sie coole Funktionen verfolgen, müssen Sie die Leistung der Website berücksichtigen. Der Schlüssel ist, wie man lädt. viele
- js-Tutorial 654 2025-02-19 10:30:10
-
- HTML5 & CSS3 für die reale Welt, zweite Ausgabe
- Key Takeaways HTML5 und CSS3 sollen mit älteren Browsern eine Rückwärtskompatibilität sicherstellen, was bedeutet, dass Änderungen am Markup keine Layoutprobleme oder Fehler verursachen. Auch wenn ältere Browser neue Funktionen nicht vollständig unterstützen, werden sie keine Seiten brechen oder verursachen
- CSS-Tutorial 850 2025-02-19 10:27:09
-
- Phantomjs verstehen
- Kernpunkte Phantomjs ist ein kopfloser Webkit -Browser mit JavaScript -API unterstützt eine Vielzahl von Webstandards, darunter DOM -Verarbeitung, CSS -Selektor, JSON, Canvas und SVG. Es ist im Wesentlichen ein Webbrowser ohne GUI, der verschiedene Prozesse mit JavaScript automatisieren kann. Phantomjs ist ein leistungsstarkes Tool für Entwickler, das Funktionen wie Seitenautomatisierung, Screenshots, Tests und Netzwerküberwachung bereitstellt. Es ermöglicht die Interaktion mit Webseiten ohne Öffnen eines Browsers, erfasst Webseiten -Screenshots, führt Tests ohne GUI aus und kann das Netzwerkverhalten und die Netzwerkleistung überwachen. Obwohl Phantomjs komplizierter ist, ist es mehr als nur nur
- js-Tutorial 144 2025-02-19 10:26:09
-
- Erstellen eines JavaScript -Autoperete -Widgets mit Awesomplete
- Die automatische Vervollständigungsfunktion in der Webanwendung sagt den Rest eines Wortes oder Satzes voraus, wie der Benutzer eingeht. Benutzer drücken normalerweise die Registerkarte Taste, um Vorschläge zu akzeptieren, oder drücken Sie die Down -Pfeil -Taste, um einen von mehreren Vorschlägen zu akzeptieren. In diesem Tutorial wird erläutert, wie Sie eine automatische Komponente in einer Website über die Awesplete JavaScript -Bibliothek erstellen. Awesomplete wurde von Lea Verou, einem bekannten Redner, Schriftsteller und Spezialisten in der W3C CSS-Arbeitsgruppe, gegründet. Schlüsselpunkte Awesomplete ist eine leichte, anpassbare JavaScript -Bibliothek, die von Lea Verou für automatische Vervollständigungsfunktionen in Webanwendungen entwickelt wurde. Es tut es nicht
- js-Tutorial 634 2025-02-19 10:24:13
Werkzeugempfehlungen
Kontaktcode für das jQuery-Enterprise-Nachrichtenformular
Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.
Formular-Schaltfläche
2024-02-29
Wiedergabeeffekte für HTML5-MP3-Spieluhren
Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.
Spezialeffekte für Spieler
2024-02-29
HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte
Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29
Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare
Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.
Formular-Schaltfläche
2024-02-29
Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5
Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03
Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02
Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02
Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02
可爱的夏天元素矢量素材(EPS+PNG)
这是一款可爱的夏天元素矢量素材，包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等，素材提供了 EPS 和免扣 PNG 两种格式，含 JPG 预览图。
PNG material
2024-05-09
四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
这是一款红的的 2023 毕业徽章矢量素材，共四个，提供了 AI 和 EPS 和免扣 PNG 等格式，含 JPG 预览图。
PNG material
2024-02-29
唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材，提供了 AI 和 EPS 两种格式，含 JPG 预览图。
Banner image
2024-02-29
Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen
Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09
Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben
Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29
Web-Vorlage für kreativen Job-Lebenslauf für Designer
Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28
Website-Vorlage eines modernen Ingenieurbauunternehmens
Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28
