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

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

12
react-router(v4)戻る方法は?
前のページに戻るにはどうすればよいかを理解しようとしています。使ってます[react-router-v4][1] これは、最初のランディングページで構成したコードです。 <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> 次のページに転送するために、私は単に次のことを行います。 this.props.history.push('/Page2'); ただし、どうすれば前のページに戻ることができますか?下記のようないくつかのことを試しましたが、運がありません:1。this.props.history.goBack(); エラーが発生します: TypeError:nullはオブジェクトではありません( 'this.props'を評価しています) this.context.router.goBack(); エラーが発生します: TypeError:nullはオブジェクトではありません( 'this.context'を評価しています) this.props.history.push('/'); エラーが発生します: TypeError:nullはオブジェクトではありません( 'this.props'を評価しています) Page1以下にコードを投稿します。 import React, {Component} from 'react'; import {Button} from 'react-bootstrap'; class Page1 extends Component { …


4
JavaScriptキャンバスライブラリの現状は?[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 7年前休業。 この質問を改善する 私はHTMLキャンバスライブラリの研究をしていて、この質問に出くわしました。HTMLキャンバスJavaScriptライブラリおよびフレームワークの現在の最新技術は何ですか?それは2010年に尋ねられました。トップの答えは、Fabric.jsでした。もう少し調査を行った後、http: //www.html5canvastutorials.com/に出会いました。速度を上げるために複数のキャンバスを持つことを誇るKineticJsのチュートリアルが特徴です。後でさらに調査を行った結果、速度と機能に関してはCanvasライブラリがいたるところにあるようです。今日のJavaScript Canvasライブラリとフレームワークの現状はどうなっていますか?一番上に出てきましたか? 編集:ライブラリは常に変化しており、新しいライブラリに関するニュースや情報を求めて最近多くの人々がここに来ているので、質問をよりタイムレスに変更しました。

4
アプリの構成、angular.jsのカスタムプロバイダー内で$ httpを使用する
主な質問-それは可能ですか?運が悪かった メインapp.js ... var app = angular.module('myApp', ['services']); app.config(['customProvider', function (customProvider) { }]); ... プロバイダー自体 var services = angular.module('services', []); services.provider('custom', function ($http) { }); そして私はそのようなエラーを持っています: Uncaught Error: Unknown provider: $http from services 何か案は? ありがとう!

10
Twitterブートストラップを使用してアラートを自動的に閉じる方法
私はTwitterのブートストラップCSSフレームワークを使用しています(これは素晴らしいです)。ユーザーへの一部のメッセージについては、アラートJavaScript JSおよびCSSを使用して表示しています。 興味のある方は、http://getbootstrap.com/javascript/#alertsで確認できます。 私の問題はこれです。ユーザーに警告を表示した後、一定の時間間隔を置いてすぐに立ち去りたいです。Twitterのドキュメントと私が調べたコードに基づくと、これは組み込まれていないようです。 私の最初の質問は、これが実際にブートストラップに組み込まれていないことの確認の要求です 第二に、どうすればこの動作を実現できますか?

8
javascript forEachメソッドにはどのような用途がありますか(そのマップではできません)?
mapとforeachで見られる唯一の違いmapは、配列を返すことと返さforEachないことです。ただし、forEachメソッド " func.call(scope, this[i], i, this);"の最後の行もわかりません。たとえば、「this」と「scope」は同じオブジェクトthis[i]をi参照しておらず、ループ内の現在の値を参照していないのですか? 別の投稿で誰かが「forEachリストの各要素に基づいて何かを実行したいときに使用します。たとえば、ページに何かを追加している可能性があります。基本的には、「副作用」が欲しいときに最適です。副作用の意味がわかりません。 Array.prototype.map = function(fnc) { var a = new Array(this.length); for (var i = 0; i < this.length; i++) { a[i] = fnc(this[i]); } return a; } Array.prototype.forEach = function(func, scope) { scope = scope || this; for (var i = 0, l = …

5
JavaScript関数を再帰的に呼び出す
次のように、変数に再帰関数を作成できます。 /* Count down to 0 recursively. */ var functionHolder = function (counter) { output(counter); if (counter > 0) { functionHolder(counter-1); } } これにより、functionHolder(3);が出力されます3 2 1 0。私が次のことをしたとしましょう: var copyFunction = functionHolder; copyFunction(3);3 2 1 0上記のように出力されます。その後functionHolder、次のように変更した場合: functionHolder = function(whatever) { output("Stop counting!"); その後、期待どおりにfunctionHolder(3);を与えるでしょうStop counting!。 copyFunction(3);今与え3 Stop counting!、それが指すようにfunctionHolder(それ自体が指す)、機能しません。これは状況によっては望ましいかもしれませんが、関数を保持する変数ではなくそれ自体を呼び出すように関数を作成する方法はありますか? つまり、これらのすべての手順を実行しても、呼び出し時にまだ与えることができるように、行のみを変更することは可能ですか?私は試しましたが、それは私にエラーを与えます。functionHolder(counter-1);3 2 1 0copyFunction(3);this(counter-1);this …

7
控えめなJavaScript:HTMLコードの上部または下部に<script>がありますか?
最近、YahooマニフェストのWebサイトの高速化に関するベストプラクティスを読みました。できる限り、JavaScriptのインクルードをHTMLコードの下部に配置することをお勧めします。 しかし、正確にはいつどこで? クローズする前&lt;/html&gt;か後か?そして何よりも、いつ&lt;head&gt;セクションに配置する必要がありますか?

14
TextInputにフォーカスがあるときに、キーボードの後ろからウィンドウを自動スライドさせる方法は?
ネイティブアプリがウィンドウを自動スクロールするこのハックを見てきましたが、React Nativeでそれを行うには最善の方法を考えています... &lt;TextInput&gt;フィールドがフォーカスを取得してビューの低い位置に配置されると、キーボードがテキストフィールドを覆います。 この問題は、UIExplorerのTextInputExample.jsビューの例で確認できます。 誰かが良い解決策を持っていますか?

11
Googleの画像なしボタン
最近、Googleの新しいイメージレスボタンに関する記事がいくつかあります。 http://stopdesign.com/archive/2009/02/04/recreating-the-button.html http://stopdesign.com/eg/buttons/3.0/code.html http://stopdesign.com/eg/buttons/3.1/code.html http://gmailblog.blogspot.com/2009/02/new-ways-to-label-with-move-to-and-auto.html これらの新しいボタンがGmailでどのように機能するかが本当に気に入っています。サイトでこれらのボタンまたは同様のボタンを使用するにはどうすればよいですか?同様のルックアンドフィールのオープンソースプロジェクトはありますか? JQuery / XHTML / CSSを使用してこのような独自のボタンパッケージをロールしたい場合、どの要素を使用できますか?私の最初の考えは: &lt;input type="button"&gt;外観を改善するためのcssを使用した標準(主にcss / imgesについて話されている設計記事に関連しています。) &lt;a&gt;タグ付きの「onclick」イベントのボタンをルートとするカスタムダイアログとフィルタリング用の検索バーを表示するJQuery JavaScript そのポップアップのテーブルレイアウトは正気でしょうか? 私はWebのリバースエンジニアリングにひどいですが、これらのボタンをリバースエンジニアリングするために使用できるツールにはどのようなものがありますか?FirefoxのWeb開発者ツールバーを使用すると、ボタンのポップアップダイアログで使用されているcssまたはjavascript(縮小されていても)が実際には表示されません。それらをのぞいていくつかのアイデアを得るには、どのブラウザツールまたは他の方法を使用できますか? 私はGoogleのIPを盗むつもりはありません。同様のボタン機能を作成する方法を知ってください。

4
Iframeコンテンツが読み込まれたときの検出(クロスブラウザー)
iframeとそのコンテンツが読み込まれたが、運が悪いときを検出しようとしています。私のアプリケーションは、親ウィンドウのテキストフィールドに入力を取り、iframeを更新して「ライブプレビュー」を提供します iframeの読み込みイベントがいつ発生するかを検出するために、次のコード(YUI)から始めました。 $E.on('preview-pane', 'load', function(){ previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0]; } 'プレビューペイン'はiframeのIDで、YUIを使用してイベントハンドラーをアタッチしています。ただし、(iframeの読み込み時に)コールバックで本文にアクセスしようとすると失敗します。イベントハンドラーの準備が完了する前にiframeが読み込まれるためです。このコードは、iframeを生成するphpスクリプトをスリープさせることによってiframeの読み込みを遅らせると機能します。 基本的に、iframeが読み込まれ、ドキュメントの準備ができたことを検出するために、ブラウザー間で正しいアプローチは何ですか?


8
Flashなしでクリップボードにコピー
私はクリップボードにコピーするための多くの解決策を見つけましたが、それらはすべてフラッシュを使用するか、ウェブサイト側のいずれかです。Flashを使用せずに自動的にクリップボードにメソッドをコピーする方法を探しています。ユーザー側の場合は、ユーザースクリプト用で、もちろんクロスブラウザ用です。

1
範囲関数とナビゲーター関数を使用してHighchartsで列範囲グラフを作成する方法は?
私は、プロットに要求してい実行履歴のタスク Highchartsでは。タスクの実行履歴を水平バーとして表示する必要があります。以下にアップデートとして追加した追加の要件があります。最近、このinvertedオプションがStockChartでサポートされておらず、navigatorとrangeSelectorしかStockChartで使用できないことがわかりました。したがって、私はそれらの関数を使用しています。 したがって、要件を達成するために、このjsfiddleの例に似たものを作成し(参照中にどこかにソースが記憶されていないことがわかります)、Pawel Fusのおかげで、前の質問の助けを借りてこのプランカーリンクになりました 混乱を避けるために質問を更新しています 追加要件: 特定の日時範囲で実行されたタスクのみを表示します。実行が10回を超えるなど、実行が多すぎる場合は、他のタスクを表示するためにスクロール可能なy軸を使用して、10個のタスクのみを表示する方法が必要です。 問題へのプランカーリンク 上記のプランカーの問題の説明。 上記のプランカーから以下のスクリーンショットを確認すると、時間範囲は12/12/2014 09:32:26〜12/12/2014 10:32:26であり、m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB&を実行したタスクは2つしかありませんm_ZIG2_HCP_MERGE_IB_CN。ただしLILLY_C、この日付範囲内で実行されなかった別のタスクを確認できます。(実際のデータでは、この日付範囲に該当しないこのグラフを乱雑にする10を超えるタスクがあります) また、右下隅で時間がから09:38にシフトしたことに気づいた場合19:20。タスク19:20の終了時間ですm_ZIG2_HCP_MERGE_IB_CN。 以下は私のチャートオプションです var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: 'datetime', gridLineWidth: 1, tickInterval: 1 * 3600 * 1000, dateTimeLabelFormats: { month: '%b %e, …

7
ループなしのレコードを保持しながら配列から空の文字列を削除しますか?
この質問はここで尋ねられました: 空でない文字列を含むインデックスのレコードを保持しながら、配列から空の文字列を削除します @Bazとして指定されたものがレイアウトされていることに気づいたら、 "I", "am", "", "still", "here", "", "man" 「これから、次の2つの配列を作成したいと思います。」 "I", "am", "still", "here", "man" この質問に対するすべての回答は、ある形式のループに言及しています。 私の質問:ループなしですべてのes を削除する可能性はありますか?...配列を反復する以外に他の選択肢はありますか?indexempty string 私たちが気づいていないregexいくつかの可能性がjQueryありますか? すべての回答または提案は高く評価されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.