jquery - グーグルマップのdivを移動および非表示/表示するコスト

Question

私のアプリケーションはシングルページアプリ（backbone.js）であり、#map_canvasdiv内に保存されているGoogleマップを使用しています。

アプリケーションには3つの主要なビューがあります。

• グーグルマップビュー。
• 地図のないビュー。（つまり、#map_canvas隠される）
• サブディビジョン内のマップを含むビュー。#map_canvas（ divを別のdivに追加します）

つまり、基本的に私は3つの主要なdom操作を行います。

1. 地図を隠す
2. 地図を表示する
3. マップを別のdivに追加する

私の質問は、これらの操作にはどれくらいの費用がかかるのかということです。

Answer 1

彼らはどれくらいの費用がかかりますか？ほとんどごくわずかです。非常に簡単で、実行時間はほぼ0なので、非表示と表示については気にしないと思います。しかし、DOM内でdivを再配置して、他のdivに追加することを心配していると思います。Maps APIはすでに読み込まれているので、これも時間はかかりません。移動してもMapsAPIの邪魔になりません。

jQueryを使用する場合は、先に進んで実行してください。jQueryは最速のメソッドを使用するため、心配する必要はありません。

設計目的で別のdivに追加する場合は、divを追加する代わりに、別のcssを記述してロードすることをお勧めします。これにより、（cssがロードされると）必要なdivのデザインが即座に変更されます。

Answer 2

お金の面で：無料。

実行時間に関して：ごくわずか

実装時間の観点から：非常に小さい（クロスブラウザのDOM操作にはjQueryのようなものを使用してください）

Answer 3

古いブラウザの互換性を気にしない場合は、jQueryの代わりにzeptojsを使用してください...パフォーマンスが少し向上する可能性があります...しかし、正直言って大したことではありません。