Angular2 高級(jí)種子工程
github地址:https://github.com/linweiwei123/hotshots-admin-angular2
種子工程 拿來即用;
1 良好的工程結(jié)構(gòu)仅颇;
1.1 header,導(dǎo)航欄做通用component獨(dú)立出來;
1.2 輸出文件分門別類
2 angular2+webpack1構(gòu)建;
2.1 編譯文件分類輸出例驹;
2.2 輸出js放index.html頂部加defer赶么;
2.3 webpack loader處理css,fonts侍芝,img案例;
3 模塊高級(jí)使用埋同;
3.1 特性模塊
3.2 lazyload州叠,code splitting;
3.3 共享模塊凶赁;
3.4 多級(jí)router-outlet
4 路由高級(jí)使用咧栗;
4.1 轉(zhuǎn)場(chǎng)動(dòng)畫
4.2 相對(duì)路由
4.3 必須參數(shù)和不定參數(shù)
5 service簡(jiǎn)單使用;
數(shù)據(jù)持久化到內(nèi)存虱肄;
6 404頁面致板;
處理未匹配的url案例
7 外部CSS;
多個(gè)css外部文件的關(guān)系處理咏窿;
2016-12-8新增內(nèi)容
8 路由守護(hù)
9 結(jié)合JWT做權(quán)限控制斟或,增加登陸頁面;
10 form表單驗(yàn)證
登陸頁面就是一個(gè)最好的表單驗(yàn)證