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

ユーザーから、jQueryベースのタブを使用しているときに、ブラウザーに戻ったときに前のタブではなく前のページにアクセスするのが面倒だという不満がたくさんあります。 。次の前/次のボタンを追加しましたが、十分ではありません。ユーザーがブラウザの戻る矢印をクリックしたときに前のページではなく前のタブに移動するようにボタンを再構成するにはどうすればよいですか。ここでテストできます。 $('#quicktabs-registration_steps').append('<div class="prevnext"><a class="tablink-prev btn" href="#">Prev</a><a class="tablink-next btn btn-lg btn-primary" href="#">Continue</a></div>'); $('.tablink-prev').click(function () { var index = $('.quicktabs-tabs li.active').index(); $('.quicktabs-tabs li').eq(index).removeClass('active'); if (index == 0) { index = 1; } $('.quicktabs-tabs li').eq(index - 1).addClass('active'); $('.quicktabs-tabs li').eq(index - 1).find('a').click(); return false; }); $('.tablink-next').click(function () { var length = $('.quicktabs-tabs').first().children().size();; var …

14 javascript  jquery 

イテラブルはイテレーターと同じですか、それとも異なりますか？ と思われる仕様から、反復可能なオブジェクトである、と言う、objそのように、obj[Symbol.iterator]呼び出されたときに、あるオブジェクトを返すように、機能を指しnext返すことができます方法{value: ___, done: ___}：オブジェクトを function foo() { let i = 0; const wah = { next: function() { if (i <= 2) return { value: (1 + 2 * i++), done: false } else return { value: undefined, done: true } } }; return wah; // wah is iterator …

14 javascript  ecmascript-6  iterator  iterable 

私はHTMLテーブルに取り組んでいてhtml-to-paper、vue.js を使用してそのテーブルをプリンターに印刷しています。私がしていることは、追加をクリックして新しい行を作成し、クリックして印刷することです私はテーブルを印刷しようとしていますが、空のセルのみを表示するデータ コードApp.vue <template> <div id="app"> <button type="button" @click="btnOnClick">Add</button> <div id="printMe"> <table class="table table-striped table-hover table-bordered mainTable" id="Table"> <thead> <tr> <th class="itemName">Item Name</th> <th>Quantity</th> <th>Selling Price</th> <th>Amount</th> </tr> </thead> <tbody> <tr v-for="(tableData, k) in tableDatas" :key="k"> <td> <input class="form-control" readonly v-model="tableData.itemname" /> </td> <td> <input class="form-control text-right" type="text" min="0" step=".01" …

14 javascript  css  vue.js  printing  vuejs2 

JSを介してHTMLを作成したいので、次のようにJSファイル内にHTMLを書き込む必要があります。 function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } このタイプのHTML文字列を作成するためのツールまたはショートカットはありますか？ つまり、この場合、すべてのhtmlを手動で入力する必要がありました。記号+を追加する必要があります"。 これを変換できるもの： <li class="chapter up-wrapper-btn"> <div> <button><i class="fa fa-plus" onclick="addSection('up',this)"></i></button> <label contenteditable="true">section 1</label> </div> </li> 手で入力する必要があった最初の文字列に

14 javascript  html 

物理ベースのゲームにMatterJを使用していて、マウスが他のボディを介してボディを強制的にドラッグすることを防ぐ問題の解決策を見つけていません。ボディを別のボディにドラッグすると、ドラッグされているボディは、他のボディに自分自身を強制的に通すことができます。それらが交差するのを防ぐ信頼できる方法を探しています。マウスでボディを選択し、別のボディを介してそれを強制しようとすることにより、MatterJSデモでこの効果を観察できます。これが典型的な例です： https://brm.io/matter-js/demo/#staticFriction 残念ながら、これはドラッグアンドドロップに応じてゲームやシミュレーションを中断します。衝突が発生したときにマウスの制約を解除する、制約の剛性を下げるなど、多くの解決策を試しましたが、確実に機能するものはありませんでした。 どんな提案も歓迎します！

14 javascript  physics  matterjs 

TypeScript 3.7は、オプションの連鎖演算子をサポートするようになりました。したがって、次のようなコードを記述できます。 const value = a?.b?.c; つまり、あなたは、オブジェクト自体がかもしれオブジェクトのアクセスプロパティにこの演算子を使用することができますnullかundefined。今、私がしたいことは基本的に同じですが、プロパティ名は動的です： const value = a?[b]?.c; ただし、構文エラーが発生します。 エラーTS1005： '：'が必要です。 ここで何が悪いのですか？これは可能ですか？ PS：この提案は、これが不可能であると示唆しているようですbut（ただし、構文例が間違っているかもしれません）。

14 javascript  typescript  optional-chaining 

Chromeブラウザのオートフィル取り出し効果background-colorやbackground-imageからUsernameとPassword入力フィールド。 オートコンプリートの前 オートコンプリート後 ただし、Chromeブラウザのオートコンプリートにより、アイコンが入力から非表示になり、も変更されましたbackground-color。そのため、アイコンを入力のままにしておく必要があります。 Chromeブラウザがフィールドの背景色を変更して画像を非表示にできないようにすることはできますか？ .form-section .form-control { border-radius: 4px; background-color: #f7f8fa; border: none; padding-left: 62px; height: 51px; font-size: 16px; background-repeat: no-repeat; background-position: left 17px center; } .form-section .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .form-section .form-group { margin-bottom: 21px; } .form-section .form-control[type="email"] { background-image: url('https://i.stack.imgur.com/xhx3w.png'); } .form-section .form-control[type="password"] { …

13 javascript  html  css  google-chrome 

ブートストラップモデルの入力ボックスへのJavaScript変数の読み込みに問題があります。 setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the correct value in here.but this value not load in …

13 javascript  php  input  bootstrap-modal  sweetalert 

次の例では、ラベルをクリックすると、入力の状態が変化します。 document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> コードスニペットを実行する結果を非表示スニペットを展開 Chromeでは、カーソルmousedownをmouseupイベントとイベントの間に移動しても入力はトリガーされますが、Firefoxではチェックボックスの状態は変わりません。 これを修正する方法はありますか？（JavaScriptイベントリスナーを使用しない場合） Firefoxバージョン： 69.0.3 (64-bit) Chromeを使用する場合のアクションの完全なセット。 ラベルの上にあるボタンを押します ボタンを押したままカーソルを（ラベルの外側でも）移動します カーソルをラベルに戻します ボタンを離します

13 javascript  html  css  label 

React.forwardRefは、react docsから、refを子機能コンポーネントに渡す認可された方法のように見えます。 const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; ただし、カスタムプロップを単に渡すよりも、これを行う利点は何ですか。 const FancyButton = ({ innerRef }) => ( <button ref={innerRef} className="FancyButton"> {props.children} </button> )); const …

13 javascript  reactjs  performance 

HTMLテーブルがあり、1つのセルから別のセルに矢印を描画したいと思います。たとえば、次のようになります。 これはどのように行うことができますか？ HTMLの例： <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> ブラウザのサイズを変更する場合、矢印は（新しい）開始/終了位置に留まるはずです。

13 javascript  html  svg 

私たちのアプリケーションはクッキーを使用してユーザーのログインを記憶しています。私たちが行うすべての認証API呼び出しでは、ブラウザーはサーバー設定のHTTPonly CookieをAPIリクエストに添付して認証されます。この動作は、Mojaveのリリース後のSafariでは壊れているようです。 サファリによって実装されたクロスサイトCookieセキュリティとSameSite=None;Secure、Cookieの設定中に追加されたサーバーチームについて読みました。それでも、それでも動作しません。 Set-Cookie: my_cookie=XXXXX; path=/; secure; HttpOnly; SameSite=None 実際に解決策を見つけた人々からのアドバイスやリンクを提供してください。

13 javascript  cookies  safari  setcookie  samesite 

Google Playストアではこのように以下の警告を受けています、 アプリには、既知のセキュリティ問題のある1つ以上のライブラリが含まれています。詳しくは、こちらのGoogleヘルプセンターの記事をご覧ください。 脆弱なJavaScriptライブラリ： 名前-> jquery バージョン-> 3.3.1 既知の問題-> SNYK-JS-JQUERY-174006 識別されたファイル-> res / raw / jquery_min.js 注：アプリにwebviewを読み込むときは、webviewのURLでInterceptRequestを実行し、rawフォルダーリソースからローカルのjquery_min.jsファイルを読み込みます。 サンプルWebViewプログラム LoadLocalScripts localScripts=new LoadLocalScripts(this); webView.setWebViewClient(new WebViewClient() { public boolean shouldOverrideUrlLoading(WebView view, String url) { return true; } //Show loader on url load public void onLoadResource(WebView view, String url) { } public void onPageFinished(WebView …

13 javascript  android  webview  google-play  google-play-console 

環境 タイマー（setTimeout、setInterval）とWebSocket接続を備えたプログレッシブWebアプリとして出荷されるゲームは、リアルタイムの通信を取得します。 何が起こっている ユーザーがアプリにとどまっている限り、すべてが正常です。しかし、ユーザーが別のタブや別のアプリに移動したり、画面をオフにすると（モバイルの場合）、それは「地獄のような未知の世界」になります。 WebSocketが「一時停止」または「オフ」になる場合とされない場合があります。 タイマーはスロットルまたはデバウンスされているように見えます。 この動作はブラウザとプラットフォームに依存しているようで、特定のユーザーの動作にも依存しているようです。ブラウザーやOSには、バッテリーや計算を節約するための独自のライフサイクル/メカニズムがあると思います。 ユーザーが戻ったとき、アプリは不明な状態にあり、状態を適切に復元するのに苦労しています。 websocketに関しては、socket.ioとの自動再接続とreconnecting-websocketがありますが、すべてを解決するには十分ではありません。 答えを探しています これらに関するさまざまなブラウザの「ライフサイクル」は何ですか？これは文書化されていますか？彼らはいつオフにしてスロットルすることを決めますか？ 彼らはウェブソケットに対して正確に何をしますか？ブラウザはそれらを切断するだけですか？ 彼らはタイマーに対して正確に何をしますか？彼らはそれらを抑制したり、それらをデバウンスしたりしますか？ JavaScriptの実行は一般にどうなりますか？一時停止/破棄/スロットル？ 何かをオフにするときに、ブラウザのライフサイクルイベントにフックする方法はありますか？私が見つけることができる唯一のものは可視性APIかもしれません ソリューションをテストできるように、この動作を人工的に再現する方法はありますか？デスクトップでは特に難しいです。WebSocketをオフにすることはできず、Chromium開発者は2014（！）の問題を急いで支援しているようには見えません：接続スロットルを使用する場合、WebSocketは含まれません 上記に関係なく、この問題を検出/解決する実用的なクロスブラウザソリューションはありますか？（たとえば、経験から、デスクトップ上のFirefoxはChromeと比べて動作がまったく異なるようで、iPhoneはAndroidよりはるかに頻繁に切断されます） 関連リンク Safariは、ページがフォーカスされていないときに非アクティブのためにWebソケット接続をドロップします

12 javascript  websocket  cross-browser  progressive-web-apps 

私は次のような2つの定義を通過しました： 純粋な関数とは、入力を変更しようとせず、常に同じ入力に対して同じ結果を返す関数です。 例 function sum(a, b) { return a + b; } そして不純関数はそれ自身の入力を変更するものです。 例 function withdraw(account, amount) { account.total -= amount; } ReactJの公式ドキュメントから取得した定義とコードスニペット。 純粋な関数が必要な場所で不純な関数を使用するために、React / Reduxでいくつかの間違いをする方法を教えてください。

12 javascript  reactjs  redux