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

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

8
XMLHttpRequestはXXXを読み込めません 'Access-Control-Allow-Origin'ヘッダーがありません
tl; dr; 同一生成元ポリシーについて express.jsサーバーのインスタンスを開始するGruntプロセスがあります。これは、Chromeの開発者コンソール(最新バージョン)のエラーログに次のように表示される空白ページの提供を開始するまで、まったく問題なく機能していました。 XMLHttpRequestがhttps://www.example.com/を読み込め ません。リクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http:// localhost:4300 'はアクセスを許可されません。 ページにアクセスできないのはなぜですか?


5
クラスベースのコンポーネントでReact.forwardRefを使用する方法
React.forwardRefを使用しようとしていますが、それをクラスベースのコンポーネント(HOCではない)で機能させる方法につまずきました。 ドキュメントの例では、要素と機能コンポーネントを使用し、さらに高次コンポーネントのクラスを関数でラップしています。 以下のようなものから始まるので、この自分でref.jsファイル: const TextInput = React.forwardRef( (props, ref) => (<input type="text" placeholder="Hello World" ref={ref} />) ); 代わりに、次のように定義します。 class TextInput extends React.Component { render() { let { props, ref } = React.forwardRef((props, ref) => ({ props, ref })); return <input type="text" placeholder="Hello World" ref={ref} />; } } または class TextInput …

7
Javascriptで1年後を決定する方法
現在の日付から1年取得しようとしていますが、機能しません。 JS: var now = new Date(); var oneYr = new Date(); oneYr.setYear(now.getYear() + 1); $("#yearFromNow").append(oneYr.toString()); var oneMonth = new Date(); oneMonth.setMonth(now.getMonth() + 1); $("#monthFromNow").append(oneMonth.toString()); 出力: one mo. = Thu Dec 22 112 15:16:01 GMT-0500 (Eastern Standard Time) one yr. = Sun Jan 22 2012 15:16:01 GMT-0500 (Eastern Standard Time) …
111 javascript 

7
ReactのJSX構文で二重中括弧の目的は何ですか?
react.jsチュートリアルから、二重中括弧のこの使用法がわかります。 <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> 次に、2番目のチュートリアル「Thinking in react」: <span style={{ color: 'red' }}> {this.props.product.name} </span>; ただし、React JSXのドキュメントでは、二重中括弧についての説明や言及はありません。この構文(二重中括弧)は何のためのものですか?そして、同じことをjsxで表現する別の方法はありますか、これは単なるドキュメントの省略ですか?

21
反応ルータは、すべての遷移で上にスクロールします
別のページに移動すると問題が発生します。その位置は以前のページと同じままです。したがって、自動的に上にスクロールすることはありません。window.scrollTo(0, 0)onChangeルーターでも使用してみました。この問題を修正するためにscrollBehaviorも使用しましたが、機能しませんでした。これについて何か提案はありますか?

9
ヤーングローバルコマンドが機能しない
Yarnv0.16.1を使用しています。私が正しく理解している場合(ドキュメントによると)、yarn global add <package>はと同等であるはずですnpm install -g <package>。ただし、ドキュメント(を使用create-react-app)で例を実行すると、コマンドは正常に実行されcreate-react-appますが、コマンドラインからは使用できません。出力は次のとおりです。 $ yarn global add create-react-app $ yarn global v0.16.1 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... [3/4] 🔗 Linking dependencies... [4/4] 📃 Building fresh packages... success Installed create-react-app@0.6.0 with binaries: - create-react-app ✨ Done in 3.22s. $ create-react-app --help -bash: create-react-app: command …
111 javascript  npm  yarnpkg 

