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

React.jsで同等のAngularの$ watch関数は何ですか？ 状態の変化をリッスンし、getSearchResults（）のような関数を呼び出したいです。 componentDidMount: function() { this.getSearchResults(); }

143 javascript  reactjs 

今後の文字列でタグをエスケープせずに、htmlタグ付きの文字列をハンドルバーテンプレートに挿入する方法はありますか？ template.js： <p>{{content}}</p> テンプレートを使用する HBS.template({content: "<i>test</i> 123"}) 実際の結果： <p><i>test</i> 123</p> 期待される結果： <p><i>test</i> 123</p>

143 javascript  handlebars.js 

次のコードがあるとします。 <form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form> これはこれをもたらします： ユーザーが[参照...]ボタンをクリックすると、ファイル検索ダイアログボックスが開きます。 ユーザーは、ファイルをダブルクリックするか、[開く]ボタンをクリックしてファイルを選択します。 ファイルが選択された後に通知を受けるために使用できるJavascriptイベントはありますか？

143 javascript  html  javascript-events 

jQueryを使用してページに外部画像を非同期で読み込みたいのですが、次のことを試しました。 $.ajax({ url: "http://somedomain.com/image.jpg", timeout:5000, success: function() { }, error: function(r,x) { } }); しかし、それは常にエラーを返します、このような画像をロードすることさえ可能ですか？ 私は.loadメソッドを使用しようとしましたが、それは機能しますが、画像が利用できない場合にタイムアウトを設定する方法がわかりません（404）。これどうやってするの？

142 javascript  jquery  ajax  image  jquery-load 

contentEditable = 'on' <div>にフォーカスが戻ったときに、カーソル/キャレットの位置を最後の既知の位置に設定するための、決定的なクロスブラウザーソリューションが必要です。コンテンツ編集可能なdivのデフォルトの機能は、クリックするたびにdiv内のテキストの先頭にキャレット/カーソルを移動することですが、これは望ましくありません。 divのフォーカスを離れるときに現在のカーソル位置を変数に格納し、フォーカスが再び入ったときにこれを再設定する必要があると思いますが、まとめたり、機能するものを見つけることができませんでした。コードサンプルはまだ。 誰かが何か考え、作業中のコードスニペットまたはサンプルを持っている場合は、それらを見ていただければ幸いです。 実際にはまだコードはありませんが、ここに私が持っているものがあります： <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS。このリソースを試しましたが、<div>では機能しないようです。おそらくtextareaの場合のみ（カーソルをcontenteditableエンティティの最後に移動する方法）

142 javascript  jquery  html  contenteditable  cursor-position 

次のHTMLがあります。 <div id="mydiv"> <div class="myclass"></div> </div> 内部を選択するセレクターを使用できるようにしたいdivが、mydivコンテナーに固有。jQueryでこれを実現するにはどうすればよいですか？

142 javascript  jquery  html  class  jquery-selectors 

