回文集目錄:JHipster一知半解
Angular
概述
近幾年,隨著微服務(wù)、前后端分離的理念逐步深入人心;作為頁(yè)面控制的核心語(yǔ)言(javasprit)也引來(lái)了最輝煌的時(shí)刻。一方面,進(jìn)行語(yǔ)言自身特性擴(kuò)展(ES5、ES6、Typescript),逐步增強(qiáng)原始版本中過(guò)于隨意,作用域難以控制等缺陷,另一方面,進(jìn)行框架化設(shè)計(jì),出現(xiàn)了React、Angular、Vue幾個(gè)流行的框架。
JHipster非常適合后端程序員轉(zhuǎn)型而作,它之前選擇的是AngularJs,之后也同步跟上Angular(感覺(jué)后端氣質(zhì),依賴注入,模塊劃分、裝飾器等)。
Typesript
看官網(wǎng)即可,JS語(yǔ)法超集,當(dāng)做手冊(cè)翻
tslint.json
定義:TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors。
也就是說(shuō),它是一個(gè)靜態(tài)的代碼分析工具,用來(lái)檢查T(mén)ypeScript編寫(xiě)是否符合規(guī)范,用來(lái)提高可讀性,可維護(hù)性
要從jshint說(shuō)起了,畢竟js是一個(gè)畢竟是寬松的語(yǔ)言,好處是寫(xiě)起來(lái)快,壞處是改起來(lái)苦。然而這個(gè)世界并沒(méi)有一次寫(xiě)完,就很完備,永遠(yuǎn)不會(huì)修改的代碼。于是出現(xiàn)了jshint,告訴代碼分析工具(主要是編輯器,如Webstorm,Vs code等),需要幫我檢查我寫(xiě)的js,如果有什么不規(guī)范的地方給我標(biāo)出來(lái),保證我寫(xiě)的代碼質(zhì)量高。
到了Typescript這,由于有向下兼容的特性,隨便寫(xiě)還是可能的,但是這樣就失去了Typescript良好的封裝性。于是也順理成章出來(lái)tslint,用來(lái)檢查.ts文件。
那么具體按照什么標(biāo)準(zhǔn)檢查呢,就需要tslint.json作為說(shuō)明書(shū),傳達(dá)我們需要檢測(cè)的規(guī)則標(biāo)準(zhǔn)。
tslint.json里面主要就是rulesDirectory和rules兩塊,具體可自行查看,這里就不在贅述了。(教科書(shū)般的配置,可直接copy到任何工程)
tsconfig.json 和 tsconfig-aot.json
本質(zhì)上ts文件是需要編譯成js才能真正在瀏覽器上運(yùn)行的,這兩個(gè)是Typescript編譯器的配置文件,指定了用來(lái)編譯這個(gè)項(xiàng)目的根文件和編譯選項(xiàng),告訴tsc命令怎么編譯ts。
通過(guò)對(duì)比可以看出,aot(生產(chǎn)環(huán)境)編譯的LIB就是ES5,當(dāng)前瀏覽器都支持的語(yǔ)言,而普通版本就更為高版本一些,而且還同步生成sourcemap,便于進(jìn)行開(kāi)發(fā)調(diào)試。
值得注意的是,這兩個(gè)也是可以復(fù)用到其他項(xiàng)目的,需要根據(jù)自己項(xiàng)目組織情況,修改inclue和exclude目錄位置
(詳細(xì)說(shuō)明在Type官網(wǎng)的tsconfig.json節(jié))
Angular-cli
ng help查看,ng工程的創(chuàng)建,構(gòu)建,編譯,測(cè)試,運(yùn)行全生命周期管理。當(dāng)然我們用jhipster,它已經(jīng)封裝了一部分功能了。
.angular-cli.json
由angular-cli記錄的配置信息,運(yùn)行ng命令會(huì)先讀取其中配置,例如ng test就會(huì)讀取其中“test”節(jié)。既然是加.在開(kāi)頭的,理論上就不是給開(kāi)發(fā)者編輯的(當(dāng)然事實(shí)并非如此)。不過(guò)jhipster前端本身并不是嚴(yán)格的ng工程,script里面也沒(méi)有
使用ng命令的地方,這個(gè)文件可以忽略。。
現(xiàn)在,Angular現(xiàn)在教程挺多的,看書(shū),看官網(wǎng)
資源和書(shū)籍推薦
強(qiáng)烈推薦區(qū)
TypeScript官網(wǎng)
https://www.tslang.cn/angular官網(wǎng)
https://angular.cn/Angular權(quán)威教程
https://item.jd.com/12176534.html
https://pan.baidu.com/s/1eSbCURK 密碼:ans1Angular 4.x 修仙之路
https://segmentfault.com/a/1190000008754631Angular2 從0到1 (一)
https://item.jd.com/12059091.html
http://www.itdecent.cn/p/9af9f203e0b1
參考區(qū)
tslint 官網(wǎng)
https://palantir.github.io/tslint/Learning Typescript-讀書(shū)筆記
http://www.itdecent.cn/u/a76565e2af90