具有重復組件的角度及其邏輯

Question

我是Stackoverflow和Angular的新手，所以為適當的問題格式表示歉意。

我的問題與Angular重復組件有關。 假設我有一個笑話組件和一個笑話組件。

jokes.componet.html

<div>
    <joke *ngFor="let joke of jokesBox" [oneJoke]="joke"></joke>

</div>

    <div>JokeTitle</div>
    <div>Joke Body</div>
    <div><span>Update</span> <span>Delete</span></div>

我在笑話組件中做了什么

....多個導入.....注入的服務依賴關系.....執行內置的Observable訂閱....編寫更新和刪除方法

所以，我的問題是關於這個Joke組件，它正在遍歷一個數組Jokes。 在Joke Component中編寫一些導入和注入服務是否會導致任何性能或內存泄漏問題。

Answer 1

如果您擔心性能，則必須分析可能降低應用程序性能的因素。 由於性能是一個非常廣泛的主題，任何小事情都可能降低應用程序的性能。 讓我們在這里有一些作品，並嘗試了解一些：

首先，webpack（module-bundler）將構建您的應用程序。 使用Webpack，將發生以下情況：

a）搖樹：因此，無論您擁有多少軟件包，都將僅考慮您已導入的文件，這是在構建階段發生的，因此對運行時的性能沒有影響，所有第三方軟件包都將進入Vendor.js，您的main.js中的代碼。

b） 捆綁和縮小 ：您的應用將被縮小和捆綁，以減少延遲並減少延遲。 服務器調用數。 腳本，圖像，資產將全部捆綁在一起。

現在，由於您已經嵌套了子組件，因此另一個關鍵因素是更改檢測策略，因為訪問DOM樹總是很昂貴

我們在Angular中提供了“默認”和“ OnPush”更改檢測策略，現在，如果您有多個嵌套組件，並且您進行了任何更改，它都會觸發嵌套組件的循環，有時您希望這些更改反映出來，僅當狀態是突變的，在這種情況下，您需要使用OnPush策略。

很多情況下，當我們要求進行性能評估時，如果沒有適當的代碼，沒人能說明。 您可能對同一個可觀察項有多個訂閱，而不是共享這些訂閱，因此，為了簡潔起見並回答您的問題，他們的見解很少。