問題タブ [es6-class]

私は JavaScript クラスを使用しており、IE 11 で SCRIPT1002 問題に遭遇しました。IE は es6 で利用可能な「クラス」キーワードを解釈できません。私は、babel を使用することがこの不幸な問題を回避する方法であることを読んでいます。ただし、これを適切に行う方法を理解するのに問題があります。以下は私のコードです。IE 11 が js クラスを適切に解釈できるようにするには、何を追加する必要がありますか?

babel.js を含むヘッダー (browser.js は正常に読み込まれています)

SCRIPT 1002エラーを引き起こすjavascriptファイルのクラス

このコードは Firefox で正常に動作します。

キャンバスを使用してページローダーを構築し、es6 クラスを使用しています...現時点では適切に動作させることはできません..理由の 1 つは、キャンバスをクリアする方法が見つからないことです進行。

これはこれまでの私のコードです:

など、他の 3 つの要素を構築します。

jsfiddle からわかるように、私の関数 drawSnake() は四角形を描画し続けます。

私の調査中に、使用する代わりに、長方形をクリアすることがわかりました

キャンバスをきれいにする、私は使用できます

代わりに、各単一の長方形をきれいにする必要があります...したがって、私のクラス Snake で _clearSnake() 関数を作成し、必要に応じてサブクラスに呼び出します。

私の論理で何が間違っていますか？コードを改善するにはどうすればよいですか?

私は現在ES6を学習中です。通常は JQuery プラグインとして記述していたカルーセルを作成しようとしていますが、代わりに ES6 モジュールとして記述して、import キーワードを使用してページの JS に追加できるようにしています。

カルーセルには互いに重なって配置されるスライドがあるため、JS 内で計算が行われ、最も高いカルーセル スライドの高さが決定され、この高さがカルーセルの UL 要素に適用されます。

このモジュールは、すべてのカルーセル要素の含まれる DIV、カルーセル スライドの UL など、コンストラクター内の DOM からいくつかの要素を取得します。

この高さはブラウザの幅が小さくなるにつれて調整する必要があるため、window.onresize でこの計算を行う関数を呼び出そうとしました。

ただし、これは機能しません。コンストラクターで変数に割り当てられた dom ノードが現在の幅と高さでキャッシュされているため、サイズ変更関数が新しい値を計算に使用しないためだと思います。

このキャッシュの問題を防ぐためにコードを調整するにはどうすればよいですか?

以下は、これまでのコードの単純化された Codepen です。(Codepen のためだけにメイン スクリプトに Carousel モジュール コードを追加する必要がありました):

http://codepen.io/decodedcreative/pen/vXzGpE/

ありがとう

handleButtonPressパラメータが必要ない場合、関数は次の例で機能します...

ただし、パラメーターが必要な場合、次の例では機能しません。

それはスローします：undefined is not a function (evaluating 'this.handleButtonPress("GOODBYE")')

私が使用してきた戦略の 1 つは、次のようhandleButtonPressに、関数内で関数を再度参照することです。render

しかし、別の/より良い方法はありますか?

handleButtonPressこの例の React コンポーネントのメッセージ マップ内でどのように呼び出すのでしょうか?

現在、それは投げています: undefined is not a function (evaluating 'this.handleButtonPress(message)'). どうしてこんなことに？

contextes6 クラス内で koa js ルート (this) と es6 クラスにアクセスするにはどうすればよいthisですか?

を使用してクラスプロパティにアクセスしようとすると、未定義this.nameになります

test.js

app.js

そのため、React-bootstrap を使用して ES6 の React で同じデータからモーダルとマーカーを動的に作成し、マーカーをモーダルのトリガーにしようとしています。今、私は同じモーダルを呼び出し続けています

マーカー/モーダルを生成するページのコード:

以下は、マップ マーカーを作成するために子として渡される MyGreatPlaces コンポーネントです。