問題タブ [web-frontend]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
3294 参照

json - 開発中の Json オブジェクト? フロントエンドかバックエンドかで決まる?

バックエンドから JSON を取得した後にレイアウトが生成される Web アプリに取り組んでいます。しかし、バックエンドから受け取るオブジェクトは非常に複雑で、レイアウトを取得するためにオブジェクトを何度もループする必要があります。

データをバックエンドに投稿している間も同じことが起こっています。

私が感じているのは、フロントエンドのレイアウトに従ってJSON Object to Postデータを生成すれば、バックエンドからのオブジェクト構造が変更されたとしても、レイアウトの生成に余分なループは必要ないということです。

それで、jsonオブジェクトは常にバックエンドが与えるものですか、それともフロントエンドに従うべきですか?

たとえば、バックエンドが与えている

しかし、フロントエンドが以下の形式でオブジェクトを送受信するのは簡単です:

0 投票する
1 に答える
456 参照

javascript - コードをアップロードすると CodePen または JsFiddle では動作しませんが、ブラウザでは正常に動作します。誰か私を助けてくれませんか?

私はcodePenが初めてです。私はおそらくばかげた間違いをしているのですが、どなたか指摘していただけないでしょうか?

function initialDraw(e) { var surfaceContext = surface.getContext('2d'); surfaceContext.drawImage(wheel, 0, 0); }

http://codepen.io/hTeeML/pen/RPJemx

0 投票する
1 に答える
82 参照

javascript - Writing a comma at the end of the first line of a multi-line variable declaration throws an error in Javascript

I wrote the following variable declarations in an application I'm working on

If I don't end the first line of the declaration with a comma the code works just fine.

If I end the first line with a comma( as one might think is correct) then I get this strange error:

What do you think is the problem?

0 投票する
1 に答える
797 参照

javascript - jsライブラリのダウンロードが完了した後にjavascript関数を実行する方法は?

index.html に次のコードがあり、Google の開発者サイトから取得しましたがmapsResume()、Google マップ API ライブラリのダウンロードが完了した後に関数を実行する必要があります。

0 投票する
2 に答える
524 参照

javascript - React コンポーネントのスタイリング

私は反応の大ファンです。これは UI を構築するための本当に素晴らしいツールですが、問題なく取り除くのが難しい問題がいくつかあります。

それらの 1 つはスタイル コンポーネントです。元の「react-way」はインライン スタイルを使用していますが、このソリューションには次のようなマイナスの性質があります。

  • デザイナーの観点からは良い解決策ではないようです
  • 十分にカスタマイズできますか?
  • autoprefixer や sass/less などの素晴らしいツールを使用できないため、スタイルをより保守しやすくなっています

しかし、いくつかの肯定的なものがあります:

  • コンポーネントは非常にまとまりがあり、再利用可能になり、スタイルが一緒に出荷されます。
  • 一部のライブラリでインライン スタイルが使用されている場合、スタイルシートを要求する必要はありません。スタイルはすべてコード内にあります。

他の「WriteYourStylesInJS」プラクティスにも同じ弱点があり、最大の弱点はスタイリング ツールのセットが少ないことです (はい、プレフィックスを書くのが面倒です)。

私の実際の質問に関しては、反応コンポーネントとcss(またはscss / sassまたはlessまたは他の言語)のスタイルをどのようにまとめますか?

スタイルをカスタマイズ可能で保守可能にするにはどうすればよいでしょうか?

インライン スタイルに対する私の先入観は合理的ですか?

0 投票する
1 に答える
25 参照

javascript - 開発モードでクライアント エラーを画面に表示する

クライアント側のアプリケーションを開発しているときに、Javascript の実行時エラーを画面に表示する方法があればいいのにと思います。そのため、エラーが発生したかどうかを常にコンソールで確認する必要はありません。

これが機能すると想像できる唯一の方法は、次のようなエラーリスナーのようなものです。

このようなものはありますか?フロントエンド JS でエラーがスローされた場合、グローバル スコープにバブル アップするすべてのエラーのハンドラーを作成できますか?

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerrorがありますが、多くのエラーがそのハンドラーによってキャッチ/トラップされないことが示されています。

0 投票する
1 に答える
82 参照

html - Visual Studio が間違ったビューを読み込んでいる

私はフロントエンド開発に不慣れで、非常に奇妙な種類の問題に直面しています。

ビューの1つ(ビューAとしましょう)os MVCアプリケーションのスタイリング(CSS)に取り組んでいました。 F12 をクリックして chrome を開き、いくつかの変更を行い、ctrl+s をクリックしました。

今、私が行こうとしているビューが何であれ、静的なビュー A しか表示されていません。別の URL パラメーターを使用してビュー A に移動しようとしても、古いビューが表示されます。

IE でブラウズしてデバッグしようとすると、デバッグの最後 (コントローラー、レイアウト、それぞれのビューに移動した後) に、常にビュー A の html コンポーネントを含む空白の [動的]ページが読み込まれることがわかります。

ここに画像の説明を入力

ChromeとIEを試し、ブラウザのキャッシュのクリア、閲覧履歴の削除などを試しました。

(Visual Studio の) Page Inspectorで任意のビューを開いても、同じ動作が見られます (常に古いビュー A が読み込まれます)。

アプリケーションを実行して Visual Studio の [出力] ウィンドウを見ると、「iexplore.exe」(スクリプト) が読み込まれていることがわかります。「スクリプト コード (Windows Internet Explorer) が読み込まれました」。 アプリケーションからスクリプトを削除し、別のソースから貼り付けましたが、問題は残ります。

スクリプトのどこかにこのビューが保存されており、常にこのビューをロードしていると思います。

動作は IE、Chrome、Firefox で同じです。

助けてくれてありがとう。

Visual Studio 2015 Update 5 を使用しています。

0 投票する
1 に答える
5440 参照

node.js - Gulp エラー: ENOENT、タスク実行中の lstat

フロントエンド プロジェクトのコピーとクリーンアップに gulp を使用しています。いくつかの順次タスクを実行したい。これは、たとえば、コピー タスクを開始して終了し、次のタスク (コピー タスク) を実行することを意味します。タスクを実行すると、次のエラーが頻繁に表示されます。

の後lstat、それぞれファイル名がランダムに表示されます。distフォルダーがない場合、または空の場合はコピータスクが正常に実行されますが、distフォルダーが空でない場合はクリーンタスクがスローされてエラーが発生することがわかりました。以下に、gulp ファイルとコマンドの結果を示します。

並行性の問題があり、タスクが実際には順番に実行されていないと思ったので、runSequenceのようなこの問題を解決するためのいくつかのモジュールを試してみました。