Javascript | コンピューター

CSSとJavaScriptを使用してキャンバス外メニューを作成するにはどうすればよいですか？

以下は、オフキャンバスメニューを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .sideNav {

CSSとJavaScriptを使用してレスポンシブな下部ナビゲーションメニューを作成するにはどうすればよいですか？

以下は、CSSとJavaScriptを使用してレスポンシブな下部ナビゲーションメニューを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&

CSSとJavaScriptを使用してスクロール時にナビゲーションバーを下にスライドする方法は？

以下は、CSSを使用してスクロールするときにナビゲーションバーを下にスライドするコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g

CSSとJavaScriptで下にスクロールしてナビゲーションメニューを非表示にするにはどうすればよいですか？

以下は、CSSとJavaScriptを使用してスクロールするときにナビゲーションメニューを非表示にするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g

JavaScript Array.splice（）メソッド

JavaScriptのsplice（）メソッドは、アイテムを追加または削除するために使用されます。削除されたアイテムを返します。構文は次のとおりです- array.splice(index, num, item1, ....., itemX) ここで、indexはアイテムを追加または削除する位置を指定する整数、numは削除するアイテムの数、item1…itemXは配列に追加するアイテムです。ここで、JavaScriptでsplice（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>P

JavaScript toLocaleString（）関数

JavaScriptのtoLocaleString（）メソッドは、ロケール設定を使用してDateオブジェクトを文字列に変換するために使用されます。構文は次のとおりです- Date.toLocaleString(locales, options) 上記のlocalesパラメータは、使用する言語固有の形式です- ar-SA Arabic (Saudi Arabia) bn-BD Bangla (Bangladesh) bn-IN Bangla (India) cs-CZ Czech (Czech Republic) da-DK Danish (Denmark) de-AT Austrian

JavaScript Array.prototype.values（）

JavaScriptのarray.values（）メソッドは、配列内の各インデックスの値を含む新しいArrayIteratorオブジェクトを返します。構文は次のとおりです- arr.values() ここで、JavaScriptでarray.values（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click the button to display the value...</p> <button

JavaScriptsymbol.descriptionプロパティ

JavaScriptのsymbol.descriptionプロパティは、Symbolオブジェクトをプリミティブ値に変換します。構文は次のとおりです- Symbol()[Symbol.toPrimitive](hint); 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click to display...</p> <button onclick="display()">Result</button>

PHP配列をJavaScript関数に渡す方法は？

PHP配列は、以下のコード行でjson_encodeを使用してJavaScript関数に渡すことができます- <script> var var_name= <?php echo json_encode($php_variable); ?>; </script> オブジェクトを文字列のようなJSONから解析する必要がある場合（AJAXリクエストで必要）、以下のコード行を使用できます- var my_data = "<JSON-String>"; var my_var = JSON.parse(my_d

JSONとXMLの違い

JSONとXMLはどちらも、プログラミングの世界で最も人気のあるデータ横断リソースです。これらのさまざまな重要な特性と機能により、これらのリソースは両方とも世界中で広く使用されています。それらの機能に基づいて、JSONとXMLの重要な違いは次のとおりです Sr。いいえ。キー JSON XML 1 略語 JSONはJavaScriptObjectNotationの略です。一方、XMLはExtensibleMark-upLanguageの略です。 2 タイプ JSON形式はデータ交換可能です。一方、XML形式はマークアップ言語です。 3 ベース

JavaScriptとPhpの違い

JavaScriptとPHPはどちらも、プログラミングの世界で最も人気のあるプログラミング言語です。さまざまな重要な特性と機能があるため、これらの言語はどちらも世界中で広く使用されています。それらの機能に基づいて、JavaScriptとPHPの重要な違いは次のとおりです Sr。いいえ。キー JavaScript Php 1 導入 JavaScriptは、導入年と比較してPHPの後に開発されました。BrendanEich（1995）によって開発されました。一方、PHPはJavaScriptの前に導入され、Rasmus Lerdorf（1994）によって開発されま

JavaScriptプログラムの！=演算子と！==演算子の違い

！=比較演算子！=演算子は、型チェックを行わずに2つのオブジェクトの不等式をチェックします。 2つのオペランドのデータ型を1つに変換してから、それらの値を比較します。たとえば、1！=1はfalseになります。！==比較演算子！==演算子は、型チェックを使用して2つのオブジェクトの不等式をチェックします。データ型を変換せず、型付きチェックを行います。たとえば、1！==1はtrueになります。次の例は、「！=」と「！==」演算子の使用法を示しています。例 <!DOCTYPE html> <html> <head> <

Firebugを使用したJavaScriptのデバッグ

デバッグは、欠陥を取り除く体系的な方法です。それはすべて、テストケースの実行から始まります。テストケースが実行されるたびに、実際の結果が期待される結果と比較されます。実際の結果と期待される結果の間に対応がない場合は、根本原因分析が行われ、結果が期待される線に沿っていることを確認するために回帰テストなどの追加のテストが実行されます。静的なWebページを設計するために、HTMLが広く使用されています。動的なWebベースのアプリケーションであるJavaScriptを開発するには、Webのスクリプト言語を使用する必要があります。コードをバグのないものにするために、プログラマーは多くのデバッグ手法に

UbuntuにGruntをインストールする方法は？

Grunt（JavaScript割り当てランナー）は、コンパイル、単体テストなどの反復的なタスクを実行する自動化ツールです。GruntおよびGruntプラグインは、Node.JsパッケージマネージャーであるNPMを介して接続および管理されます。この記事では、GruntをUbuntuにインストールする方法について説明します。 ubuntuにgruntをインストールするには、Node.jsとNPMがプリインストールされている必要があります。 Node.jsのバージョンを確認するには、次のコマンドを使用します– $ node --version サンプル出力は次のようになります– v6.9.

JavaScript配列slice（）

JavaScriptのslice（）メソッドは、配列内の選択された要素を返すために使用されます。構文は次のとおりです- array.slice(start, end) 上記のstartパラメータは、選択を開始する場所を指定する整数ですが、endは選択が終了する場所です。 JavaScriptでslice（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p id="t

JavaScript配列some（）関数

JavaScriptのsome（）メソッドは、配列内の要素のいずれかが条件を満たすかどうかを確認するために使用されます。構文は次のとおりです- array.some(function(currentVal, index, arr), val) 上記のfunction（）の下のパラメーターには、currentVal –現在の要素の値、index –配列インデックスが含まれますが、valは現在の要素が適合する配列オブジェクトです JavaScriptでsome（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body>

JavaScript array.entries（）メソッド

JavaScriptのarray.entries（）メソッドは、キーと値のペアを持つArrayIteratorオブジェクトを返すために使用されます。構文は次のとおりです- array.entries() ここで、JavaScriptでarray.entries（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> <p>Is any point equal to 550 fr

JavaScript array.flatMap（）

JavaScriptのarray.flatMap（）メソッドは、入力配列要素を新しい配列にフラット化するために使用されます。構文は次のとおりです- array.flatMap(function callback(current_value, index, Array)) ここで、JavaScriptでarray.flatMap（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> <

JavaScript array.includes（）関数

JavaScriptのarray.includes（）メソッドは、配列に指定された要素が含まれているかどうかを確認するために使用されます。構文は次のとおりです- array.includes(ele, start) 上記のパラメータeleは、検索する要素です。開始パラメータは、検索を開始する位置です。ここで、JavaScriptでarray.includes（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Car Variant</h2> &n

JavaScript Array.isArray（）

JavaScriptのArray.isArray（）メソッドは、オブジェクトが配列であるかどうかを判断するために使用されます。構文は次のとおりです- Array.isArray(ob) 上記のobパラメータはテスト対象です。ここで、JavaScriptでArray.isArray（）メソッドを実装しましょう- 例 <!DOCTYPE html> <html> <body> <h2>Ranking Points</h2> <p>Is this an array?