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

ユーザーがボタンをクリックしたときにイベントを発生させ、そのクリックを1000〜1500ミリ秒間押し続けたいと思います。 jQueryコア機能またはこれをすでに有効にするプラグインはありますか？ 自分で転がすべきですか？どこから始めればいいですか？

116 javascript  jquery  events 

入力を変更することは想定されていないため、オブジェクトを複製して変更する必要があります。私は以下を使用するreduxスタータープロジェクトで使用される規則に従っていました： ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) アイテムを追加する場合-配列にアイテムを追加するためにスプレッドを使用します。 私が使用した削除： DELETE_ITEM: (state, action) => ({ ...state, items: [...state.items.splice(0, action.payload), ...state.items.splice(1)], lastUpdated: Date.now() }) しかし、これは入力状態オブジェクトを変更しています-新しいオブジェクトを返しているにもかかわらず、これは禁止されていますか？

116 javascript  reactjs  redux 

JavaScriptを使用してHTML要素のCSS背景色を設定するにはどうすればよいですか？

116 javascript  css  background-color 

6年間、自分のWebサイトに乱数ジェネレーターのページを置いてきました。長い間、これは「乱数ジェネレーター」に関するGoogleでの最初または2番目の結果であり、ディスカッションフォーラムやブログで何百とは言わないまでも数十のコンテストや描画を決定するために使用されてきました（ウェブログと通常は見てください）。 今日、誰かが思ったほどランダムではないかもしれないと私に電子メールで送ってきました。彼女は非常に大きな乱数（たとえば、1〜10000000000000000000）を生成しようとしましたが、ほとんど常に同じ桁数であることがわかりました。確かに、私は関数をループでラップしたので、数千の数を生成でき、非常に大きな数の場合でも、変動は約2桁しかありませんでした。 どうして？ これはループバージョンですので、自分で試すことができます。 http://andrew.hedges.name/experiments/random/randomness.html これには、Mozilla Developer Networkから取得した単純な実装と、存在しないWebページ（Paul Houleの「Central Randomizer 1.3」）をスワイプした1997年のコードの両方が含まれています。ソースを表示して、各メソッドの動作を確認します。 私はここや他の場所でメルセンヌツイスターについて読みました。私が興味を持っているのは、JavaScriptの組み込みMath.random関数からの結果に大きなばらつきがない理由です。ありがとう！

116 javascript  random 

一度だけ実行できる関数を作成する必要があります。最初の関数が実行された後、毎回実行されません。作業を行うことができる静的変数についてC ++とJavaから知っていますが、これを行うよりエレガントな方法があるかどうか知りたいのですが？

116 javascript  function  design-patterns 

