aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Verwendung der Netzwerkinformations -API zur Verbesserung der reaktionsschnellen Websites
    Verwendung der Netzwerkinformations -API zur Verbesserung der reaktionsschnellen Websites
    Key Takeaways Die Netzwerkinformations -API kann die Benutzererfahrung auf reaktionsschnellen Websites erheblich verbessern, indem Informationen über die Netzwerkverbindung des Benutzers bereitgestellt werden, einschließlich der Frage, ob sie gemessen wird und eine Schätzung der Bandbreite ist. Diese Informa
    js-Tutorial . chrome 262 2025-02-22 10:11:09
  • Erstellen einer Chromverlängerung für Diigo, Teil 3
    Erstellen einer Chromverlängerung für Diigo, Teil 3
    Dieser Artikel setzt die Entwicklung einer Chromverlängerung fort, die sich in Diigo integriert. Frühere Teile umfassten grundlegende Konzepte und Fehlerbehebung. Dieser Teil konzentriert sich auf die Implementierung der Kernfunktionalität. Schlüsselfunktionen implementiert: Lesezeichen c
    js-Tutorial . chrome 562 2025-02-22 10:09:11
  • Wenn die Erkennung von JavaScript -Funktionen fehlschlägt
    Wenn die Erkennung von JavaScript -Funktionen fehlschlägt
    Schlüsselpunkte Die Erkennung von JavaScript (Testfunktionen, die Programmierer verwenden möchten) ist nicht immer zuverlässig. Testen Sie beispielsweise ActiveXObject im Internet Explorer auf AJAX -Anforderungen, HTML -Attribute, die den DOM -Eigenschaften, Annahmen zum Benutzerverhalten (z. B. Erkennung von Berührungsgeräten) usw. zugeordnet sind, usw. Wenn die Merkmalserkennung fehlschlägt, ist manchmal eine Browsererkennung erforderlich. Es wird jedoch empfohlen, proprietäre Objekttests anstelle von Navigatorinformationen zu verwenden und sie zu verwenden, um Browser auszuschließen, anstatt sie einzuschließen. Seien Sie bei der Implementierung der Browsererkennung äußerst vorsichtig. Gehen Sie immer davon aus, dass der Feature -Test vollständig im Einklang mit einer bestimmten Funktion kennen
    js-Tutorial . chrome 865 2025-02-22 09:57:12
  • Ein Blick auf devdocs.io
    Ein Blick auf devdocs.io
    Devdocs.io: Programmierer -Dokumentationstool, verabschieden Sie sich von mühsamen Suchanfragen! Kernpunkte: Devdocs.io ist eine Webanwendung, die einen schnellen Zugriff auf zahlreiche Front-End-Sprachen und Bibliotheksreferenzhandbücher bietet. Die Schnittstelle ist effizient und schnell und verfügt über eine Echtzeit-Fuzzy-Suchfunktion. Die Plattform integriert nur offizielle Inhalte und ignoriert benutzerfreundliche Kommentare und Beispiele. Es ist Open Source und fördert den Community -Beitrag durch Github. Benutzer können es sogar lokal für bestimmte Anforderungen einsetzen, z. B. die interne System -API des Unternehmens. Devdocs.io ist für mobile Geräte vollständig optimiert und bietet eine Vielzahl von Möglichkeiten, um es auf dem neuesten Stand zu halten. Es kann als Plugin für erhabenen Text und Klammern sowie Firefox verwendet werden
    PHP-Tutorial . chrome 654 2025-02-22 09:46:09
  • Entdecken Sie die Benutzer -Timing -API - SitePoint
    Entdecken Sie die Benutzer -Timing -API - SitePoint
    Benutzer -Timing -API: Präzise Messung der Web -App -Leistung Dieser Artikel befasst sich mit der Benutzer -Timing -API, einem leistungsstarken Tool für Webentwickler, um die Anwendungsleistung sorgfältig zu bewerten. Es bietet hochpräzise Zeitstempel und ermöglicht eine genaue Messung
    js-Tutorial . chrome 265 2025-02-22 09:45:11
  • Navigator.Useragent Mobiles einschließlich iPad
    Navigator.Useragent Mobiles einschließlich iPad
    Verwenden Sie Navigator.Useragent, um Code -Snippets von mobilen Geräten (einschließlich iPads) zu erfassen. Der folgende Code -Snippet zeigt, wie mobile Geräte (einschließlich iPads) mit navigator.useragent erfasst werden: Funktion detectMOB () { return !! navigator.useragent.match (/iPad | iPhone | Android | BlackBerry | Windows Phone | webOS/i)); } Beachten Sie, dass diese Methode absichtlich kein Kindle Fire und Playbook erkennt. Ein Tablet hinzufügen
    js-Tutorial . chrome 523 2025-02-22 09:43:09
  • Wie Sie heute reaktionsschnelle Webkomponenten verwenden können
    Wie Sie heute reaktionsschnelle Webkomponenten verwenden können
    Vor ein paar Jahren fing ich an, viel über Webkomponenten zu hören. Ich war ziemlich aufgeregt und habe sie dann total vergessen, als sich der Lärm setzte. Es stellte sich heraus, dass es eine gute Bewegung gab und die Unterstützung beginnt sich zu erhöhen. Responsive Web -Komponenten
    CSS-Tutorial . chrome 835 2025-02-22 09:38:15
  • Remote-Debugging für Front-End-Entwickler
    Remote-Debugging für Front-End-Entwickler
    Front-End-Entwicklung war früher (irgendwie) einfach. Sie können eine Reihe von Browsern auf einigen verschiedenen Computern / Betriebssystemen, physikalisch oder virtuell, installieren und die Entwickler -Tools verwenden, die in fast jedem Browser eingebaut sind, um Kompatibilitätsprobleme zu lösen
    CSS-Tutorial . chrome 248 2025-02-22 09:33:11
  • Sprechende Webseiten und die Sprachsynthese -API
    Sprechende Webseiten und die Sprachsynthese -API
    Kernpunkte Mit der Voice -Synthese -API können Websites Benutzern durch Lesen von Text Informationen zur Verfügung stellen, die sehbehinderte Benutzer und Multitasking -Benutzer erheblich helfen können. Die Sprachsynthese -API bietet eine Vielzahl von Methoden und Attributen, um die Sprachausgabe anzupassen, z. B. Sprache, Sprachgeschwindigkeit und Ton. Diese API enthält auch Methoden, um den Sprachsyntheseprozess zu starten, zu pausieren, wieder aufzunehmen und zu stoppen. Derzeit wird die Voice -Synthese -API nur vollständig von Chrome 33 unterstützt und unterstützt den Safari -Browser für iOS 7 teilweise. Diese API erfordert eine breitere Browser -Unterstützung, um praktisch auf der Website angewendet zu werden. Vor ein paar Wochen habe ich kurz über NLP und seine damit verbundenen Technologien gesprochen. Beim Umgang mit natürlicher Sprache müssen zwei verschiedene, aber komplementäre Aspekte berücksichtigt werden: Automatische Spracherkennung (ASR)
    js-Tutorial . chrome 602 2025-02-22 09:23:13
  • Leberoad
    Leberoad
    Leberoad: Ihre Webentwicklungsproduktivitätsaufnahme Meiden Sie es, Ihren Browser nach jeder Codeänderung manuell zu erfrischen? Leberoad automatisiert diesen Vorgang und aktualisiert Ihre Webseite sofort beim Speichern und steigert Ihren Workflow erheblich. Während die
    js-Tutorial . chrome 260 2025-02-22 09:15:11
  • HTML5 -Leinwand -Tutorial: Eine Einführung
    HTML5 -Leinwand -Tutorial: Eine Einführung
    Key Takeaways HTML5 Canvas ist eine leistungsstarke Technologie, mit der Entwickler Grafiken zeichnen und Animationen direkt in einem Browser mit JavaScript erstellen können. Das Canvas -Element wird im HTML -Code unter Verwendung von Breiten- und Höhenattributen und seiner Rea definiert
    js-Tutorial . chrome 350 2025-02-22 09:06:38
  • Eine praktische Einführung in das Material Design Lite durch Google
    Eine praktische Einführung in das Material Design Lite durch Google
    2014 veröffentlichte Google die Materialdesignspezifikation, eine visuelle Sprache, die darauf abzielt, solide Designprinzipien zusammenzubringen, eine konsistente Benutzererfahrung auf verschiedenen Plattformen und Geräten sowie technologische und wissenschaftliche Innovationen. 2. Juli
    CSS-Tutorial . chrome 425 2025-02-22 09:01:12
  • Twitter Bootstrap 3 - JavaScript -Komponenten
    Twitter Bootstrap 3 - JavaScript -Komponenten
    Twitter Bootstrap: Ein einfaches und leistungsstarkes CSS -Framework und JavaScript -Komponenten detaillierte Erläuterung Twitter Bootstrap ist derzeit eines der einfachsten und benutzerfreundlichsten CSS-Frameworks im Internet, und selbst Entwickler, die CSS nicht verstehen, können einfach grundlegende Vorlagen erstellen. Es ist jedoch nicht nur für Anfänger und sein leistungsstarker JavaScript -Komponenten -Set bei Designern beliebt, einfach zu bedienen und schnell in Projekte zu integrieren. Dieses Tutorial wird in einige der besten Twitter -Bootstrap -JavaScript -Komponenten und die Verwendung dieser verwendet. Schlüsselpunkte: Twitter Bootstrap 3 ist ein leistungsstarkes CSS -Framework mit allen
    js-Tutorial . chrome 834 2025-02-22 08:59:09
  • Web -Performance -Tricks - jenseits der Grundlagen
    Web -Performance -Tricks - jenseits der Grundlagen
    Dieser Artikel wurde von New Relic gesponsert. Vielen Dank, dass Sie die Sponsoren unterstützt haben, die SidePoint ermöglichen! Wir hatten im Laufe der Jahre hier auf SitePoint viel Leistungsgespräch und glauben, dass es Zeit ist, das Thema mit einigen fortgeschritteneren A zu überdenken
    PHP-Tutorial . chrome 937 2025-02-22 08:54:10
  • Sprechen Sie AngularJs mit den Experten - das Transkript
    Sprechen Sie AngularJs mit den Experten - das Transkript
    Key Takeaways AngularJs zeichnet sich durch seine tiefe Integration in DOM/HTML aus, wodurch die Dynamik von HTML durch JavaScript verbessert wird. Das Framework ist besonders wirksam für die Entwicklung von Einzelseiten -Anwendungen (SPAS), obwohl es sich möglicherweise um Nachteile handelt
    js-Tutorial . chrome 799 2025-02-22 08:45:12

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.

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.

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.

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

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

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