2015-12-30 60 views
1

我從頭開始一個新項目,該項目旨在成爲一個負責任的網站,這意味着在移動設備上的表現更是重中之重。我想知道一些有關角度的信息:如何管理Angular js的依賴和模塊性?

  1. 角度如何管理其資源和依賴關係。是每次在內存中加載的文件,或者是在網頁瀏覽過程中它們都駐留在內存中的文件。對於這種情況,使用RequireJS還是AngularAMD也是一種解決方案?

  2. 我遇到的情況,我必須包含標籤視圖的頁面。在這種情況下,是能夠更好地創造這些視圖每一個不同的看法,或者是它更好地使用本機實現,所有的觀點住在同一頁上,並同時加載? (這種情況下,我看到了一些關於並行 - 狀態)

+0

1.總是加載。 2.沒有比這更好的了,這取決於你的內容更好的表現。大量的圖像:加載塊,所有文本:加載一堆。 – dandavis

回答

0

我認爲你的項目的發展階段太早關注這些事情。

  1. 如果從簡單的開始,通過串聯所有文件到一個妥善涅槃和gzip壓縮它的服務,你將花費只有20分鐘的設置它,而不是戰鬥的異步模塊加載。明智地編寫代碼,並嘗試從一開始就將您的邏輯放入獨立模塊中(這不僅適用於瀏覽器加載速度,也適用於可維護性)。然後轉移到加載程序,您可以專注於已完成某些工作的地方。

    在一個空的Hello World應用程序的任何基準測試或將不相關無論如何開頭。如果你需要保持狀態的背景下深入到標籤之一

  2. 並行狀態是有用的。點擊wiki example瞭解它。該功能不是針對性能的,而是路由器維護多個狀態樹的能力。

+0

我認爲模塊加載器也是一樣,基準測試對於一個接近空的項目不會是客觀的。至於我的第二個問題,關於在我的情況下,我需要支持移動設備的標籤分爲模塊。他們有什麼限制我需要尊重嗎?記憶?網絡... –

+0

這強烈依賴於*哪些*移動設備。一款便宜的Android手機,iPhone 6?目標國家是3G還是更好還是卡住了EDGE?對於網絡,請使用Google Chrome Inspector網絡仿真(https://developer.chrome.com/devtools/docs/device-mode#network-conditions)查看它的外觀。對於內存而言,手機在渲染頁面上確實非常出色,但不會加載大部分時間不會顯示的內容 – vvondra