組件設(shè)計(jì)原則

頁(yè)面上每個(gè)獨(dú)立的可視/可交互區(qū)域都可以視為一個(gè)組件。比如一個(gè)頁(yè)面的頭部、尾部,和一些可復(fù)用的區(qū)塊都可以抽象成組件。

每個(gè)組件對(duì)應(yīng)一個(gè)工程目錄,組件所需要的各種資源在這個(gè)目錄下就近維護(hù)。這個(gè)就近維護(hù)原則其實(shí)就體現(xiàn)了前端工程化的思想,它給前端開發(fā)提供了很好的分治策略,每個(gè)開發(fā)者都將清楚的知道自己開發(fā)維護(hù)的功能單元,它的代碼必然存在于組件所在的目錄中,在那個(gè)目錄中就可以找到功能單元中的所有功能邏輯,js,css。

頁(yè)面不過是組件的容器,組件可以嵌套自由組合形成完整的頁(yè)面。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、值得注意的8個(gè)點(diǎn) 層次結(jié)構(gòu)和 UML 類圖 扁平化、面向數(shù)據(jù)的 state/props 更加純粹的 State...
    alanwhy閱讀 10,507評(píng)論 0 26
  • 隨著軟件代碼規(guī)模的不斷擴(kuò)大,代碼的維護(hù)成本越來越高,組件化勢(shì)在必行,設(shè)計(jì)組件時(shí)應(yīng)該考慮哪些問題?本文介紹了組件設(shè)計(jì)...
    Ericgogo閱讀 8,544評(píng)論 0 12
  • 喂喂喂,那個(gè)切圖的,把頁(yè)面寫好就發(fā)給研發(fā)工程師套模板吧。你好,切圖仔。 不知道你的團(tuán)隊(duì)如何定義前端開發(fā),據(jù)我所知,...
    王鈺峰閱讀 1,329評(píng)論 1 15
  • [原文](https://github.com/fouber/blog)前端工程前端,是一種GUI軟件,所有Web...
    Www劉閱讀 438評(píng)論 0 4
  • 女人啊,只有學(xué)會(huì)自愛自信,才能被愛、才能獲得更美滿的愛情。我們不是男人的附屬品、不是工作的消耗品、不是時(shí)間的...
    蝶舞芙蓉閱讀 697評(píng)論 0 3

友情鏈接更多精彩內(nèi)容