タグ付けされた質問 「javascript」

カスタムエモートを追加するためのWebサイトのユーザースクリプトを作成しようとしています。しかし、私は多くのエラーを受け取っています。 関数は次のとおりです。 function saveEmotes() { removeLineBreaks(); EmoteNameLines = EmoteName.value.split("\n"); EmoteURLLines = EmoteURL.value.split("\n"); EmoteUsageLines = EmoteUsage.value.split("\n"); if (EmoteNameLines.length == EmoteURLLines.length && EmoteURLLines.length == EmoteUsageLines.length) { for (i = 0; i < EmoteURLLines.length; i++) { if (checkIMG(EmoteURLLines[i])) { localStorage.setItem("nameEmotes", JSON.stringify(EmoteNameLines)); localStorage.setItem("urlEmotes", JSON.stringify(EmoteURLLines)); localStorage.setItem("usageEmotes", JSON.stringify(EmoteUsageLines)); if (i == 0) { console.log(resetSlot()); } emoteTab[2].innerHTML …

84 javascript  onclick  userscripts 

JSで背景を動的に変更したいのですが、画像のセットはbase64でエンコードされています。私は試してみます： document.getElementById("bg_image").style.backgroundImage = "url('http://amigo.com/300107-2853.jpg')"; 完璧な結果で、 それでも私は同じことをすることができません： document.getElementById("bg_image").style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE...')"; また document.getElementById("bg_image").style.backgroundImage = "data:image/png;base64,iVBORw0KGgoAAAAAAAAyCAYAAAAUYybjAAAgAElE..."; それを行う方法はありますか？

84 javascript  base64  background-image 

私はこのコンポーネントを持っています： import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input) => this.input = input} placeholder={this.props.placeholder} /> <button disabled={!this.input.value} className="add-item__button" onClick={this.add.bind(this)}>Add</button> </div> ); } } 入力値が空のときにボタンを無効にしたい。しかし、上記のコードは機能しません。それは言う： add-item.component.js：78 Uncaught TypeError：undefinedのプロパティ 'value'を読み取れません を指していdisabled={!this.input.value}ます。ここで何が間違っているのでしょうか？renderメソッドの実行時にrefがまだ作成されていないのではないかと思います。もしそうなら、回避策は何ですか？

84 javascript  reactjs 

入力要素があり、コンテンツの長さをチェックし続けたいのですが、長さが特定のサイズに等しくなるたびに送信ボタンを有効にしたいのですが、イベントとしてのJavascriptのonchangeイベントで問題が発生しています入力要素がスコープ外になったときにのみ発生し、内容が変更されたときには発生しません。 <input type="text" id="name" onchange="checkLength(this.value)" /> ---- onchangeは、名前の内容を変更しても発生しませんが、名前のフォーカスが外れた場合にのみ発生します。 このイベントをコンテンツの変更で機能させるためにできることはありますか？または私がこれに使用できる他のイベント？onkeyup関数を使用して回避策を見つけましたが、ブラウザーのオートコンプリーターから一部のコンテンツを選択しても起動しません。 キーボードでもマウスでも、フィールドの内容が変わっても機能するものが欲しいのですが…何かアイデアはありますか？

84 javascript  jquery  dom-events 