ポップアップからactiveTab DOMコンテンツにアクセスしようとしています。これが私のマニフェストです： { "manifest_version": 2, "name": "Test", "description": "Test script", "version": "0.1", "permissions": [ "activeTab", "https://api.domain.com/" ], "background": { "scripts": ["background.js"], "persistent": false }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "browser_action": { "default_icon": "icon.png", "default_title": "Chrome Extension test", "default_popup": "index.html" } } バックグラウンドスクリプト（永続性がfalseのイベントページ）とcontent_scriptsのどちらが適切かについて、私は本当に混乱しています。私はすべてのドキュメントと他のSOの投稿を読みましたが、それでも私には意味がありません。 なぜ私が他のものを使用するのかを誰かが説明できますか？ これが私が試しているbackground.jsです： chrome.extension.onMessage.addListener( function(request, sender, sendResponse) { …

116 javascript  google-chrome-extension 

liにidのボタンが1つあります"my_id"。この要素で2つのjQueryイベントをアタッチしました 1。 $("#my_id").click(function() { alert('single click'); }); 2。 $("#my_id").dblclick(function() { alert('double click'); }); しかし、それはいつも私に single click

116 javascript  jquery  jquery-events 

コンポーネントがありますが、その要素の1つを選択するにはどうすればよいですか？ このコンポーネントのテンプレート内にある入力を取得しようとしています。 複数のコンポーネントが存在する可能性があるため、queryselectorはコンポーネントの現在のインスタンスのみを解析する必要があります。 Vue.component('somecomponent', { template: '#somecomponent', props: [...], ... created: function() { somevariablehere.querySelector('input').focus(); } }); 前もって感謝します

116 javascript  vue.js 

バニラjsで知っている、私たちができる onclick="f1();f2()" ReactJSでonClickの2つの関数呼び出しを行うことと同等のものは何ですか 私は1つの関数を呼び出すことがこのようなものであることを知っています： onClick={f1}

116 javascript  reactjs 

私はAngularでWebアプリケーションを作成していますが、認証はJWTトークンによって処理されます。つまり、すべてのリクエストには、必要なすべての情報を含む「Authentication」ヘッダーがあります。 これはREST呼び出しではうまく機能しますが、バックエンドでホストされているファイル（Webサービスがホストされているのと同じサーバー上にあるファイル）のダウンロードリンクをどのように処理すればよいかわかりません。 <a href='...'/>ヘッダーが含まれておらず、認証が失敗するため、通常のリンクを使用できません。のさまざまな呪文についても同じですwindow.open(...)。 私が考えたいくつかの解決策： サーバー上に一時的な安全でないダウンロードリンクを生成する 認証情報をurlパラメータとして渡し、ケースを手動で処理します XHRを介してデータを取得し、ファイルクライアント側に保存します。 上記のすべてが満足できるものではありません。 1は現在使用しているソリューションです。2つの理由で私はそれが好きではありません。1つ目はセキュリティ面で理想的ではない、2つ目は機能しますが、特にサーバーでかなりの作業が必要です。何かをダウンロードするには、新しい「ランダム」を生成するサービスを呼び出す必要があります"url、それをしばらくの間（おそらくDBに）保存し、クライアントに返します。クライアントはURLを取得し、window.openなどを使用します。リクエストされた場合、新しいURLはそれがまだ有効かどうかを確認してから、データを返す必要があります。 2は、少なくとも同じくらいの作業です。 3は、利用可能なライブラリを使用していても、多くの作業と多くの潜在的な問題のようです。（自分のダウンロードステータスバーを用意し、ファイル全体をメモリに読み込んでから、ユーザーにファイルをローカルに保存するよう依頼する必要があります）。 タスクはかなり基本的なもののように思えるので、もっと簡単に使えるものが他にあるかどうか疑問に思っています。 私は必ずしも「Angular way」の解決策を探しているわけではありません。通常のJavascriptで問題ありません。

116 javascript  angularjs  jwt 

私のコード： fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } 私はfetch apiを使用してフォームを投稿しようとしましたが、送信する本文は次のようになります。 -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- （送信するたびに境界内の数値が変更される理由がわかりません...） 「Content-Type」：「application / x-www-form-urlencoded」でデータを送信したいのですが、どうすればよいですか？または、それを処理する必要がある場合、コントローラーのデータをどのようにデコードしますか？ 誰が私の質問に答えるか、私は次の方法でそれができることを知っています： fetch("api/xxx", { body: "email=test@example.com&password=pw", headers: { "Content-Type": "application/x-www-form-urlencoded", }, method: "post", } 私が欲しいのは、jQueryの$（ "＃form"）。serialize（）（jQueryを使用しない）またはコントローラのmulitpart / …

116 javascript  ajax  fetch-api 

タイムゾーンオフセットを取得する方法は知っていますが、「アメリカ/ニューヨーク」のようなものを検出する機能が必要です。それはJavaScriptからも可能ですか、それともオフセットに基づいて評価しなければならないことですか？

116 javascript  timezone 

文字列内のすべての単語の最初の文字を大文字にする関数を作成しようとしています（文字列をタイトルケースに変換します）。 たとえば、入力がの"I'm a little tea pot"場合、私"I'm A Little Tea Pot"は出力になることを期待しています。ただし、関数はを返します"i'm a little tea pot"。 これは私のコードです： function titleCase(str) { var splitStr = str.toLowerCase().split(" "); for (var i = 0; i < splitStr.length; i++) { if (splitStr.length[i] < splitStr.length) { splitStr[i].charAt(0).toUpperCase(); } str = splitStr.join(" "); } return str; } console.log(titleCase("I'm a …

116 javascript  string  title-case 

以下のフックの例を検討する import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } 基本的に、this.forceUpdate（）メソッドを使用して、以下の例のように、Reactクラスコンポーネントでコンポーネントをすぐに再レンダリングするように強制します。 class Test extends Component{ constructor(props){ super(props); this.state = { count:0, count2: 100 } this.setCount = …

116 javascript  reactjs  react-native  react-hooks 

ReactJSでプログラミングしているときにAxiosを使用していて、サーバーにDELETEリクエストを送信するふりをしています。 そのためには、ヘッダーが必要です。 headers: { 'Authorization': ... } 体はで構成されています var payload = { "username": .. } 私はインターウェブを検索してきましたが、DELETEメソッドには「param」が必要であり、「data」を受け入れないことがわかりました。 私はそれを次のように送信しようとしています： axios.delete(URL, payload, header); あるいは axios.delete(URL, {params: payload}, header); しかし、何も機能していないようです... ヘッダーと本文の両方を含むDELETEリクエストを送信することが可能かどうか（そうだと思います）、その方法を教えてもらえますか？ 前もって感謝します！

116 javascript  reactjs  http  axios  http-delete