-
application/x-javascriptとtext/javascriptのコンテンツタイプの違いは?
text/javascriptコンテンツタイプは廃止されました。これは、HTMLの初期に使用されていました。 application / x-javascriptは実験的なコンテンツタイプでした(したがってx-)。アプリケーションでこれを使用しないでください。 ブラウザで使用する正しいコンテンツタイプはapplication/javascriptです。これは、ブラウザがコンテンツをjsコードとして受け入れるのに役立ちます。
-
window.locationとdocument.locationの違いは何ですか?
W3Cによると、それらは同じです。 ただし、document.locationではなくwindow.locationを使用することを常にお勧めします。
-
JavaScriptでのブラウザイベントの概要
イベントは、何かが起こったことを示すシグナルです。 たとえば、DOMに組み込まれているイベントの一部は-です。 クリック −ポインティングデバイスボタン(任意のボタン。まもなくプライマリボタンのみになります)が押され、要素上で離されました。 マウスオーバー −ポインティングデバイスは、リスナーが接続されている要素またはその子の1つに移動されます。 キーアップ −任意のキーが解放されます ロード −リソースとそれに依存するリソースの読み込みが完了しました。 -を使用して独自のイベントを作成できます new Event('my-event'); こ
-
javascriptでforeach()を実行するときに配列の値を変更することは可能ですか?
はい、foreach()injavascriptを実行するときに配列の値を変更することは可能です。 これを見てみましょう- 例 let arr = [1, 2, 3, 4]; arr.forEach((val, index) => arr[index] = val * val); console.log(arr); 出力 これにより、出力が得られます- [ 1, 4, 9, 16 ] forEachを使用して反復するときに、ここで実際の配列を変更しました。
-
javascriptの「thrownewError」と「throwsomeObject」の違いは何ですか?
javascriptの「thrownewError」と「throwsomeObject」の違いは、thrownewErrorが渡されたエラーを次の形式でラップすることです- { name: 'Error', message: 'Whatever you pass in the constructor' } throw someObjectは、オブジェクトをそのままスローし、tryブロックからのそれ以上のコード実行を許可しません。つまり、thrownewErrorと同じです。
-
DOM要素が削除された場合、そのリスナーもjavascriptのメモリから削除されますか?
最近のブラウザでは、DOM要素が削除されると、そのリスナーもjavascriptのメモリから削除されます。 これは、要素に参照がない場合にのみ発生することに注意してください。つまり、参照がなく、ガベージコレクションが可能です。そうして初めて、そのイベントリスナーがメモリから削除されます。
-
JasmineJavaScriptテスト-toBeとtoEqual
配列は2つの方法で比較できます- これらは、メモリ内の同じ配列オブジェクトを参照します。 それらは異なるオブジェクトを参照する場合がありますが、それらの内容はすべて同じです。 例 ケース1の場合、ジャスミンはtoBeメソッドを提供します。これは参照をチェックします。たとえば、 describe("Array Equality", () => { it("should check for array reference equility", () => { l
-
バニラJavaScriptを使用して文字列を数値に変換する
JavaScriptで使用可能なparseInt関数には、次のシグネチャがあります- 構文 parseInt(string, radix); パラメータが次の場合- 文字列 −解析する値。この引数が文字列でない場合は、ToStringメソッドを使用して引数に変換されます。この引数の先頭の空白は無視されます。 基数 −文字列の基数(数式の基数)を表す2〜36の整数。 したがって、このメソッドを使用して、文字列と基数を渡し、基数が2から36までの任意の数値を整数に変換できます。たとえば、 例 console.log(parseInt("100", 10)) consol
-
Javascript V8の速度を得るためにRuby、Pythonをブロックするものは何ですか?
何もない。 V8プロジェクトでGoogleがJSのために行ったように、これらの言語エンジンの最適化に適切な投資を行うと、V8の速度に到達できます。 これはすべて、これらの言語の開発と最適化の取り組みを促進するために、スポンサー組織によって言語にどれだけのプッシュが提供されるかという問題です。
-
javascriptオブジェクトのプロパティのサブセットを取得するにはどうすればよいですか?
オブジェクトのプロパティのサブセットを取得し、それらのプロパティから新しいオブジェクトを作成するには、オブジェクトの破棄とプロパティの省略形を使用します。たとえば、次のオブジェクトがあります- 例 const person = { name: 'John', age: 40, city: 'LA', school: 'High School' } 名前と年齢だけが必要な場合は、-を使用して新しいオブジェクトを作成できます。 const {na
-
バニラJavascriptを使用してプロパティのサブセットのみで新しいオブジェクトを作成する方法
オブジェクトのプロパティのサブセットを取得し、それらのプロパティから新しいオブジェクトを作成するには、オブジェクトの破棄とプロパティの省略形を使用します。たとえば、次のオブジェクトがあります- 例 const person = { name: 'John', age: 40, city: 'LA', school: 'High School' } 名前と年齢だけが必要な場合は、-を使用して新しいオブジェクトを作成できます。 const {na
-
バニラJavaScriptでdivの高さを取得する
clientHeightとoffsetHeightの2つのプロパティを使用して、divの高さを取得できます。 clientHeightには、divのパディングが含まれます。 offsetHeightには、パディング、スクロールバー、およびdivの境界線が含まれます。 例 たとえば、次のHTMLがある場合- <div id="myDiv" height="400px"></div> -を使用して高さを取得できます const height = document.querySelector('#myDiv').
-
javascriptのclientHeight()とoffsetHeight()の違いは何ですか?
clientHeightとoffsetHeightの2つのプロパティを使用して、divの高さを取得できます。 clientHeightには、divのパディングが含まれます。 offsetHeightには、パディング、スクロールバー、およびdivの境界線が含まれます。 例 たとえば、次のHTMLがある場合- <div id="myDiv" height="400px"></div> -を使用して高さを取得できます const height = document.querySelector('#myDiv').
-
JavaScriptフレームワークとは何ですか?
JSフレームワークは、ルーチンのプログラミング機能とタスクに使用するコードが事前に記述されたJavaScriptコードライブラリです。これは文字通り、WebサイトまたはWebアプリケーションを構築するためのフレームワークです。 たとえば、プレーンJSでは、コンテンツを更新するスタイルなどを設定するために、DOMAPIを使用してDOMを手動で更新する必要があります。 JSフレームワークは、双方向バインディングやテンプレートなどの機能を使用して、この反復的なタスクを自動化するのに役立ちます。 フレームワークには独自の方法があります。たとえば、Angularは人気のあるJSフレームワークであり
-
Javascriptを使用して画像をBase64データURLに変換する
javascriptを使用して画像をHtmlページタグからデータURIに変換するには、最初にキャンバス要素を作成し、その幅と高さを画像と同じに設定し、画像を描画して、最後にtoDataURLメソッドを呼び出す必要があります。 これにより、画像のbase64でエンコードされたデータURIが返されます。たとえば、IDがmy-imageの画像がある場合は、次の-を使用できます。 例 function getDataUrl(img) { // Create canvas const canvas = document.createElement(
-
javascriptでのwindow.locationの使用は何ですか?
Window.location読み取り専用プロパティは、ドキュメントの現在の場所に関する情報を含むLocationオブジェクトを返します。 Locationインターフェースは、リンク先のオブジェクトの場所(URL)を表します。プロパティはロケーションオブジェクトで利用できます- Location.href −これはURL全体を含むDOMStringです。変更された場合、関連するドキュメントは新しいページに移動します。関連するドキュメントとは異なるオリジンから設定できます。 Location.protocol −最後の「:」を含むURLのプロトコルスキーム。 Location.
-
JavaScriptで画像データのURLを取得するにはどうすればよいですか?
javascriptを使用して画像をHtmlページタグからデータURIに変換するには、最初にキャンバス要素を作成し、その幅と高さを画像と同じに設定し、画像を描画して、最後にtoDataURLメソッドを呼び出す必要があります。 これにより、画像のbase64でエンコードされたデータURIが返されます。たとえば、IDがmy-imageの画像がある場合は、次の-を使用できます。 例 function getDataUrl(img) { // Create canvas const canvas = document.createElement(
-
javascriptのconsole.dirとconsole.logの違いは?
コンソールメソッドlog()は、渡されたオブジェクトのtoString表現を表示します。 Consoleメソッドdir()は、指定されたJavaScriptオブジェクトのプロパティのインタラクティブなリストを表示します。出力は、子オブジェクトのコンテンツを表示できる開示三角形を含む階層リストとして表示されます。
-
javascript forEach()を終了する方法は?
forEachメソッドから抜け出すことはできず、(例外をスローする以外に)ループをエスケープすることはできません。 代わりに_.findfromlodashのような他の関数を使用できます- _。find −要素が見つかると、ループから抜け出します。たとえば、 例 _.find([1, 2, 3, 4], (element) => { // Check your condition here if (element === 2) { return true; } &n
-
JavaScriptで変数値からオブジェクトプロパティを作成するにはどうすればよいですか?
JSには、オブジェクトプロパティを作成するための、ドット表記とブラケット表記の2つの表記があります。 変数からオブジェクトプロパティを作成するには、次のようにブラケット表記を使用する必要があります- 例 const obj = {a: 'foo'} const prop = 'bar' // Set the property bar using the variable name prop obj[prop] = 'baz' console.log(obj);を使用してプロパティバーを設定します 出力 これにより、出力が得られます- { &n