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

私はすでにこれらの質問を見てきました： デバッグ時またはJavaScriptコードからDOMノードのイベントリスナーを見つける方法は？ プログラムでHTML要素のJavaScriptイベントハンドラーを調べて変更できますか？ Firebug（または同様のツール）を使用してJavaScript / jQueryイベントバインディングをデバッグする方法 ただし、いずれも、イベントリスナーが作成される前にプロトタイプaddEventListenerを変更せずに、を使用してノードにアタッチされたイベントリスナーのリストを取得する方法に答えていませんaddEventListener。 VisualEventがすべてのイベントリスナー（iphone固有のもの）を表示しないため、これを（ある程度）プログラムで実行したいと考えています。

106 javascript  dom-events 

JavaScriptが有効になっている場合にのみコンテンツを表示するタグがHTMLにありますか？私<noscript>はJavaScriptがオフになっているときにHTMLコンテンツを表示するという逆の方法で動作することを知っています。ただし、JavaScriptが利用可能な場合にのみフォームをサイトに表示し、フォームがない場合はフォームを使用できない理由を伝えたいと思います。 これを行う方法を知っている唯一のdocument.write();方法は、scriptタグ内のメソッドを使用することであり、大量のHTMLの場合は少し面倒です。

106 javascript  html  noscript 

私はこれらの表現の意味を検索しましたが、それらの正確な違いを理解できませんでした。これは彼らが言うことです： ?: 表現に一致しますが、キャプチャしません。 ?= サフィックスに一致しますが、キャプチャから除外します。 ?! サフィックスがない場合に一致します。 私はこれらを単純なRegExで使用してみましたが、すべて同じような結果が得られました。例：次の3つの式は非常によく似た結果になります。 [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?!\.[a-zA-Z0-9]+)* [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?=\.[a-zA-Z0-9]+)* [a-zA-Z0-9._-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9]+)*

106 javascript  regex 

Javascriptで、プッシュ、ポップ、シフト、またはインデックスベースの割り当てを使用して配列が変更されたときに通知される方法はありますか？処理できるイベントを発生させるものが欲しいのですが。 watch()SpiderMonkey の機能については知っていますが、変数全体が別の値に設定されている場合にのみ機能します。

106 javascript  dom-events 

divが含まれるテーブル行を含むスクロールバーがデータベースから動的に生成されるページがあります。テーブルの各行は、リンクのように機能します。これは、動画プレーヤーの横にあるYouTube再生リストに表示されるようなものです。 ユーザーがページにアクセスすると、ユーザーがいるオプションはスクロールdivの上部に移動することになっています。この機能は動作しています。問題は、それが少しだけ行き過ぎていることです。それらがオンになっているオプションと同様に、高さが約10pxです。そのため、ページにアクセスし、URLを使用して、選択されたオプションを識別し、そのオプションをスクロールdivの上部にスクロールします。注：これはウィンドウのスクロールバーではなく、スクロールバー付きのdivです。 このコードを使用して、選択したオプションをdivの一番上に移動します。 var pathArray = window.location.pathname.split( '/' ); var el = document.getElementById(pathArray[5]); el.scrollIntoView(true); divの上に移動しますが、10ピクセルほど上に移動します。誰でもそれを修正する方法を知っていますか？

106 javascript  dom  scroll 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 2年前休業。 この質問を改善する スクリプトを使用してクリップボードのコンテンツを検出し、ページを開いたときにユーザーの入力なしでテキストフィールドに貼り付ける方法を教えてください。どうすればできますか？

106 javascript  clipboard  paste 

