一建椰、前端工程化是一種思維而不是技術(shù)雕欺。是使用軟件工程的技術(shù)和方法來(lái)進(jìn)行前端的開(kāi)發(fā)流程、技術(shù)棉姐、工具屠列、經(jīng)驗(yàn)等規(guī)范化、標(biāo)準(zhǔn)化伞矩。在其過(guò)程中笛洛,一般會(huì)涉及到構(gòu)建工具、模塊化乃坤、組件化苛让、自動(dòng)化和持續(xù)集成。其主要目的為了提高效率和降低成本湿诊,即提高開(kāi)發(fā)過(guò)程中的開(kāi)發(fā)效率狱杰,減少不必要的重復(fù)工作時(shí)間。
二厅须、模塊化就是將一個(gè)大文件拆分成相互依賴的小文件仿畸,再進(jìn)行統(tǒng)一的拼裝和加載。一個(gè)模塊就是一個(gè)實(shí)現(xiàn)特定功能的文件九杂,有了模塊我們就可以更方便的使用別人的代碼颁湖,要用什么功能就加載什么模塊。優(yōu)點(diǎn):避免變量污染例隆,命名沖突;提高代碼復(fù)用率抢蚀; 提高維護(hù)性镀层;依賴關(guān)系的管理。像vue3皿曲、lodash-es(不要用lodash)唱逢。
三、組件化是一種將頁(yè)面結(jié)構(gòu)和行為進(jìn)行拆分屋休,是對(duì)UI的拆分坞古。這樣更利于維護(hù)和重用代碼。舉個(gè)例子劫樟,Refrigerator.js實(shí)現(xiàn)了冰箱的開(kāi)啟痪枫、關(guān)閉织堂、急凍、保鮮功能奶陈。B組件要使用開(kāi)啟功能易阳,那么就可以只引入Refrigerator.js的開(kāi)啟方法;C組件要保鮮吃粒,那么只需要引入保鮮功能潦俺。這樣Refrigeratorjs就是一種模塊化開(kāi)發(fā)(注意模塊化寫(xiě)法)。
四徐勃、自動(dòng)化應(yīng)該指的是自動(dòng)化工具了事示,包括自動(dòng)化部署、自動(dòng)化測(cè)試等等