一、準(zhǔn)備工作 Angular7(以下簡(jiǎn)稱ng7),已經(jīng)跟之前版本大有不同。新建工程后,可方便創(chuàng)建library(簡(jiǎn)稱lib),lib是什么呢?就是一個(gè)npm包的源碼包。npm...
1、使用創(chuàng)建組件工廠的方式 普遍寫(xiě)法 創(chuàng)建組件工廠 viewContainer創(chuàng)建組件 2、ng-container的方式直接引入(這個(gè)方式還是比較簡(jiǎn)單的) asyn...
首先 npm install的時(shí)候最好都是用系統(tǒng)的控制臺(tái)而不是其他的控制臺(tái),比如git bash或者VScode里面的終端。如果用這些,那么執(zhí)行命令時(shí)首先會(huì)走這些軟件,那么不...
1、VScode bug調(diào)試還是可以的,使用npm調(diào)試,配置如下: 請(qǐng)不要使用它自帶的npm配置,目前會(huì)出現(xiàn)進(jìn)程的問(wèn)題。 2、webpack配置抓到了大部分,JSON.str...
模態(tài)框出現(xiàn)bug,只怪太相信自己,在最不應(yīng)該出問(wèn)題的地方出現(xiàn)了問(wèn)題。 bug:模態(tài)框關(guān)閉時(shí),沒(méi)有做好雙向綁定。 解決方案:類似于ngModel的做法。父子和子父組件通信結(jié)合。...
制作這個(gè)開(kāi)始是沒(méi)有思路的。后來(lái)想到先制作tabs的單個(gè)標(biāo)簽頁(yè),再進(jìn)行標(biāo)簽頁(yè)的組合。也就是兩個(gè)組件交互的問(wèn)題。使用viewchild或者viewchildren就可以辦到。 但...
指令很像沒(méi)有值的屬性,其實(shí)它里面包含很多東西。 構(gòu)建一個(gè)指令,可以控制子組件按鈕的顯示或者隱藏。 一種方法就是,子組件有一個(gè)@Input 輸入屬性。 另一種方法,構(gòu)建一個(gè)指令...
1、設(shè)置標(biāo)題 標(biāo)題和頭部模板不能同時(shí)出現(xiàn)。使用@INPUT設(shè)置一個(gè)輸入屬性作為組件的屬性可以動(dòng)態(tài)綁定。 2、設(shè)置頭部和內(nèi)容模板 此處使用ng-template或者ng-con...
第一天 并沒(méi)有實(shí)質(zhì)性的收獲,看了ng5和ng6,邊做對(duì)比邊看,看到了兩者的區(qū)別。 ng5的webpack配置暴露的很明顯,eject命令也很明顯,通過(guò)執(zhí)行此命令,可以混元we...
一些前端資料(內(nèi)含一些大型前端網(wǎng)站、公眾號(hào)、社區(qū)等) 百度FEX(FE代表前端,X代表前端不應(yīng)該僅限于前端,應(yīng)全面發(fā)展) 百度EFE(百度Excellent FE,融合了多個(gè)...
執(zhí)行上下文: 當(dāng)出現(xiàn)js代碼時(shí),就出現(xiàn)了執(zhí)行上下文,或叫做執(zhí)行上下文環(huán)境。一般來(lái)說(shuō),執(zhí)行上下文完成以下工作: 1.變量和函數(shù)表達(dá)式,先聲明,與位置無(wú)關(guān)(也叫做變量聲明提升),...
js中for循環(huán)和forEach的區(qū)別:前者比較官方,功能強(qiáng)大,效率比后者高;后者簡(jiǎn)單,不能中斷,比如不能使用break和return等 總結(jié)一下js中Array和Strin...
JS淺復(fù)制問(wèn)題:復(fù)制對(duì)象或者數(shù)組時(shí),直接把對(duì)象復(fù)制給另一個(gè)變量,其實(shí)兩個(gè)對(duì)象包括內(nèi)在屬性都是指向同一塊內(nèi)存地址,導(dǎo)致一個(gè)對(duì)象屬性變化時(shí),另一個(gè)對(duì)象屬性也跟著變化。 JS深復(fù)制...