Angular 是全球最流行的前端JavaScript框架之一，目前已被微軟、谷歌等許多大公司采用。由于開(kāi)發(fā)過(guò)程簡(jiǎn)單，許多開(kāi)發(fā)人員正在他們的開(kāi)發(fā)項(xiàng)目中學(xué)習(xí)和采用 Angular。要深入了解Angular，可以參加Web前端培訓(xùn)，有更加全面系統(tǒng)的課程來(lái)學(xué)習(xí)，幫助你更好的理解與運(yùn)用Angular。
現(xiàn)在，由于它的廣泛采用，專(zhuān)業(yè)人士在開(kāi)發(fā)過(guò)程中犯了一些常見(jiàn)的錯(cuò)誤。通過(guò)這篇文章，我們將找出開(kāi)發(fā)人員應(yīng)該避免的常見(jiàn)錯(cuò)誤。
1. 退訂操作
Angular 開(kāi)發(fā)人員經(jīng)常會(huì)犯退訂失敗的錯(cuò)誤。由于要求開(kāi)發(fā)人員處理過(guò)多的方法和庫(kù)，一旦他們?cè)?JavaScript 中使用完這些事件，就必須取消訂閱。由于延遲訂閱，系統(tǒng)中很有可能發(fā)生內(nèi)存泄漏。現(xiàn)在有兩種情況：
如果你訂閱了由 OnDestroy Lifecycle 掛鉤組成的組件，則需要觸發(fā)它。
一旦你啟動(dòng)了鉤子，如果它是一個(gè)服務(wù)，那么就沒(méi)有可用的鉤子了。
無(wú)論如何，作為 Angular 開(kāi)發(fā)人員，你必須小心這個(gè)通用但至關(guān)重要的錯(cuò)誤。這將使你免受長(zhǎng)期損害。
2. 代碼組織不當(dāng)
當(dāng)開(kāi)發(fā)人員在開(kāi)發(fā)像 AngularJS 這樣的基于 javascript 的前端框架時(shí)，開(kāi)發(fā)人員有責(zé)任將代碼分成更小的組件。參加Web前端培訓(xùn)是入門(mén)學(xué)習(xí)的最佳選擇，在短時(shí)間內(nèi)盡快掌握Angular的相關(guān)知識(shí)，有助于你更好地進(jìn)行開(kāi)發(fā)工作。
當(dāng)你將這些代碼分開(kāi)時(shí)，可以毫不費(fèi)力地跟蹤錯(cuò)誤。然而并非所有專(zhuān)家都足夠熟練地做到這一點(diǎn)。這是因?yàn)?Angular 的 MVC 架構(gòu)，控制器接收了大量的編碼，這是 Angular 開(kāi)發(fā)人員必須避免的另一個(gè)常見(jiàn)錯(cuò)誤。你可以嘗試創(chuàng)建更小的有組織的單元，大多數(shù)開(kāi)發(fā)公司都這樣做。總的來(lái)說(shuō)，事情變得容易和簡(jiǎn)單。
3. 涉及jQuery
無(wú)論你希望構(gòu)建移動(dòng)應(yīng)用程序還是 Web 應(yīng)用程序，大多數(shù)開(kāi)發(fā)人員都使用 jQuery。如果你使用的是 Angular，那么建議你根本不要使用 jQuery。因?yàn)?jQuery 在與框架結(jié)合時(shí)并不是最好的。此外，不要忘記 Angular 本身在這方面足夠強(qiáng)大，可以通過(guò)尋求第三方庫(kù)的幫助來(lái)解決問(wèn)題。
4. 直接修改 DOM
AngularJS 開(kāi)發(fā)人員犯的另一個(gè)常見(jiàn)錯(cuò)誤是直接更改 DOM。首先，DOM 主要被認(rèn)為是 HTML 和 XML 的 API，可用于多種用途。例如，如果 SVG 執(zhí)行的上下文有任何變化，你可以刷新頁(yè)面的標(biāo)題等。可能性幾乎是無(wú)窮無(wú)盡的，只是你需要考慮簡(jiǎn)單直接的方法，而不是直接更改 DOM，使用 jQuery 或 ElementRef.nativeElement 或 Renderer2 服務(wù)。想學(xué)習(xí)AngularJS 的同學(xué)可以參加Web前端培訓(xùn)，有經(jīng)驗(yàn)豐富的專(zhuān)業(yè)講師指導(dǎo)教學(xué)，可以節(jié)省很多學(xué)習(xí)時(shí)間，少走彎路。
5. 事件處理程序的不當(dāng)使用
如果你想添加功能，Angular 是你考慮的最佳選擇!可以將此類(lèi)功能添加到預(yù)測(cè)數(shù)據(jù)中。
6. 在多個(gè) NgModule 中確認(rèn)相同的組件
許多開(kāi)發(fā)人員在不同的 ng 模塊中使用相同的組件，這是大多數(shù) Angular 開(kāi)發(fā)人員忽略的最常見(jiàn)錯(cuò)誤之一。這個(gè)常見(jiàn)的錯(cuò)誤可以通過(guò)在它自己的 NgModule 中使用每個(gè)組件來(lái)避免 - 并將其列在 @Ngmodule.declarations 數(shù)組中 - 以便它可用于視圖。
如果在某些情況下你必須為不同的 ng 模塊使用相同的組件，則可以執(zhí)行以下操作：
使用子模塊的 NGModule.declaration 在子模塊中聲明 HeroComponent
使用孩子的 NGModule.exports 數(shù)組來(lái)... 導(dǎo)出 HeroComponent
使用父模塊的 NGModule.imports 數(shù)組導(dǎo)入子模塊
在Web前端培訓(xùn)中，不僅有理論知識(shí)的課程，也會(huì)有實(shí)操項(xiàng)目的訓(xùn)練，讓你深入淺出地學(xué)習(xí)Angular 開(kāi)發(fā)技術(shù)，彌補(bǔ)項(xiàng)目經(jīng)驗(yàn)的空缺。
7. 未檢查
大多數(shù)時(shí)候，我們經(jīng)常忽略在應(yīng)用程序發(fā)布之前對(duì)其進(jìn)行檢查的事實(shí)。這是 Angular 開(kāi)發(fā)人員或其他開(kāi)發(fā)人員經(jīng)常犯的一個(gè)巨大錯(cuò)誤。然而，人們沒(méi)有意識(shí)到由于過(guò)多的環(huán)境因素可以釋放錯(cuò)誤。幸運(yùn)的是，我們有這么多跨瀏覽器測(cè)試工具，可以很容易地檢查應(yīng)用程序。
8. 范圍綁定
Angular 中的術(shù)語(yǔ)范圍是指所有的內(nèi)置對(duì)象，尤其是那些包含應(yīng)用程序數(shù)據(jù)的對(duì)象。你必須充分認(rèn)識(shí)到 Angular 就是這樣一種技術(shù)，它包含幾個(gè)有趣的功能并且高度依賴(lài)于 MVC 架構(gòu)，這里作用域的作用是綁定視圖和控制器。這里唯一需要考慮的是使用簡(jiǎn)單的信息源。
犯錯(cuò)是一件不可避免的事情! 但是如果你能向別人學(xué)習(xí)，你就可以輕松地避開(kāi)這些常見(jiàn)的錯(cuò)誤。前面提到的所有 Angular 開(kāi)發(fā)陷阱都可以幫助你在創(chuàng)建和調(diào)試應(yīng)用程序時(shí)更加小心。想學(xué)習(xí)Angular的同學(xué)可以報(bào)名參加Web前端培訓(xùn)，這里的課程豐富，涵蓋面廣，可以幫助你獲得全面提升。