13
数値を月名に変換するスイッチケースブロックを短縮する方法
これを少ない行で書く方法はありますが、それでも簡単に読むことができますか? var month = ''; switch(mm) { case '1': month = 'January'; break; case '2': month = 'February'; break; case '3': month = 'March'; break; case '4': month = 'April'; break; case '5': month = 'May'; break; case '6': month = 'June'; break; case '7': month = 'July'; break; case …


8
Chrome、Javascript、window.open in new tab
クロムでは、これは新しいタブで開きます: <button onclick="window.open('newpage.html', '_blank')" /> これは新しいウィンドウで開きます(ただし、これも新しいタブで開くようにしたい: <script language="javascript"> window.open('newpage.html', '_blank'); </script> これは実現可能ですか?

3
即時関数呼び出し構文
JSLintオプションがあります。実際には、グッドパーツの1つです。「即時呼び出しの前後に括弧が必要です」。つまり、 (function () { // ... })(); 代わりに次のように書く必要があります (function () { // ... }()); 私の質問はこれです-なぜこの2番目のフォームがより良いと考えられるのか、誰かが説明できますか?より弾力性がありますか?エラーが発生しにくいですか?最初のフォームと比べてどのような利点がありますか? この質問をして以来、関数の値と関数の値を明確に視覚的に区別することの重要性を理解するようになりました。即時呼び出しの結果が代入式の右辺である場合を考えます。 var someVar = (function () { // ... }()); 最も外側の括弧は、構文的に不要であるが、左括弧が割り当てられている値であるアップフロント指示与えない機能自体ではなく、呼び出される関数の結果を。 これは、コンストラクター関数の大文字化に関するCrockfordのアドバイスに似ています。これは、ソースコードを見ている人に対する視覚的な手掛かりとして機能することを目的としています。

3
異なるJSライブラリによって作成されたすべてのAJAXリクエストをインターセプトする方法
私はさまざまなJSライブラリ(AngularJS、OpenLayersなど)を使用してWebアプリを構築しており、ログに記録されたユーザーセッションが期限切れになった場合(応答が401 Unauthorizedステータスで戻る)にリダイレクトできるように、すべてのAJAX応答をインターセプトする方法が必要ですログインページへ。 AngularJSがinterceptorsそのようなシナリオを管理するために提供していることを知っていますが、OpenLayersリクエストへのそのような注入を実現する方法を見つけることができませんでした。だから私はバニラJSアプローチを選びました。 ここで私はこのコードを見つけました... (function(open) { XMLHttpRequest.prototype.open = function(method, url, async, user, pass) { this.addEventListener("readystatechange", function() { console.log(this.readyState); // this one I changed }, false); open.call(this, method, url, async, user, pass); }; })(XMLHttpRequest.prototype.open); ...私はそれを適応させ、期待どおりに動作するように見えます(最後のGoogle Chromeでのみテストしました)。 XMLHTTPRequestのプロトタイプを変更するときに、これがどれほど危険であるか、または深刻なパフォーマンスの問題を引き起こす可能性があるのか​​と思います。そしてところで、有効な代替案はありますか? 更新:リクエストが送信される前にインターセプトする方法 前のトリックは大丈夫です。しかし、同じシナリオで、リクエストが送信される前にヘッダーを挿入したい場合はどうでしょうか?以下をせよ: (function(send) { XMLHttpRequest.prototype.send = function(data) { // in this case I'm injecting …

29
ブートストラップモーダル:背景がトグルでトップにジャンプ
モーダルで問題があります。ページ上にモーダルを切り替えるボタンがあります。モーダルが表示されると、ページはトップにジャンプします。 解決策などを見つけるためにできることはすべてやったが、本当に迷っている。 編集: 私も試してみまし$('#myModal').modal('show');たが、まったく同じ効果があります。

18
ReCaptcha API v2スタイリング
私はGoogleの新しいrecaptcha(v2)のスタイルを設定する方法を見つけるのにあまり成功していません。最終的な目標はレスポンシブにすることですが、幅などの単純なものでもスタイリングを適用するのが困難です。 彼らのAPIドキュメントには、テーマパラメーター以外のスタイル設定を制御する方法についての詳細は何も記載されていないようで、単純なCSSおよびJavaScriptソリューションではうまくいきませんでした。 基本的に、Googleの新しいバージョンのreCaptchaにCSSを適用できるようにする必要があります。JavaScriptを使用しても問題ありません。

13
JavaScript静的分析ツールはありますか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する 変数名のタイプミスのような愚かなことをするとコンパイラーが文句を言うのに慣れていますが、JavaScriptにはこのパスを許可する癖があります。 JavaScript用の静的分析ツールはありますか?

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