以下のように見えますcomponentWillReceiveProps全く新しいライフサイクルメソッドの賛成で、今後のリリースで段階的に廃止される予定であるgetDerivedStateFromProps：静的getDerivedStateFromPropsを（） 。 調べてみるthis.propsとnextProps、のようにとを直接比較できないようになっていますcomponentWillReceiveProps。これを回避する方法はありますか？ また、オブジェクトを返すようになりました。私は戻り値が本質的にであると仮定するのは正しいthis.setStateですか？ 以下は私がオンラインで見つけた例です：状態はprops / stateから派生しました。 前 class ExampleComponent extends React.Component { state = { derivedData: computeDerivedState(this.props) }; componentWillReceiveProps(nextProps) { if (this.props.someValue !== nextProps.someValue) { this.setState({ derivedData: computeDerivedState(nextProps) }); } } } 後 class ExampleComponent extends React.Component { // Initialize state in constructor, // Or with a property initializer. …

142 javascript  reactjs  lifecycle 

次のような属性を持つdivを見つけることができます。 $('.funding-plan-container[data-timestamp]') しかし、その属性を持たないdivを見つけようとすると、エラーが発生します。私のコードは次のとおりです。 $('.funding-plan-container[!data-timestamp]') jQueryに「属​​性を持たない」セレクターはありますか？ 参考までに、ここでの使用例は、timestamp属性を持たないdivは動的に追加されなかったため、便利です。 ありがとう！

142 javascript  jquery 

\bと\w正規表現のメタキャラクターの違いを誰かが説明できますか？これらの両方のメタ文字が単語の境界に使用されることは私の理解です。これとは別に、どのメタ文字が多言語コンテンツに効率的ですか？

142 javascript  java  php  regex  perl 

onclickで任意のボタンの機能を実行しようとしていますclass="stopMusic"。Firebugでエラーが発生する document.getElementByClassは関数ではありません これが私のコードです： var stopMusicExt = document.getElementByClass("stopButton"); stopButton.onclick = function() { var ta = document.getElementByClass("stopButton"); document['player'].stopMusicExt(ta.value); ta.value = ""; };

142 javascript 

変数の型が1の場合は変数の値を1だけ増分し、numberそうでない場合は変数に0を割り当てるルーチンを作成するnull必要がありましたundefined。 最初の実装はv >= 0 ? v += 1 : v = 0、数値ではないものはすべて算術式を偽にすると考えたためでしたが、null >= 0真と評価されたため、それは間違っていました。次にnull、0のように動作することを学び、次の式はすべてtrueと評価されます。 null >= 0 && null <= 0 !(null < 0 || null > 0) null + 1 === 1 1 / null === Infinity Math.pow(42, null) === 1 もちろん、nullis 0でnull == 0はありません。false と評価されます。これは、一見トートロジー的な表現を(v >= 0 && …

142 javascript  null  comparison  equality 

並べ替えられたJavaScript配列があり、結果の配列が並べ替えられたままになるように、配列に1つ以上の項目を挿入します。私は確かに単純なクイックソートスタイルの挿入関数を実装できました。 var array = [1,2,3,4,5,6,7,8,9]; var element = 3.5; function insert(element, array) { array.splice(locationOf(element, array) + 1, 0, element); return array; } function locationOf(element, array, start, end) { start = start || 0; end = end || array.length; var pivot = parseInt(start + (end - start) / 2, 10); if …

142 javascript  algorithm  sorting 

ブラウザで実行されているJavaScriptをサンドボックス化して、HTMLページで実行されているJavaScriptコードで通常使用できる機能へのアクセスを防ぐことができるかどうか疑問に思っています。 たとえば、「興味深いイベント」が発生したときに実行されるイベントハンドラーをエンドユーザーが定義できるようにJavaScript APIを提供したいが、それらのユーザーにwindowオブジェクトのプロパティと関数にアクセスさせたくないとします。これはできますか？ 最も単純なケースでは、ユーザーがを呼び出せないようにしたいとしますalert。私が考えることができるいくつかのアプローチは： window.alertグローバルに再定義します。ページで実行されている他のコード（つまり、ユーザーがイベントハンドラーで作成していないもの）がを使用する可能性があるため、これは有効なアプローチではないと思いますalert。 イベントハンドラーコードをサーバーに送信して処理します。イベントハンドラーはページのコンテキストで実行する必要があるため、サーバーにコードを送信して処理するのが適切な方法であるかどうかはわかりません。 おそらく、サーバーがユーザー定義関数を処理し、クライアントで実行されるコールバックを生成するソリューションは機能するでしょうか？そのアプローチが機能しても、この問題を解決するより良い方法はありますか？

142 javascript  browser  sandbox 

有効期限のないクッキーを設定したいのですが。それは可能でしょうか？ document.cookie = "name=value; expires=date; path=path;domain=domain; secure"; 日付を実際に大きくしたくはありません。Cookieの期限切れパラメーターに、期限切れにならないように指示する値があったのかと思っています。 ありがとう。

142 javascript  cookies 

Chrome開発者ツールがJavaScriptを人間が読める形式にフォーマットできるかどうか誰かが知っていますか？ある種の美容器は便利でしょう。私がいくつかのJSライブラリを使用していて、そのオブジェクトをインスタンス化する必要があるとしましょう。これにより、コンストラクターに何を入れるかを知る必要があります。しかし、Chromeデベロッパーツールのユーザーインターフェースに4行あるこの巨大なライブラリを検索するのは非常に面倒です... それ以外の場合、サーバー側では、縮小されていないJavaScriptファイルを提供する「開発モード」を実装する必要があります...

142 javascript  google-chrome-devtools