最新記事

classList を使用して 1 つの命令で複数のクラスを追加/削除する方法はありますか? 質問する
javascript
html

classList を使用して 1 つの命令で複数のクラスを追加/削除する方法はありますか? 質問する

これまでのところ、私はこれをしなければなりません: elem.classList.add("first"); elem.classList.add("second"); elem.classList.add("third"); これはjQueryで次のように実行できます $(elem).addClass("first second third"); 追加または削除するためのネイティブな方法があるかどうかを知りたいです。

Admin

関数を定義するためのconstの適切な使用 質問する
javascript
function
constants
ecmascript-6

関数を定義するためのconstの適切な使用 質問する

constJavaScript、特に関数で設定できる値の種類に制限はありますか? これは有効ですか? 確かに機能しますが、何らかの理由で悪い習慣と見なされますか? const doSomething = () => { ... } ES6 ではすべての関数をこのように定義する必要がありますか? もしそうなら、これは普及していないようです。

Admin

React Router v4 / v5 を使用したネストされたルート 質問する
javascript
reactjs
nested
react-router
react-router-v4

React Router v4 / v5 を使用したネストされたルート 質問する

現在、React Router v4 を使用してルートをネストするのに苦労しています。 最も近い例は、React-Router v4 ドキュメント。 アプリを 2 つの異なる部分に分割したいです。 フロントエンドと管理領域。 私は次のようなことを考えていました: フロントエンドは、管理領域とは異なるレイアウトとスタイルを持っています。そのため、フロントページ内では、ホーム、アバウトなどのルートが子ルートになります。 /homeFrontpage コンポーネントにレンダリングされ、/admin/homeBackend コンポーネント内でレンダリングされる必要があります。 他のバリエーションもいくつか試してみましたが、結局はヒットしなかったり/home、 になったりしました/admin/home。

Admin

JavaScript でバイト単位のサイズを KB、MB、GB に変換する正しい方法 質問する
javascript
byte
converters

JavaScript でバイト単位のサイズを KB、MB、GB に変換する正しい方法 質問する

私はこのコードPHP 経由でサイズをバイト単位で変換します。 ここで、JavaScript を使用してこれらのサイズを人間が判読できるサイズに変換したいと思います。このコードを JavaScript に変換してみると、次のようになります。 function formatSizeUnits(bytes){ if (bytes >= 1073741824) { bytes = (bytes / 1073741824).toFixed(2) + " GB"; } else if (bytes >= 1048576) { bytes = (bytes / 1048576).toFixed(2) + " MB"; } else if (bytes >= 1024) { bytes = (bytes / 1024).toFixed(2) + " KB"; } else if (bytes > 1) { bytes = bytes + " bytes"; } else if (bytes == 1) { bytes = bytes + " byte"; } else { bytes = "0 bytes"; } return bytes; } これは正しいやり方でしょうか?もっと簡単な方法はありますか?

Admin

Ajax ポストからのファイルのダウンロードを処理する 質問する
javascript
jquery
ajax

Ajax ポストからのファイルのダウンロードを処理する 質問する

特定の URL に ajax POST リクエストを送信する JavaScript アプリがあります。応答は JSON 文字列の場合もあれば、ファイル (添付ファイル) の場合もあります。Ajax 呼び出しで Content-Type と Content-Disposition を簡単に検出できますが、応答にファイルが含まれていることを検出したら、クライアントにダウンロードを依頼するにはどうすればよいでしょうか。ここで同様のスレッドをいくつか読みましたが、どれも私が求めている答えを提供していません。 どうか、どうか、Ajax を使用すべきではない、またはブラウザをリダイレクトすべきであると提案する回答を投稿しないでください。これらはいずれもオプションではないからです。プレーン HTML フォームを使用することもオプションではありません。必要なのは、クライアントにダウンロード ダイアログを表示することです。これは実行できますか。また、どのように実行できますか。

Admin

ES6 クラス変数の代替案 質問する
javascript
class
ecmascript-6

ES6 クラス変数の代替案 質問する

現在、ES5 では多くの人がフレームワークで次のパターンを使用してクラスとクラス変数を作成しており、これは便利です。 // ES 5 FrameWork.Class({ variable: 'string', variable2: true, init: function(){ }, addItem: function(){ } }); ES6 ではネイティブにクラスを作成できますが、クラス変数を持つオプションはありません。 // ES6 class MyClass { const MY_CONST = 'string'; // <-- this is not possible in ES6 constructor(){ this.MY_CONST; } } 残念ながら、クラスにはメソッドしか含められないため、上記は機能しません。 できることは理解していますが、特に大きなクラスに 20 ~ 30 以上のパラメータがある場合は、コンストラクターを「ジャンク」this.myVar = trueにconstructorしたくありません。 この問題に対処する方法をいろいろ考えていましたが、まだ良い方法が見つかっていません。(たとえば、ハンドラーを作成しClassConfig、parameterクラスとは別に宣言されたオブジェクトを渡します。すると、ハンドラーがクラスにアタッチされます。WeakMaps何らかの方法で統合することも考えていました。) この状況に対処するためにどのようなアイデアをお持ちでしょうか?

Admin