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

警告：コンポーネントは、制御されるタイプのテキストの非制御入力を変更しています。入力要素は、非制御から制御へ（またはその逆）に切り替えないでください。コンポーネントの有効期間中、制御された入力要素と制御されていない入力要素のどちらを使用するかを決定します。* 以下は私のコードです： constructor(props) { super(props); this.state = { fields: {}, errors: {} } this.onSubmit = this.onSubmit.bind(this); } .... onChange(field, e){ let fields = this.state.fields; fields[field] = e.target.value; this.setState({fields}); } .... render() { return( <div className="form-group"> <input value={this.state.fields["name"]} onChange={this.onChange.bind(this, "name")} className="form-control" type="text" refs="name" placeholder="Name *" /> <span style={{color: "red"}}>{this.state.errors["name"]}</span> </div> ) …

331 javascript  reactjs 

からに移動しようとしGulpていWebpackます。でGulp、私はそのコピーからすべてのファイルとフォルダのタスク持た/静的/フォルダへ/ビルド/フォルダを。同じようにするにはどうすればよいWebpackですか？プラグインは必要ですか？

330 javascript  webpack 

node.jsのフォルダー内のすべてのファイルを要求するにはどうすればよいですか？ 次のようなものが必要です： files.forEach(function (v,k){ // require routes require('./routes/'+v); }};

330 javascript  node.js  directory  require 

私が持っているform2つのテキストボックス、1つので選択し、ドロップダウンと1つのラジオボタンを。enterキーが押されたときにJavaScript関数（ユーザー定義）を呼び出したいのですが、それを押すとフォームが送信されます。 キーが押されたformときにが送信されないようにするにはどうすればよいenterですか？

330 javascript  forms  keypress  dom-events  enter 

問題を再現する Webソケットを使用してエラーメッセージを渡そうとすると、問題が発生します。私が直面しJSON.stringifyている問題を再現して、より幅広い聴衆に対応することができます。 // node v0.10.15 > var error = new Error('simple error message'); undefined > error [Error: simple error message] > Object.getOwnPropertyNames(error); [ 'stack', 'arguments', 'type', 'message' ] > JSON.stringify(error); '{}' 問題は、オブジェクトが空になることです。 私が試したこと ブラウザー 最初にnode.jsを終了し、さまざまなブラウザーで実行してみました。Chromeバージョン28でも同じ結果が得られますが、興味深いことに、Firefoxは少なくとも試みを行っていますが、メッセージは省略しています。 >>> JSON.stringify(error); // Firebug, Firefox 23 {"fileName":"debug eval code","lineNumber":1,"stack":"@debug eval code:1\n"} 交換機能 次に、Error.prototypeを調べました。これは、プロトタイプにtoStringやtoSourceなどのメソッドが含まれていることを示しています。関数は文字列化できないことを知っているので、JSON.stringifyを呼び出してすべての関数を削除するときに置換関数を含めましたが、それでも奇妙な動作があることに気付きました。 var error …

330 javascript  json  node.js  error-handling 

最近、私はこの種の警告を受けました、そしてそれは私がそれを初めて受け取るのです： [Violation] Long running JavaScript task took 234ms [Violation] Forced reflow while executing JavaScript took 45ms 私はグループプロジェクトに取り組んでおり、これがどこから来ているのかわかりません。これは今までになかった。突然、誰か他の人がプロジェクトに参加したときに現れました。この警告の原因となっているファイル/機能を見つけるにはどうすればよいですか？私は答えを探していましたが、主にそれを解決する方法についての解決策についてです。問題の原因がわからなければ解決できません。 この場合、警告はChromeでのみ表示されます。Edgeを使用しようとしましたが、同様の警告は表示されず、Firefoxでまだテストしていません。 私もエラーを受け取りますjquery.min.js： [Violation] Handler took 231ms of runtime (50ms allowed) jquery.min.js:2

330 javascript  google-chrome  dom 

以下に、これら2つのログの出力を示します。1つ目は、アクセスしようとしているプロパティを持つ完全なオブジェクトを明確に示していますが、コードの次の行ではアクセスできませんconfig.col_id_3（スクリーンショットの「undefined」を参照してください）。誰かがこれを説明できますか？他のすべてのプロパティにもアクセスできますfield_id_4。 console.log(config); console.log(config.col_id_3); これは、これらの行がコンソールに印刷されるものです

329 javascript  console.log 

これら3つのイベントの違いは何ですか？グーグルで次のことがわかりました。 onKeyDownユーザーがキーを押したときにイベントがトリガされます。 onKeyUpユーザーがキーを離したときにイベントがトリガされます。 onKeyPressイベントがトリガされたときにユーザプレス・リリース（キーonKeyDownが続きますonKeyUp）。 最初の2つは理解できましたがonKeyPress、同じではありませんonKeyUpか？キー（onKeyUp）を押さずに（）キーを離すことはできonKeyDownますか？ これは少し紛らわしいですが、誰かがこれを片付けてくれますか？

329 javascript  dom  dom-events 

amt: "10.00" email: "sam@gmail.com" merchant_id: "sam" mobileNo: "9874563210" orderID: "123456" passkey: "1234" 上記は私が扱っているJSONオブジェクトです。「merchant_id」キーが存在するかどうかを確認したい。以下のコードを試してみましたが、機能しません。それを達成する方法はありますか？ <script> window.onload = function getApp() { var thisSession = JSON.parse('<?php echo json_encode($_POST); ?>'); //console.log(thisSession); if (!("merchant_id" in thisSession)==0) { // do nothing. } else { alert("yeah"); } } </script>

329 javascript  json 

以下のように、Webページに3つのラジオボタンがあります。 <label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label> <label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label> コードスニペットを実行するHide resultsスニペットを展開 jQueryでは、これら3つのうちいずれかがクリックされたときに、選択したラジオボタンの値を取得します。jQueryにはid（＃）およびclass（。）セレクターがありますが、以下のように名前でラジオボタンを検索したい場合はどうしますか？ $("<radiobutton name attribute>").click(function(){}); この問題の解決方法を教えてください。

328 javascript  jquery  html  radio-button 

私はwebpackを初めて使用するので、ソースマップを生成するための設定が必要です。webpack serveコマンドラインから実行していますが、正常にコンパイルされます。しかし、本当にソースマップが必要です。これは私webpack.config.jsです。 var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: { colors: true, reasons: true }, resolve: { extensions: ['', '.js', '.jsx'], alias: { 'styles': __dirname + '/src/styles', 'mixins': __dirname + '/src/mixins', …

328 javascript  webpack  build-process  babeljs  source-maps 

マウスオーバーでjQueryを使用してbackgroundColorの変化をアニメーション化しようとしています。 私はいくつかの例をチェックしましたが、それは正しいようです。fontSizeのような他のプロパティで動作しますが、backgroundColorを使用すると、「無効なプロパティ」のjsエラーが発生します。私が使用している要素はdivです。 $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: "olive" }, "slow"); }); 何か案は？

327 javascript  jquery  colors  jquery-animate 

ウィンドウのサイズ変更のトリガーを登録しました。呼び出されるイベントをトリガーする方法を知りたい。たとえば、divを非表示にするときは、トリガー関数を呼び出す必要があります。 window.resizeTo()関数をトリガーできることがわかりましたが、他の解決策はありますか？

327 javascript  jquery  events 

2つのAngularコントローラーがあります。 function Ctrl1($scope) { $scope.prop1 = "First"; } function Ctrl2($scope) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do ideally } Ctrl1内部Ctrl2が未定義のため使用できません。しかし、そのように渡そうとすると… function Ctrl2($scope, Ctrl1) { $scope.prop2 = "Second"; $scope.both = Ctrl1.prop1 + $scope.prop2; //This is what I would like to do …

326 javascript  angularjs  angularjs-controller 

私は次のHTML5フォームを持っています：http : //jsfiddle.net/nfgfP/ <form id="form" onsubmit="return(login())"> <input name="username" placeholder="Username" required /> <input name="pass" type="password" placeholder="Password" required/> <br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/> <input type="submit" name="submit" value="Log In"/> コードスニペットを実行する結果を非表示スニペットを展開 現在、両方が空白のときにEnterキーを押すと、「このフィールドに入力してください」というポップアップボックスが表示されます。デフォルトのメッセージを「このフィールドを空白にすることはできません」に変更するにはどうすればよいですか？ 編集：タイプパスワードフィールドのエラーメッセージは単にであることにも注意してください*****。これを再作成するには、ユーザー名に値を指定して送信を押します。 編集：私はテストにChrome 10を使用しています。同じようにしてください

326 javascript  html  forms  validation