前端框架技術之angularjs
編輯日期 2018-11-24 閱讀次數(shù):1090 次
11月23日-24日,艾縱咨詢在杭州主辦了前端主流框架技術的培訓活動,本次培訓內容主要是前端三大主流框架之一的angularjs。
課題內容圍繞angularjs的ComponentTree、Module、Router三大核心概念展開,從淺到深,逐層解剖。
1. HTML 演進歷程與 HTML5 規(guī)范 、JavaScript/TypeScript/ES6概念
2. 響應式設計、模板語法
3. 組件之間三種典型的通訊場景:父子組件之間的交互;非父子組件之間的交互;與后端服務之間的交互
4. 講解生命周期鉤子,并通過實例詳細講解每一個鉤子的用法和注意點
5. 動態(tài)組件的創(chuàng)建、傳值、事件監(jiān)聽和銷毀的概念與實例講解
6. Shadow Dom模式封裝Web組件
7. ng-content內容投影,自定義組件內容投影
8. ContentChild與ViewChild各自適用業(yè)務場景
9. 組件與指令之間的關系,指令的作用,如何自定義指令以及指令之間的交互
10. 模塊概念與用法
11. 路由的基礎用法與高級用法,如:加載策略、路由守衛(wèi)
12. 表單與數(shù)據(jù)校驗
13. RxJs、i18n國際化、前端自動化測試
同時,培訓過程中老師為大家解答了常見的技術難點與困惑,如生命周期鉤子概念與相關使用,數(shù)據(jù)雙向綁定的原理等;并針對現(xiàn)有開發(fā)項目給出了具有指導意義的解決方案,如:
- 在文件體積和請求數(shù)之間取得一個平衡點;
- 開發(fā)過程中,不自創(chuàng)輪子,學會融入生態(tài)并進而引領生態(tài);
- 針對不同的業(yè)務場景采用不同的數(shù)據(jù)交互方式;
- 頁面刷新時,提出可不刷新所有節(jié)點,采用onPush策略,只檢查發(fā)生變化的節(jié)點,進而提高性能。
- 打包過程中,如何過濾node-modules目錄。
兩天的培訓大家都意猶未盡,期待我們再次相聚。