Parallel_html/css_WEB-ITnose で Web ページを開発する方法について話し合います。

私たちのチームは最近、一連の機能を含む Web ページを開発しました。各機能はページ上に配置され、ページ間を移動するためにナビゲーション バーが使用されます。

並列開発では、各機能を別個の HTML ファイルに記述し、ナビゲーション バーを含むページをメイン ページとして使用します。最後に、各機能ページの HTML を iframe に配置し、メイン ページに埋め込みます。

iframe を使用した各ページは互いに分離されているため、css コードと js コードは相互に影響を与えず、分離した並列開発に役立ちます。

これに何かデメリットがあるのか​​分かりませんが、より良い解決策があればアドバイスをお願いします。

ディスカッションへの返信 (解決策)

欠点は 2 つあります:
1. ページの互換性の問題、iframe の高さを高さに適応させることができず、動的配置には js が必要です。 iframe内に別のiframeを入れるとさらに面倒なので、再度適用するときは注意してください。
2. ページ データの制御。たとえば、iframe での操作はメイン ページにフィードバックされる必要があり、追加の処理ステップが必要になる場合があります。ポップアップ レイヤーに似た効果もあります。iframe を突破して dom ノードを親ページに追加する必要があります。そうしないと、全画面マスクを実現できません。
これらが私が考えられることです。
その方法が分かったので、共有しましょう:
1. ajax を直接使用して、次のような操作ページ (ラベルと div です) を追加します: http:/ /www.j-ui.com
2. angularjs ルーティングを使用して制御しますが、内部部分は依然として ajax です。操作がさらに便利になりました。
しかし、これら 2 つは欠点もあります。CSS と JS、特に angularjs の経験がある人がプロジェクト チームに必要です。始めるには、ある程度の時間または基礎が必要です。
つまり、個人的な提案ですが、プロジェクトが大きくない場合、またはポストメンテナンスがあまり頻繁に行われない場合、iframe は一時的に実行可能なソリューションです。その逆の場合は、他のソリューションが必要です。

共有してくれたモデレーターに感謝します!

ajaxを使用してページをdivに直接ロードして、2つのページが同じウィンドウオブジェクトの下にあるようにしようとしました。名前空間は競合を引き起こす可能性があります。複数の人が同時に異なるページを開発するのはあまり便利ではないようです~

共有してくれたモデレーターに感謝します!

ajaxを使用してページをdivに直接ロードして、2つのページが同じウィンドウオブジェクトの下にあるようにしようとしました。名前空間は競合を引き起こす可能性があります。複数の人が同時に異なるページを開発するのはあまり便利ではないようです~

この問題には 2 つのアイデアがあります。 1 つは名前空間を手動で追加することで、すべてのメソッドが に登録されます。手動の名前空間。
http://www.cnblogs.com/Jackey_Chen/archive/2011/08/02/2125287.html
2 番目に、モジュール化、requirejs、seajs、そして最近では webpack を使用します。ただし、新しいものの参入曲線はわずかに急になります。現在のプロジェクトに適したものを選択してください。

iframe は詐欺です。 。 。

Jsoup ドキュメント doc1 = Jsoup.connect("http://www.paperyy.com/").get();

ドキュメント doc2 = Jsoup.connect("http://www.paperyy.com")
。 data("query", "Java")//パラメータのリクエスト
.userAgent("Mozilla")// urer-agent の設定
.cookie("auth", "token")// Cookie の設定
.timeout(50000) //接続タイムアウトを設定します
.post();//または、取得するように変更します
System.out.println("http://www.paperyy.com");