Angular 是一個(gè)前端 JavaScript 和 TypeScript 框架，可幫助你創(chuàng)建強(qiáng)大的 Web 應(yīng)用程序。 你可以使用 Angular 構(gòu)建在線應(yīng)用程序、完全原生的應(yīng)用程序和 Web 應(yīng)用程序。 引入它是為了克服以前框架的局限性。使用 Angular，你可以開(kāi)發(fā)具有速度、可擴(kuò)展性和高性能的令人驚嘆的 Web 應(yīng)用程序。想要掌握Angular的技能和知識(shí)，建議參加web前端培訓(xùn)，課程實(shí)時(shí)更新，緊跟企業(yè)需求，讓你輕松找到工作。

　　Angular

　　專為構(gòu)建前端應(yīng)用程序而設(shè)計(jì)。它允許您使用 HTML 作為模板語(yǔ)言，并讓您增強(qiáng) HTML 的語(yǔ)法以清晰地顯示應(yīng)用程序的元素。 它使用戶能夠簡(jiǎn)單地創(chuàng)建大型應(yīng)用程序，這一切都發(fā)生在 Web 瀏覽器中，使其成為任何服務(wù)器的理想合作伙伴。

　　2022 年將遵循的 Angular 最佳實(shí)踐

　　使用依賴注入

　　在 AngularJs 中，模塊依賴于其他組件，例如值、服務(wù)、conf 等。Angular 依賴注入幫助我們?yōu)槲锤郊拥慕M件提供依賴組件的實(shí)例。 你可以使用 [] 表示法按名稱注入依賴組件，以列出你的依賴項(xiàng)以及函數(shù)。 Angular 有一個(gè)內(nèi)置的依賴注入器，它跟蹤所有組件，如值和服務(wù)，并可以使用依賴注入返回必要組件的實(shí)例。

　　延遲加載模塊

　　默認(rèn)情況下，NgModules 會(huì)在應(yīng)用程序加載后立即加載，無(wú)論是否需要。在開(kāi)發(fā)具有大量路由的大型應(yīng)用程序時(shí)，你可以使用延遲加載并根據(jù)需要加載 NgModules。延遲加載通過(guò)加載你需要的組件并防止加載其他不必要的項(xiàng)目來(lái)幫助你減小文件大小。更多關(guān)于Angular的相關(guān)知識(shí)，可以考慮通過(guò)參加web前端培訓(xùn)來(lái)學(xué)習(xí)，有專業(yè)老師指導(dǎo)，有全面系統(tǒng)的課程，學(xué)起來(lái)又快又輕松。

　　CDK 虛擬滾動(dòng)

　　CDK Virtual Scroll 可用于提高你的開(kāi)發(fā)速度。例如，如果你要同時(shí)顯示多個(gè)大型文件，則程序會(huì)變慢。它公開(kāi)了一個(gè)用于構(gòu)建無(wú)限滾動(dòng)的 API，其中自動(dòng)檢索新的數(shù)據(jù)集。它出現(xiàn)在 Angular Material Package 中，使開(kāi)發(fā)人員能夠提高應(yīng)用程序的速度。

　　正確使用范圍

　　范圍可以用作 Angular 應(yīng)用程序的數(shù)據(jù)容器。在將作用域用作容器時(shí)，不要使用作用域來(lái)存儲(chǔ) DOM 元素，因?yàn)檫@會(huì)造成巨大的內(nèi)存泄漏。僅當(dāng)你需要在 HTML(視圖)和 JavaScript(控制器)之間傳遞數(shù)據(jù)時(shí)才使用范圍。

　　正確組織文件和文件夾結(jié)構(gòu)

　　在處理各種類型的文件時(shí)使用正確的命名約定，并使用 mdl、fltr、srv cnst、.val、mock、filter 等前綴來(lái)更好地識(shí)別文件。使用正確的名稱可以很容易地識(shí)別它是哪種類型的 JavaScript 文件，無(wú)論是服務(wù)、控制器還是指令。根據(jù)你的項(xiàng)目需要維護(hù)你的文件夾，為控制器、指令、服務(wù)創(chuàng)建不同的文件夾，并將其依賴文件放在同一個(gè)文件夾中。

　　定義變量類型

　　在開(kāi)發(fā) Angular 應(yīng)用程序時(shí)，你可以避免使用全局變量，因?yàn)樽鳛閱雾?yè)應(yīng)用程序，垃圾收集器永遠(yuǎn)不會(huì)清除全局變量。如果你不指定變量或常量，它們將由值假定并分配給它。如果發(fā)生這種情況，隨時(shí)都有可能出現(xiàn)一些意想不到的后果。在web前端培訓(xùn)學(xué)習(xí)中，有很多關(guān)于Angular的課程，理論知識(shí)+實(shí)踐項(xiàng)目，雙管齊下，更有利于學(xué)員加深對(duì)所學(xué)知識(shí)的理解和運(yùn)用，真正做到學(xué)以致用，從而將知識(shí)內(nèi)化成自身的能力。

　　避免 Angular Observable 中的內(nèi)存泄漏

　　在任何編程語(yǔ)言、庫(kù)或框架中，內(nèi)存泄漏都是一個(gè)非常嚴(yán)重的問(wèn)題。內(nèi)存泄漏是一個(gè)值得關(guān)注的話題，如果你在開(kāi)發(fā)應(yīng)用程序時(shí)不小心，它們可能很容易發(fā)生。內(nèi)存泄漏有能力在應(yīng)用程序開(kāi)發(fā)過(guò)程中產(chǎn)生最壞的情況。

　　將腳本放在頁(yè)面底部

　　當(dāng)引用控制器和模塊等外部腳本時(shí)，請(qǐng)將它們放在頁(yè)面底部。 將腳本和模塊放在頁(yè)面底部的好處是它允許頁(yè)面不等到腳本加載。

　　編寫(xiě)單元測(cè)試

　　從開(kāi)發(fā)過(guò)程的一開(kāi)始就編寫(xiě)單元測(cè)試代碼可以幫助你進(jìn)行更好的測(cè)試并提高錯(cuò)誤跟蹤的速度。 你可以使用 karma 或 Jasmine 進(jìn)行單元測(cè)試。 單元測(cè)試代碼可以提高應(yīng)用程序的可擴(kuò)展性，并幫助你以更少的錯(cuò)誤發(fā)現(xiàn)時(shí)間產(chǎn)生更好的結(jié)果。

　　Angular 是用于開(kāi)發(fā) Web 應(yīng)用程序的可靠、穩(wěn)定和完整的框架。 Angular 不需要第三方庫(kù)來(lái)開(kāi)發(fā)應(yīng)用程序，這使得它更加高效。 使用這些實(shí)踐，你可以確保完美的開(kāi)發(fā)過(guò)程，幫助你構(gòu)建高端應(yīng)用程序。 想學(xué)習(xí)更多Angular使用技巧，不妨考慮參加Web前端培訓(xùn)，可以在短時(shí)間獲得快速提升，有效提高前端開(kāi)發(fā)工作效率。