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

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

11
JavaScriptでクラスごとに要素を取得する方法
html要素内のコンテンツを置き換えたいので、次の関数を使用しています。 function ReplaceContentInContainer(id,content) { var container = document.getElementById(id); container.innerHTML = content; } ReplaceContentInContainer('box','This is the replacement text'); <div id='box'></div> 上記はうまく機能しますが、問題は、コンテンツを置き換えるページに複数のhtml要素があることです。だから私はIDではなくクラスを使うことができません。javascriptは、クラス関数による組み込みのget要素のタイプをサポートしないと言われています。では、上記のコードをどのように修正して、IDではなくクラスで機能させることができるでしょうか。 PSこのためにjQueryを使用したくありません。
226 javascript 
6
parseInt（null、24）=== 23…待って、何？
了解しました。それで、parseIntをいじって、まだ初期化されていない値を処理する方法を確認していたところ、このgemを偶然見つけました。以下は、基数24以上で発生します。 parseInt(null, 24) === 23 // evaluates to true 私はそれをIE、Chrome、Firefoxでテストしましたが、すべてがtrueであることを警告しているので、仕様のどこかにあるはずだと思います。Googleをすばやく検索しても結果は得られなかったので、ここで私は誰かが説明してくれることを望んでいます。 typeof null === "object"見落としが原因でObjectとNullがメモリ内のほぼ同じ型識別子またはそれらに沿った何かを持っているために彼が言っていたCrockfordのスピーチを聞いたことを覚えていますが、今はそのビデオを見つけることができません。 試してみてください：http : //jsfiddle.net/robert/txjwP/ 編集の修正：基数が大きいと異なる結果が返され、32の場合は785077が返されます 編集2 zzzzBovから：[24...30]:23, 31:714695, 32:785077, 33:859935, 34:939407, 35:1023631, 36:1112745 tl; dr parseInt(null, 24) === 23が真の声明である理由を説明してください。
2
Redux @connectデコレーターの '@'（アットマーク）は何ですか？
私はReactでReduxを学んでいて、このコードに出くわしました。Redux固有かどうかはわかりませんが、いずれかの例で次のコードスニペットを確認しました。 @connect((state) => { return { key: state.a.b }; }) の機能connectはかなり単純ですが、@以前はわかりませんconnect。私が間違っていなければ、それはJavaScriptオペレーターでさえありません。 誰かがこれは何で、なぜそれが使用されているのか説明してもらえますか？ 更新： 実際react-reduxには、ReactコンポーネントをReduxストアに接続するために使用されます。
6
典型的なAngularJSワークフローとプロジェクト構造（Python Flaskを使用）
私は、このMV *クライアント側フレームワークのフレンジーにまったく慣れていません。AngularJSである必要はありませんが、Knockout、Ember、Backboneのどちらよりも自然な感じがするので選びました。とにかく、ワークフローはどのようなものですか？人々はまずAngularJSでクライアント側アプリケーションを開発し、それからバックエンドをそれに接続しますか？ または、最初にDjango、Flask、Railsでバックエンドを構築してから、AngularJSアプリをそれにアタッチすることで、逆の方法をとっていますか？それを行う「正しい」方法はありますか、それは結局のところ個人的な好みですか？ また、FlaskとAngularJSのどちらに従ってプロジェクトを構成するかわかりません。コミュニティの慣行。 たとえば、Flaskのminitwitアプリは次のように構成されています。 minitwit |-- minitwit.py |-- static |-- css, js, images, etc... `-- templates |-- html files and base layout AngularJSチュートリアルアプリは次のように構成されています。 angular-phonecat |-- app `-- css `-- img `-- js `-- lib `-- partials `-- index.html |-- scripts `-- node.js server and test server files Flaskアプリ自体を描くこともできましたが、ToDoリストのようなAngularJSアプリ自体を見るのはかなり簡単ですが、これらのテクノロジーの両方を使用する場合、それらがどのように連携しているかがわかりません。すでにAngularJSを持っている場合は、サーバー側のWebフレームワークは必要ないようです。単純なPython Webサーバーで十分です。たとえば、AngularJS …
10
送信者以外のすべてのクライアントに応答を送信する
すべてのクライアントに何かを送信するには、次を使用します。 io.sockets.emit('response', data); クライアントから受け取るには、次のものを使用します。 socket.on('cursor', function(data) { ... }); クライアントからサーバーでメッセージを受信したときに、メッセージを送信するユーザーを除くすべてのユーザーにそのメッセージを送信するように、2つをどのように組み合わせることができますか？ socket.on('cursor', function(data) { io.sockets.emit('response', data); }); クライアントIDをメッセージと共に送信し、クライアント側で確認することでハッキングする必要がありますか、それとももっと簡単な方法はありますか？
6
jQueryでaddClass / removeClassをアニメーション化する
私はjQueryとjQuery-uiを使用しており、さまざまなオブジェクトのさまざまな属性をアニメーション化したいと考えています。 ここで問題を説明するために、ユーザーがマウスを重ねると青から赤に変わる1つのdivに簡略化しました。 を使用するときに必要な動作を取得できますがanimate()、その場合、アニメーション化するスタイルはアニメーションコード内にある必要があり、スタイルシートとは別のものにする必要があります。（見る例1を） 別の方法を使用addClass()しremoveClass()ていますが、で取得できる正確な動作を再現できませんでしたanimate()。（例2を参照）） 例1 私が持っているコードを見てみましょうanimate()： $('#someDiv') .mouseover(function(){ $(this).stop().animate( {backgroundColor:'blue'}, {duration:500}); }) .mouseout(function(){ $(this).stop().animate( {backgroundColor:'red'}, {duration:500}); }); それは私が探しているすべての行動を表示します： 赤と青の間をスムーズにアニメーション化します。 ユーザーがマウスをdivの内外にすばやく移動しても、アニメーションは「オーバーキュー」しません。 アニメーションの再生中にユーザーがマウスを出し入れすると、現在の「途中」状態と新しい「目標」状態の間で正しく緩和されます。 ただし、スタイルの変更はで定義されanimate()ているので、そこでスタイル値を変更する必要があり、スタイルシートをポイントすることはできません。スタイルが定義されている場所のこの「断片化」は、本当に私を悩ませるものです。 例2 addClass()and を使用した私の現在の最善の試みはremoveClass次のとおりです（アニメーションを機能させるには、jQuery-uiが必要です）。 //assume classes 'red' and 'blue' are defined $('#someDiv') .addClass('blue') .mouseover(function(){ $(this).stop(true,false).removeAttr('style').addClass('red', {duration:500}); }) .mouseout(function(){ $(this).stop(true,false).removeAttr('style').removeClass('red', {duration:500}); }); これは、元の要件のプロパティ1と2の両方を示していますが、3は機能しません。 私はこれの理由を理解しています： アニメーション化するときaddClass()、removeClass()jQueryは一時的なスタイルを要素に追加し、提供されたクラスの値に達するまで適切な値をインクリメントします。その後、実際にクラスを追加/削除します。 このため、スタイル属性を削除する必要があります。そうしないと、アニメーションが途中で停止した場合、スタイル属性が残り、タグのスタイル属性がクラススタイルよりも重要であるため、クラス値が永久に上書きされます。 ただし、アニメーションの途中で新しいクラスが追加されていないため、このソリューションでは、アニメーションが完了する前にユーザーがマウスを動かすと、色が前の色にジャンプします。 私が理想的に望んでいるのは、次のようなことができるようになることです。 $('#someDiv') .mouseover(function(){ …
22
onclick関数で文字列パラメータを渡す
Onclick関数にパラメーター（つまり文字列）を渡したいのですが。当分の間、私はこれを行います： '<input type="button" onClick="gotoNode(' + result.name + ')" />' たとえば、result.nameは文字列「Add」と同じです。このボタンをクリックすると、「追加が定義されていません」というエラーが表示されます。この関数呼び出しは数値パラメーターで完全に機能するので、文字列内の記号 ""と関係があると思います。以前に誰かがこの問題を抱えていましたか？
225 javascript  html 
16
data：URIを使用するときに推奨されるファイル名を指定する方法はありますか？
たとえば、リンクをたどる場合： data:application/octet-stream;base64,SGVsbG8= ブラウザは、ハイパーリンク自体にbase64として保持されているデータで構成されるファイルをダウンロードするように求めます。マークアップでデフォルト名を提案する方法はありますか？そうでない場合、JavaScriptソリューションはありますか？
19
数百万行のJavaScriptデータグリッド[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する JavaScriptを使用して、グリッド内の多数のデータ行（つまり、数百万行）をユーザーに提示する必要があります。 ユーザーは、一度にページを表示したり、有限量のデータのみを表示したりすることはできません。 むしろ、すべてのデータが利用可能であるように見えるはずです。 データを一度にダウンロードする代わりに、ユーザーがグリッドにスクロールすることにより、小さなチャンクがダウンロードされます。 このフロントエンドでは行は編集されないため、読み取り専用グリッドを使用できます。 この種のシームレスなページングのために、JavaScriptで記述されたどのデータグリッドが存在しますか？
6
Google Maps API v3の複数のマーカーを備えた自動中心マップ
これは私が3つのピン/マーカーで地図を表示するために使用するものです： <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i …
15
オブジェクトの配列のJavaScript削減
のa.x各要素を合計したいとしarrます。 arr = [{x:1},{x:2},{x:4}] arr.reduce(function(a,b){return a.x + b.x}) >> NaN ある時点で斧が未定義であると信じる原因があります。 以下は正常に動作します arr = [1,2,4] arr.reduce(function(a,b){return a + b}) >> 7 最初の例で何が間違っていますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.