問題タブ [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 に答える
1423 参照

javascript - ユーザー認証情報をフロントエンドに保存する

私は Web 開発に比較的慣れていないため、アプリケーションのフロントエンドにユーザー情報を安全に保存する方法がわかりません。私の問題は、サーバーの応答からクライアント側の JavaScript を使用してデータを抽出するという問題です。

私が知っている方法は、次のように EJS のようなテンプレートを介してユーザー データを取得することだけです。

しかし、それよりも良い方法が必要ですか?また、ユーザー情報を DOM に入れるのは悪い考えだと思います。WebDB や IndexedDB に入れてみませんか?

私はそうすべきですか?:

問題は、これが実際にデータを取得しないことです:

ここに画像の説明を入力

したがって、おそらく私は質問をする必要があります.HTMLのヘッドでサーバーの応答からデータを取得するにはどうすればよいですか?

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

javascript - JavaScriptインポートのベストプラクティスは何ですか?

さて、ワードプレスのテーマを作っているとしましょう。スライダーやカルーセル、ajax 読み込み要素、フォーム コントロールなどの JavaScript モジュールがたくさんあります。これに対する私の主なアプローチは、すべての JavaScript コードを main.js ファイルに入れます。main.js には、次のようなコードがあります。

そして、すべてのページに main.js をインポートします。したがって、ページの1つにクラスが「スライダー」である要素がある場合、それらは完全に機能します。しかし、私はこれが本当のアプローチであるかどうかに興味がありますか? ページで JavaScript モジュールを使用しない場合でも、すべての JavaScript コードがページをインポートします。何か違うアプローチはありますか?

0 投票する
0 に答える
536 参照

angularjs - JSP と webpack + AngularJS アプリの間の無限ループ

JEE アプリ (フロントエンドの jsp) を angularJs アプリと統合しようとしています。angularJS は webpack でパッケージ化されているため、jsp では<script>タグを介してアプリをリンクしています。

モジュールがすでに定義されていると、アプリケーションは手動でブートストラップされます。

手動のブートストラップが発生すると、その結果は jsp と angular アプリの間の一種の無限ループになります。次の 2 つの URL が交互に表示されます。

/2 番目の末尾に注意してください。

angular アプリはブラウザーでレンダリングされる場合と、レンダリングされない場合があります。

これは、Angular アプリを手動でブートストラップするときに発生することと関係があると考えていますが、$location実際にはわかりません。

どうしたの?

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

html - この 2 つのスパンが同じ位置で垂直方向に整列しないのはなぜですか?

新人ですが、今日は img と ap 要素で 2 スパンの div を作ってみました。以下は関連するコードですが、2 つのスパンは差分の垂直位置にとどまります。理由はわかりません。なぜなら、それらはすべて同じ CSS を持ち、ラッパーの幅が十分に長いからです。

そして、cssは

最後に、この問題を解決するために、2 番目のスパンにフロート ライト css を指定しました。

しかし、私は問題を放置しているわけではありません。私は解決策を求めているだけではありません。理由を知りたいのです。2 つのスパンが以前は同じ垂直位置に留まらなかったのはなぜですか?

御時間ありがとうございます。

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

angularjs - 異なる git リポジトリでバックエンド (laravel) とフロントエンド (angular) の依存関係を処理する方法

laravel と angularjs を使用して最初の Web プロジェクトを構築し、開発環境をセットアップする方法を見つけようとしています。現在のアプローチは次のようになります。

  • laravel ファイル構造のバックエンド git リポジトリ
  • angularjsファイル構造のフロントエンドgitリポジトリ

そのため、フロントエンド/バックエンド ファイルをいじる必要なく、バックエンド/フロントエンドで作業できる人もいます。ここで、バックエンド リポジトリに開発ブランチなどの新しいバージョンがあり、フロントエンドで作業している場合、フロントエンド リポジトリがこの新しいバックエンド バージョンを git サーバーから自動的にプルし、それを開発環境にコピーする必要があります。開発者 (彼のワークステーション上)。これにより、フロントエンド開発で最新の API ルートを使用できることが保証されます。

質問は次のとおりです。

  • このシナリオを自動化する方法はありますか?
  • 2つの異なるレポでlaravelとangularjsを分離するのは最善の方法ですか? また、ある種のタスク ランナー (gulp など) を使用して、フロントエンド ファイル (sass、less など) をビルド/パッケージ化/最小化したいと考えています。
0 投票する
3 に答える
120 参照

javascript - alert() が期待どおりにメッセージを表示できないのはなぜですか?

JavaScript コード:

html コード:

ブラウザが情報メッセージを表示しないのはなぜですか? 私は自分のjsスクリプトの間違いを見つけることができません...

多くのthx!

ps:これらの食べ物の名前は気にしないでください...

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

javascript - YUI3 を使用してリストをアルファベット順に並べ替える方法

リストにアイテムを追加しようとしていますが、アイテムを最後に追加するのではなく、アルファベット順に並べ替えたいと考えています。私は YUI3 を使用しており、並べ替え機能がありますが、使用するとリストの最後に項目が追加されます。ただし、リストを更新すると、リストがソートされます。更新せずにリストを並べ替える可能性はありますか?

ありがとう!