ユーザーのブラウザウィンドウに収まるように大きな画像のサイズを変更するJavascriptを作成しています。（残念ながら、ソース画像のサイズは制御していません。） したがって、次のようなものがHTMLに含まれます。 <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> タグsrc内の画像imgがダウンロードされているかどうかを確認する方法はありますか？ $(document).ready()ブラウザが画像をロードする前に実行すると問題が発生するため、これが必要です。 $("#photo").width()そして、$("#photo").height()プレースホルダ（altテキスト）のサイズを返します。私の場合、これは134 x20のようなものです。 現在、写真の高さが150未満かどうかを確認しており、そうである場合は代替テキストであると想定しています。しかし、これはかなりのハックであり、写真の高さが150ピクセル未満の場合（私の特定のケースではありそうにない）、または代替テキストの高さが150ピクセルを超える場合（小さなブラウザウィンドウで発生する可能性があります）、破損します。 。 編集：コードを見たい人のために： $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = $("#photo").height(); $(window).resize(adjust_photo_size); adjust_photo_size(); function adjust_photo_size() { if(REAL_HEIGHT < 150) { REAL_WIDTH = $("#photo").width(); REAL_HEIGHT = $("#photo").height(); if(REAL_HEIGHT < …

84 javascript  jquery  image 

/auth/github/callback URLからコールバックを取得した後、サーバーを閉じる必要があります。通常のHTTPAPIクロージングサーバーでは、現在server.close([callback]) API関数をサポートしていますが、node-expressサーバーではTypeError: Object function app(req, res){ app.handle(req, res); } has no method 'close' エラーが発生します。そして、私はこの問題を解決するための情報を見つける方法がわかりません。 Expressサーバーを閉じるにはどうすればよいですか？ NodeJS構成ノート： $ node --version v0.8.17 $ npm --version 1.2.0 $ npm view express version 3.0.6 実際のアプリケーションコード： var app = express(); // configure Express app.configure(function() { // … configuration }); app.get( '/auth/github/callback', passport.authenticate('github', { failureRedirect: …

84 javascript  api  node.js  webserver  express 

spawnを使用すると、ENOMEM（メモリ不足）errnoExceptionがスローされたため、Node.jsスクリプトがクラッシュします。 エラー： child_process.js:935 throw errnoException(process._errno, 'spawn'); ^ Error: spawn ENOMEM at errnoException (child_process.js:988:11) at ChildProcess.spawn (child_process.js:935:11) at Object.exports.spawn (child_process.js:723:9) at module.exports ([...]/node_modules/zbarimg/index.js:19:23) 私はすでにerrorandexitイベントのリスナーを使用していますが、このエラーが発生した場合にリスナーは起動されません。 私のコード： zbarimg = process.spawn('zbarimg', [photo, '-q']); zbarimg.on('error', function(err) { ... }); zbarimg.on('close', function(code) { ... }); 利用可能な完全なソースコード。 スクリプトがクラッシュするのを防ぐためにできることはありますか？スローされたENOMEMエラーをキャッチするにはどうすればよいですか？ ありがとう！

84 javascript  node.js  error-handling  try-catch  spawn 

次のようなものがあるとしましょう。 var someFunc = function() { // do something here with arguments } この関数がJSDocで任意の数の引数を取ることができることをどのように正しく文書化しますか？これは私の最善の推測ですが、それが正しいかどうかはわかりません。 /** * @param {Mixed} [...] Unlimited amount of optional parameters */ var someFunc = function() { // do something here with arguments } 関連：php-可変数のパラメーターを文書化する方法

84 javascript  jsdoc 

私はこのコードを持っています： var r = /(?:^\s*([^\s]*)\s*)(?:,\s*([^\s]*)\s*){0,}$/ var s = " a , b , c " var m = s.match(r) m => [" a , b , c ", "a", "c"] 文字列全体が一致しているように見えますが、どこに"b"行ったのでしょうか。私はむしろ得ることを期待したい： [" a , b , c ", "a", "b", "c"] 空白を削除したm.shift()ような結果で実行できるようにs.split(',')します。 正規表現に間違いがありString.prototype.matchますか、それとも誤解しますか？

84 javascript  regex 

JavascriptでセッションのみのCookieを作成できるかどうか疑問に思いました。ブラウザを閉じたら、Cookieを削除する必要があります。 WebサイトはHTMLのみであるため、サーバー上では何も使用できません...したがって、サーバー側スクリプトは使用されません。 私はここでこれについて何かを読みました：http： //blog.lysender.com/2011/08/setting-session-only-cookie-via-javascript/ しかし、私はこれについてこれ以上の情報を見つけることができません...だから私はこの方法が信頼できるかどうか疑問に思います。

84 javascript  html 

DOMメソッドdocument.querySelectorAll()（および他のいくつかのメソッド）はを返しますNodeList。 リストを操作するには、たとえばを使用してforEach()、NodeList最初にに変換する必要がありArrayます。 変換するための最良の方法何NodeListにはArray？

84 javascript  arrays  dom 

Reactステートレスコンポーネントでイベントハンドラーを作成するための最適な方法を見つけようとしています。私はこのようなことをすることができます： const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click Me</button> ); } ここでの欠点は、このコンポーネントがレンダリングされるたびに、新しい「myHandler」関数が作成されることです。コンポーネントのプロパティにアクセスできるステートレスコンポーネントでイベントハンドラーを作成するためのより良い方法はありますか？

84 javascript  reactjs 

私はJavaScriptのこの行を期待します： "foo bar baz".match(/^(\s*\w+)+$/) 次のようなものを返すには： ["foo bar baz", "foo", " bar", " baz"] ただし、代わりに、最後にキャプチャされた一致のみが返されます。 ["foo bar baz", " baz"] キャプチャされたすべての一致を取得する方法はありますか？

84 javascript  regex  repeat  capturing-group 

文字列の行数を数えたい 私はこのstackoverflowの答えを使おうとしました： lines = str.split("\r\n|\r|\n"); return lines.length; この文字列（元々はバッファでした）： GET / HTTP/1.1 Host: localhost:8888 Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.2 (KHTML,like Gecko) Chrome/15.0.874.121 Safari/535.2 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 そして、何らかの理由で私はlines = '1'を得ました。 それを機能させる方法はありますか？

84 javascript  string  split 

文字列から数字を削除したい： questionText = "1 ding ?" 1番号と疑問符を置き換えたいのですが?。任意の数にすることができます。次の機能しないコードを試しました。 questionText.replace(/[0-9]/g, '');

84 javascript  regex