Als «javascript» getaggte Fragen

Ich verfolge einen Udemy-Kurs zum Registrieren von Ereignissen mit Hooks. Der Kursleiter gab den folgenden Code an: const [userText, setUserText] = useState(''); const handleUserKeyPress = event => { const { key, keyCode } = event; if (keyCode === 32 || (keyCode >= 65 && keyCode <= 90)) { setUserText(`${userText}${key}`); } …

77 javascript  reactjs  react-native  react-hooks 

Soweit ich verstanden habe, kann ich refs für ein einzelnes Element wie dieses verwenden: const { useRef, useState, useEffect } = React; const App = () => { const elRef = useRef(); const [elWidth, setElWidth] = useState(); useEffect(() => { setElWidth(elRef.current.offsetWidth); }, []); return ( <div> <div ref={elRef} style={{ width: …

77 javascript  reactjs  react-hooks 

Ich habe Axios-Dokumentation gesehen, aber alles, was darin steht, ist // Add a request interceptor axios.interceptors.request.use(function (config) { // Do something before request is sent return config; }, function (error) { // Do something with request error return Promise.reject(error); }); // Add a response interceptor axios.interceptors.response.use(function (response) { // Do …

77 javascript  axios 

Aus irgendeinem Grund verhalten sich diese beiden Regex genauso: "43\\gf..--.65".replace(/[^\d.-]/g, "");​ // 43..--.65 "43\\gf..--.65".replace(/[^\d\.-]/g, "");​ // 43..--.65 Demo Im ersten regulären Ausdruck entkomme ich dem Punkt ( .) nicht, während ich im zweiten regulären Ausdruck ( \.) entkomme . Was sind die Unterschiede und warum verhalten sie sich gleich?

76 javascript  regex  replace 

In meiner index.ejs habe ich diesen Code: var current_user = <%= user %> In meinem Knoten habe ich app.get("/", function(req, res){ res.locals.user = req.user res.render("index") }) Allerdings erhalte ich auf der Seite var current_user = [object Object] und wenn ich schreibe var current_user = <%= JSON.stringify(user) %> Ich erhalte: var …

76 javascript  json  express  ejs 

Wie kann ich die Größe meiner JavaScript-Datei nach dem Komprimieren schätzen? Gibt es dafür Online-Tools? Oder ähnelt es beispielsweise der Verwendung von winzip?

76 javascript  gzip  minify 

Ich habe eine Basisklasse: function Monster() { this.health = 100; } Monster.prototype.growl = function() { console.log("Grr!"); } Dass ich eine weitere Klasse erweitern und erstellen möchte mit: function Monkey extends Monster() { this.bananaCount = 5; } Monkey.prototype.eatBanana { this.bananaCount--; this.health++; //Accessing variable from parent class monster this.growl(); //Accessing function from …

76 javascript  oop  object  inheritance  ecmascript-6 

Ich verwende also Google Maps und bekomme das Bild so, dass es so aussieht <img id="staticMap" src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap &markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318 &markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false"> Ich muss es retten. Ich habe folgendes gefunden: function getBase64FromImageUrl(URL) { var img = new Image(); img.src = URL; img.onload = function() { var canvas = document.createElement("canvas"); canvas.width = this.width; canvas.height …

76 javascript  canvas  cors 

Gibt es eine Möglichkeit, die URL programmgesteuert zu aktualisieren, ohne die Seite neu zu laden? BEARBEITEN: Ich habe dem Titel im Beitrag etwas hinzugefügt. Ich möchte nur klarstellen, dass ich die Seite nicht neu laden möchte

76 javascript  jquery 

Gibt es einen Unterschied zwischen diesen Lösungen? Lösung 1: function doSomething(id, value) { console.log(value); //... } <input id="theId" value="test" onclick="doSomething(this.id, this.value)" /> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet ... und Lösung 2: function doSomething(id) { var value = document.getElementById(id).value; console.log(value); //... } <input id="theId" value="test" onclick="doSomething(this.id)" /> …

76 javascript  get  element 

Ich versuche, ein Hintergrundbild mithilfe des Winkels auf ein Div anzuwenden ng-style(ich habe zuvor eine benutzerdefinierte Direktive mit demselben Verhalten ausprobiert), aber es scheint nicht zu funktionieren. <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == …

76 javascript  angularjs  angularjs-directive  angularjs-ng-repeat  ng-style 

Ich schreibe eine Anweisung zur Kennwortüberprüfung: Directives.directive("passwordVerify",function(){ return { require:"ngModel", link: function(scope,element,attrs,ctrl){ ctrl.$parsers.unshift(function(viewValue){ var origin = scope.$eval(attrs["passwordVerify"]); if(origin!==viewValue){ ctrl.$setValidity("passwordVerify",false); return undefined; }else{ ctrl.$setValidity("passwordVerify",true); return viewValue; } }); } }; }); html: <input data-ng-model='user.password' type="password" name='password' placeholder='password' required> <input data-ng-model='user.password_verify' type="password" name='confirm_password' placeholder='confirm password' required data-password-verify="user.password"> Wenn bei zwei Kennwortfeldern in …

76 javascript  angularjs 

Ich versuche, "stopPropagation" zu stoppen, um zu verhindern, dass ein Dropdown-Menü der Twitter-Bootstrap-Navigationsleiste geschlossen wird, wenn auf ein Element (Link) in einem Li geklickt wird. Die Verwendung dieser Methode scheint die übliche Lösung zu sein . Scheint in Angular eine Richtlinie der Ort zu sein, um dies zu tun? Also …

76 javascript  jquery  angularjs  stoppropagation 

Was wäre Ihre schnellste, kürzeste (beste) Möglichkeit, einen Browser mit IE und einer Version unter 9 in JavaScript zu erkennen, ohne jQuery oder Add-On-Bibliotheken zu verwenden?

76 javascript  internet-explorer  browser  browser-detection 

Ich bin ein großer Knockoutjs-Fan. Ich benutze es jetzt für meine gesamte Webentwicklung und liebe es einfach. Eine Sache, die ich jedoch nicht herausfinden konnte, ist, wie die Benutzeroberfläche ausgeblendet wird, während die Knockout-Bindungen erstellt werden. Zum Beispiel habe ich eine sehr robuste Benutzeroberfläche mit vielen Vorlagen, die auf meiner …

76 javascript  mvvm  knockout.js