私がアクセスできるようにするstate.sessionにはinstance.jsからrecords_view.js。これはどのように達成されますか？ store / modules / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; store / modules / records_view.js const actions = { getSettingsAction (context, props) { // This is how I'm …

106 javascript  vue.js  vuex 

ドキュメントによると： componentDidUpdate()更新が発生した直後に呼び出されます。このメソッドは、最初のレンダリングでは呼び出されません。 新しいuseEffect()フックを使用してシミュレートできますが、最初でも、すべてのレンダリングの後に実行されcomponentDidUpdate()ているようuseEffect()です。最初のレンダリングで実行されないようにするにはどうすればよいですか？ 以下の例でわかるように、componentDidUpdateFunctionは最初のレンダリング中に印刷されますが、最初のレンダリング中には印刷されcomponentDidUpdateClassませんでした。 function ComponentDidUpdateFunction() { const [count, setCount] = React.useState(0); React.useEffect(() => { console.log("componentDidUpdateFunction"); }); return ( <div> <p>componentDidUpdateFunction: {count} times</p> <button onClick={() => { setCount(count + 1); }} > Click Me </button> </div> ); } class ComponentDidUpdateClass extends React.Component { constructor(props) { super(props); this.state = { count: …

106 javascript  reactjs  react-hooks 

'mapwrap' divを400px x 400pxに設定し、その中にGoogle 'map'を100％x 100％に設定しています。したがって、地図は400 x 400pxで読み込まれ、JavaScriptを使用して「mapwrap」のサイズを画面の100％x 100％に変更します。Googleマップは予想どおり画面全体にサイズ変更されますが、タイルはページ。 Googleマップを大きなサイズの「mapwrap」divに再調整するために呼び出すことができる単純な関数はありますか？

105 javascript  css  google-maps 

JavaScriptの配列とオブジェクト（特にGoogle V8）に関連するパフォーマンスは、文書化すると非常に興味深いものになります。このトピックに関する包括的な記事はインターネットのどこにもありません。 一部のオブジェクトは、基礎となるデータ構造としてクラスを使用することを理解しています。プロパティが多数ある場合、ハッシュテーブルとして扱われることがありますか？ また、配列がC ++配列のように扱われる場合があることも理解しています（つまり、高速なランダムインデックス付け、削除の遅延、サイズ変更）。また、オブジェクトのように扱われる場合もあります（高速なインデックス作成、高速な挿入/削除、より多くのメモリ）。そして、時々それらはリンクされたリストとして保存されるかもしれません（すなわち、遅いランダムなインデックス付け、最初/最後の速い削除/挿入） JavaScriptでの配列/オブジェクトの取得と操作の正確なパフォーマンスは何ですか？（特にGoogle V8の場合） より具体的には、それがパフォーマンスに与える影響： オブジェクトにプロパティを追加する オブジェクトからプロパティを削除する オブジェクトのプロパティにインデックスを付ける 配列に項目を追加する 配列からアイテムを削除する 配列内のアイテムにインデックスを付ける Array.pop（）を呼び出す Array.push（）を呼び出す Array.shift（）の呼び出し Array.unshift（）の呼び出し Array.slice（）の呼び出し 詳細についての記事やリンクも同様にいただければ幸いです。:) 編集：私は本当にJavaScriptの配列とオブジェクトが内部でどのように機能するのか疑問に思っています。また、V8エンジンは別のデータ構造に「切り替える」ことをどのような状況で「知っている」のでしょうか。 たとえば、次のような配列を作成するとします... var arr = []; arr[10000000] = 20; arr.push(21); ここで何が起こっているのですか？ または...これは... ??? var arr = []; //Add lots of items for(var i = 0; i < 1000000; i++) arr[i] …

105 javascript  arrays  performance  object  v8 

状態の再レンダリングによってUIの問題が発生する問題があり、ページの再レンダリングの量を減らすために、レデューサー内の特定の値のみを更新するように提案されました。 これは私の状態の例です { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: "some other title", text: "some other text"} ] } 私は現在このように更新しています case 'SOME_ACTION': return { ...state, contents: action.payload } どこaction.payloadに新しい値を含む全体の配列です。しかし今、私は実際にはcontents配列の2番目のアイテムのテキストを更新する必要があるだけで、このようなものは機能しません case 'SOME_ACTION': return { ...state, contents[1].text: action.payload } action.payload更新に必要なテキストはどこにありますか。

105 javascript  reactjs  redux 

Backbone.jsのget関数とset関数について簡単な質問があります。 1）以下のコードを使用して、obj1.myAttribute1を直接「取得」または「設定」するにはどうすればよいですか？ 別の質問： 2）モデルでは、デフォルトオブジェクト以外に、バックボーンのgetおよびsetメソッドを介してアクセスできるように、モデルの他の属性をどこに宣言できますか、または宣言する必要がありますか？ var MyModel = Backbone.Model.extend({ defaults: { obj1 : { "myAttribute1" : false, "myAttribute2" : true, } } }) var MyView = Backbone.View.extend({ myFunc: function(){ console.log(this.model.get("obj1")); //returns the obj1 object //but how do I get obj1.myAttribute1 directly so that it returns false? } }); 私はできることを知っています： this.model.get("obj1").myAttribute1; しかし、それは良い習慣ですか？

105 javascript  backbone.js  backbone-model 

Google Maps API v3を使用して、マーカーアイコンをプログラムで変更するにはどうすればよいですか。 私がやりたいのは、誰かがリンクにカーソルを合わせたときです。マップ上の対応するマーカーアイコンの色を変更して、問題のマーカーを示します。 基本的に、Roostと同じ機能です。 左側の住宅リストにカーソルを合わせると、右側の対応するマーカーの色が変わります

105 javascript  google-maps  google-maps-api-3 

私はSVGファイルのECMAScript / JavaScriptに取り組んでいて、要素のwidthand を取得して、それを囲む長方形のサイズを変更できるようにする必要があります。HTMLでは要素のおよび属性を使用できますが、これらのプロパティは使用できないようです。heighttextoffsetWidthoffsetHeight これが私が作業する必要があるフラグメントです。テキストを変更するたびに長方形の幅を変更する必要がありますがwidth、text要素の実際のサイズ（ピクセル単位）を取得する方法がわかりません。 <rect x="100" y="100" width="100" height="100" /> <text>Some Text</text> 何か案は？

105 javascript  dom  text  svg 

次の2つの異なるコードスニペットは私と同等に見えます。 var myArray = Array(); myArray['A'] = "Athens"; myArray['B'] = "Berlin"; そして var myObject = {'A': 'Athens', 'B':'Berlin'}; 両方が同じように動作し、またtypeof(myArray) == typeof(myObjects)（どちらも「オブジェクト」を生成するため）。 これらの亜種の間に違いはありますか？

105 javascript  arrays  object  javascript-objects