解決策: 1. vscode ソフトウェアを開き、[ファイル] - [環境設定] - [ワークスペース設定] をクリックして選択し、設定で「es」を検索し、[settings.json で編集] オプションをクリックします。 ; 2. 開いた「settings.json」ファイルに「"jshint.options":{"esversion":6},」コードを追加して保存します; 3. vscode を再起動します。
このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。
JavaScript は、Web 開発に動的な対話を追加するために Web アプリケーション開発で一般的に使用される高レベルのスクリプト言語です。完全な Web ページは通常、HTML、CSS、JavaScript の 3 つの部分で構成されます。HTML は主にページ レイアウトやコントロールの追加などの静的コンテンツを完成させ、CSS は主に色の追加などの Web コンテンツ スタイルを完成させ、JavaScript は主にインタラクションを完成させますボタンをクリックすると、次の操作が JavaScript によって完了します。フロントエンド開発を始めたい学生にとって、JavaScript は必ず学ばなければならない言語です。 [推奨学習: "vscode チュートリアル "]
ECMAScript とは
ECMAScript は JavaScript の言語標準であり、JavaScript がどのような特性を持つかを規定しています。 、JavaScript はそれに対応する特定の実装です。 ECMAScript の最初のバージョンは 1997 年にリリースされました。バージョン 5.1 は 2011 年にリリースされました。ECMAScript 2015 (ES2015) (ES6 とも呼ばれます) は 2015 年にリリースされました。ECMAScript 2016 (ES2016) (ES7 とも呼ばれます) は 2017 年にリリースされました。ECMAScript 2017 (ES2017)、ES8 とも呼ばれます。ES9、ES10、および ESS11 は 2018 年、2019 年、2020 年にリリースされました。
vscode は es6 言語を認識できません
問題の詳細
‘let’ is available in ES6 (use ‘esversion: 6’) or Mozilla JS extensions (use moz).(W104)jshint(W104)[2,1]
解決策:
1. [ファイル] - [環境設定] - [ワークスペース設定] を選択し、設定で es を検索し、[settings.json で編集] をクリックします。 Option
#2. settings.json ファイルに次のコードを追加します
"jshint.options":{"esversion":6},
3. 設定を保存します。 json ファイル
4. vscode を再起動します
知識を広げる:
Visual Studio Code (略して VSCode) は、Microsoft によって開発されたコード エディターです。 Windows、Linux、macOS などのオペレーティング システムとオープン ソース コード。テストをサポートしており、Git バージョン管理機能に加えて、コード補完 (IntelliSense と同様)、スニペット、コード リファクタリングなどの開発環境機能が組み込まれています。エディターは、テーマカラーやキーボードショートカットなど、エディター内でさまざまなプロパティやパラメーターを変更するなど、ユーザーがカスタマイズした構成をサポートしています。 組み込みの拡張機能管理機能。
vscode は、デバッグ、タスクの実行、バージョン管理などの開発操作もサポートする、簡素化された効率的なコード エディターです。その目標は、高速なコーディング、コンパイル、およびデバッグ ツールを提供することです。あとは IDE に任せます。 vscode には、構文の強調表示、カスタマイズ可能なホットキー バインディング、ブラケット マッチング、コード スニペットのコレクションなど、最新のエディターに必要なすべての機能が統合されています。
VS Code サポートの充実度は、言語とその拡張機能によって異なります。
構文の強調表示と括弧の一致
インテリジェント補完 (IntelliSense)
フラッタリングと修正
コード ナビゲーション (定義に移動し、すべての参照を検索)
デバッグ
リファクタリング
VSCode に関する関連知識の詳細については、次を参照してください: vscode の基本チュートリアル!
以上がvscode が es6 構文をサポートしていない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

tonavigatereAct'somplexEcosystemively、理解を理解し、認識していることを認識していることを認識しているandweakness、およびIntegreatemtoemtoemtoemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemotereconceptate、その後、勾配内で測定する

RactuseSeSeSeSeSeSeSeSpiffictifideidifiedItemsbyprovidingastableidentitytoeeedelement.1)keysallowReactTotTotTotTotTotTotTotTotTotTotTotTotTotTotTotRACKESOUTRE-RENDERINGTHEENTERELIST.2)chookiniqueandstablekeys、avolididingArrayIndices.3)reforceAsificlySificlySiflovedobrovesiondanc

KeysinReactarecrucialforoptimizingTherenderingProcessandDynamicListseffective.tospotandfixkey-relatedissues:1)adduniquekeystolistiTemstoavoidsissusisus、2)useuniqueidideididifiersfromdateadceSofofordiceys、3)

Reactの一元配置データバインディングにより、データが親コンポーネントから子コンポーネントに流れることが保証されます。 1)データは単一に流れ、親コンポーネントの状態の変化は子コンポーネントに渡すことができますが、子コンポーネントは親コンポーネントの状態に直接影響することはできません。 2)この方法により、データフローの予測可能性が向上し、デバッグとテストが簡素化されます。 3)制御されたコンポーネントとコンテキストを使用することにより、一方向のデータストリームを維持しながら、ユーザーの相互作用とコンポーネント間通信を処理できます。

keysinReactarecrucialforeffiencedomupdatessandRecOnciliation.1)選択可能でユニークな、そして類似のフルキーなど、Itemids.2)fornestedLists、useuniquekeysateachlevel.3)

useState()uscrucialforoptimizingRectperformanceduetuitsoitsimpactonre-rendersandupdates.tooptimize:1)useusecallbacktomoize funtionsandpreventunnederireRenders.2)

コンテキストとユーザーを使用して、大規模なReactアプリケーションで州の管理を簡素化できるため、状態を共有します。 1)プロップドリルを減らす、2)より明確なコード、3)グローバルな状態を管理しやすい。ただし、パフォーマンスのオーバーヘッドと複雑さのデバッグに注意してください。コンテキストと最適化技術の合理的な使用は、アプリケーションの効率と保守性を向上させることができます。

誤ったキーを使用すると、Reactアプリケーションでパフォーマンスの問題や予期しない動作を引き起こす可能性があります。 1)キーはリスト項目の一意の識別子であり、Virtual Domを効率的にReactの更新を支援します。 2)同じまたは非ユニークなキーを使用すると、リスト項目が再注文され、コンポーネント状態が失われます。 3)キーとして安定した一意の識別子を使用すると、パフォーマンスを最適化し、完全な再レンダリングを回避できます。 4)ESLINTなどのツールを使用して、キーの正しさを確認します。キーを適切に使用すると、効率的で信頼性の高い反応アプリケーションが保証されます。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ホットトピック









