====== Nützliche Javascript Code Snippets ====== Das sind nur Code Snippets. Interessante Frameworks gibt es unter [[lesezeichen:bibliotheken|Lesezeichen für Frameworks & Bibliotheken]] * [[programmieren:javascript:requirejs|Require.js]] - Beispiel Einbindung von require.js * [[programmieren:javascript:farbiges console log|Console.log() Meldung in Farbig]] - Sieht funky aus für Entwickler * [[programmieren:javascript:Script nach html load laden|Script später laden]] - Optionale Scripte können aus Performance-Gründen später geladen werden * [[programmieren:javascript:Script wenn seite geladen ausführen|Ausführen wenn Seite geladen]] - Eine Funktion erst aufrufen, wenn die Seite (das Dom) geladen ist * [[programmieren:javascript:ajax_post_zu_php_script|Ajax/XHR Daten als Post zu PHP schicken]] - Beispiel wie man JSON Daten per POST schickt * [[programmieren:javascript:alpinejs_ajax_beispiel|Alpine.JS - Ajax Beispiel mit Daten arbeiten]] - Zeigt wie man Ajax antworten zurück an das Alpine.js Modul bekommt * [[programmieren:javascript:multible_ajax_xhr_aufrufe|Multible Ajax/XHR Aufrufe]] - Techniken um mehrere Asynchrone Daten nach zu laden * [[programmieren:javascript:vanilla js statt jquery|Vanilla JS alternative zu jQuery]] - Paar Snippets die ich öfters mal nach gucke * [[programmieren:javascript:jsonp cross domain ajax call|JSONP Cross Domain Ajax]] - Domainübergreifender AJAX Aufruf im JSONP format * [[programmieren:javascript:events throtteling|Events Drosseln]] - Events delayed/verzögert ausführen mit Throtteling * [[programmieren:javascript:js_function_exists|Function exists prüfen]] - Kontrolle ob Funktion existiert oder nicht * [[programmieren:javascript:default optional paramater funktionen| Default/Optionale Funktionsparameter]] - Attribute die nicht als Pflicht übrgeben werden sollen/müssen * [[programmieren:javascript:is in visble in viewport|Element visible in Viewport]] - Funkion ob ein Teil des Elementes sichtbar im aktuellen Window ist * [[programmieren:javascript:cookie auslesen|Cookie auslesen]] - mit ener One-Liner Funktion * [[programmieren:javascript:GET Parameter aus der URL auslesen ]] - Parameter in der URL auslesen * [[programmieren:javascript:URL mit Paramatern aendern und laden]] - URL mit geänderten Parametern aufrufen * [[programmieren:php:sse_server_send_events_and_javascript:SSE (Server send Events) realisieren]] * [[programmieren:javascript:E-Mail-Adresse Spam Schutz|Spamschutz für E-Mails]] * [[programmieren:javascript:Go Back Button Navigation|Navigation mit History und Go Back Button]] **Externe Snippets** * [[https://plainjs.com/javascript/utilities/set-cookie-get-cookie-and-delete-cookie-5/|Set, Get & Delete Cookie]] - 3 Einfache Cookie Funktionen * [[https://gomakethings.com/how-to-set-and-get-cookies-with-vanilla-js/|How to set and get cookies with vanilla JS]] - Gut erklärung auch über die Expire Settings etc * [[https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools|Javascript Module Formats]] - Blogbeitrag über verschiedene JS-Module Formate, sehr ausführlich