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

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

9
Axiosで認証ヘッダーを送信する方法
axios.jsを介してトークンを含む認証ヘッダーを送信するにはどうすればよいですか？私は成功せずにいくつかのことを試みました、例えば： const header = `Authorization: Bearer ${token}`; return axios.get(URLConstants.USER_URL, { headers: { header } }); 私にこのエラーを与えます： XMLHttpRequest cannot load http://localhost:8000/accounts/user/. Request header field header is not allowed by Access-Control-Allow-Headers in preflight response. 私はグローバルなデフォルトを設定することでなんとか動作させることができましたが、これは単一の要求に対しては最善の考えではないと思います： axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; 更新： コールの答えは私が問題を見つけるのに役立ちました。私はすでにデフォルトで認証ヘッダーを処理するdjango-cors-headersミドルウェアを使用しています。 しかし、私はエラーメッセージを理解し、axiosリクエストコードのエラーを修正することができました。 return axios.get(URLConstants.USER_URL, { headers: { Authorization: `Bearer ${data.token}` } });
96 javascript  axios 
8
変更なしでオブジェクトから値を削除します
元のオブジェクトを変更せずに、特定のキーのオブジェクトから値を削除するための良い方法は何ですか？ 私は次のようなことをしたいと思います： let o = {firstname: 'Jane', lastname: 'Doe'}; let o2 = doSomething(o, 'lastname'); console.log(o.lastname); // 'Doe' console.log(o2.lastname); // undefined そのようなタスクのための多くの不変性ライブラリーがあることは知っていますが、ライブラリーなしで済ませたいです。しかし、これを行うには、メソッドをユーティリティ関数として抽象化せずに、コード全体で使用できる簡単で短い方法が必要です。 たとえば、値を追加するには、次のようにします。 let o2 = {...o1, age: 31}; これは非常に短く、覚えやすく、ユーティリティ関数を必要としません。 値を削除するためにこのようなものはありますか？ES6は大歓迎です。 どうもありがとうございました！
3
Node.jsを使用してビデオファイルをhtml5ビデオプレーヤーにストリーミングして、ビデオコントロールが引き続き機能するようにしますか？
Tl; Dr-質問： Node.jsを使用してhtml5ビデオプレーヤーへのビデオファイルのストリーミングを処理し、ビデオコントロールが引き続き機能するようにする正しい方法は何ですか？ 私は考えてそれはヘッダが処理される方法に関係しています。とにかく、ここに背景情報があります。コードは少し長いですが、それはかなり簡単です。 Nodeを使用して小さなビデオファイルをHTML5ビデオにストリーミングするのは簡単です 小さなビデオファイルをHTML5ビデオプレーヤーに非常に簡単にストリーミングする方法を学びました。この設定では、コントロールは私の側で何の作業もせずに機能し、ビデオは完璧にストリーミングされます。サンプルビデオを含む完全に機能するコードの作業コピーは、Googleドキュメントからダウンロードできます。 クライアント： <html> <title>Welcome</title> <body> <video controls> <source src="movie.mp4" type="video/mp4"/> <source src="movie.webm" type="video/webm"/> <source src="movie.ogg" type="video/ogg"/> <!-- fallback --> Your browser does not support the <code>video</code> element. </video> </body> </html> サーバ： // Declare Vars & Read Files var fs = require('fs'), http = require('http'), url …
6
javascriptES6クラスインスタンスのクローンを作成する方法
ES6を使用してJavascriptクラスインスタンスのクローンを作成するにはどうすればよいですか。 jqueryまたは$ extendに基づくソリューションには興味がありません。 問題が非常に複雑であることを示唆するオブジェクトのクローン作成に関するかなり古い議論を見てきましたが、ES6では非常に単純な解決策が提示されます-以下にそれを置き、人々がそれで十分だと思うかどうかを確認します。 編集：私の質問は重複していることが示唆されています。私はその答えを見ましたが、それは7歳であり、ES6以前のjsを使用した非常に複雑な答えを含んでいます。ES6を可能にする私の質問には、劇的に単純な解決策があることを示唆しています。
6
ES6オブジェクトのメソッド：矢印関数の使用
ES6では、これらは両方とも合法です。 var chopper = { owner: 'Zed', getOwner: function() { return this.owner; } }; そして、速記として： var chopper = { owner: 'Zed', getOwner() { return this.owner; } } 新しい矢印機能も使用できますか？のようなことを試みることで var chopper = { owner: 'John', getOwner: () => { return this.owner; } }; または var chopper = { owner: 'John', getOwner: …
14
変更時に選択から選択した値/テキストを取得
<select onchange="test()" id="select_id"> <option value="0">-Select-</option> <option value="1">Communication</option> </select> javascriptで選択したオプションの値を取得する必要があります。選択した値またはテキストを取得する方法を知っている人はいますか。そのための関数の記述方法を教えてください。選択するonchange（）関数を割り当てたので、その後はどうすればよいですか？
96 javascript 
2
Javascriptは好奇心を約束します
このpromiseを呼び出すと、出力が関数呼び出しのシーケンスと一致しません。との約束が後に呼び出されていたにもかかわらず、.thenが前に来ます。その理由は何ですか？.catch.then const verifier = (a, b) => new Promise((resolve, reject) => (a > b ? resolve(true) : reject(false))); verifier(3, 4) .then((response) => console.log("response: ", response)) .catch((error) => console.log("error: ", error)); verifier(5, 4) .then((response) => console.log("response: ", response)) .catch((error) => console.log("error: ", error)); コードスニペットを実行する結果を非表示スニペットを展開 出力 node promises.js response: true error: false
14
REACT-クラスonclickを切り替えます
アクティブなクラスonClickを切り替えてCSSプロパティを変更する方法を理解しようとしています。 私は多くのアプローチを取り、多くのSOの答えを読みました。jqueryを使用すると比較的簡単ですが、reactでこれを行うことはできません。私のコードは以下の通りです。誰かが私がこれをどのように行うべきかアドバイスできますか？ アイテムごとに新しいコンポーネントを作成せずに、これを行うことは可能ですか？ class Test extends Component(){ constructor(props) { super(props); this.addActiveClass= this.addActiveClass.bind(this); } addActiveClass() { //not sure what to do here } render() { <div> <div onClick={this.addActiveClass}> <p>1</p> </div> <div onClick={this.addActiveClass}> <p>2</p> </div> <div onClick={this.addActiveClass}> <p>3</p> </div> </div> } }
10
Node.jsconsole.logとconsole.info
console.logvsを使用する利点は何console.infoですか？または、そのことに関する他のコンソールコマンドのいずれか？ console.info("info"); console.error("error"); console.warn("warn"); vs console.log("log"); 出力の色を変えたり、ある種のラベルを連結したりするかもしれないと思いましたが、それらはすべて同じことをしているようです。そして、ここのドキュメントによると： https://nodejs.org/api/console.html#console_console_info_data それらはすべて同じことをするようです console.log
9
JavaScriptで同等のPythonパンダ
このCSVの例では： Source,col1,col2,col3 foo,1,2,3 bar,3,4,5 私がパンダを使用する標準的な方法はこれです： CSVを解析する データフレームに列を選択します（col1およびcol3） カラムを処理（例えばavarageの値 col1とcol3） パンダのようなJavaScriptライブラリはありますか？
3
単一のテストごとにモック実装を変更する方法[Jestjs]
デフォルトのモックの動作を拡張し、次のテストの実行時に元の実装に戻すことで、単一のテストごとにモックされた依存関係の実装を変更したいと思います。 もっと簡単に言えば、これは私が達成しようとしていることです： モック依存関係 単一のテストでモック実装を変更/拡張する 次のテストが実行されると、元のモックに戻ります 現在使用していJest v21ます。 典型的なJestテストは次のようになります。 __mocks__/myModule.js const myMockedModule = jest.genMockFromModule('../myModule'); myMockedModule.a = jest.fn(() => true); myMockedModule.b = jest.fn(() => true); export default myMockedModule; __tests__/myTest.js import myMockedModule from '../myModule'; // Mock myModule jest.mock('../myModule'); beforeEach(() => { jest.clearAllMocks(); }); describe('MyTest', () => { it('should test with default mock', () …
4
ページ読み込み時にHTML入力ボックスにフォーカスを設定する
ページが読み込まれたときに入力ボックスにデフォルトのフォーカスを設定しようとしています（例：google）。私のページは非常に単純ですが、これを行う方法がわかりません。 これは私がこれまでに得たものです： <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;} </style> </head> …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.