背景是:我想創(chuàng)建一個個人用的組件庫,里面包含平常自己需要用到的組件demo(比如:list-table;btn-box之類的),但是隨著組件庫的內(nèi)容越來越多,我發(fā)現(xiàn)各種問題出現(xiàn)了(主要是還是冗余太多,對于一個有輕微強迫癥的人來說,心里始終有些不爽)。于是我就想找出問題所在,這個組件庫是我第一次搞的,里面不僅包含我的HTML組件,還包含了我學(xué)習(xí)一些技術(shù)的筆記(比如JQ,JS,REACT,這類的)。在建立之初因為沒有一個很好的創(chuàng)建規(guī)范,于是就出現(xiàn)了這種樣式無法復(fù)用的,各種蛋疼的冗余,命名不規(guī)范的問題。如今想重新創(chuàng)一個,但是,對建立規(guī)范又沒有一個很好的概念。想請各位大神,幫我完善一下。下面是關(guān)于HTML這一模塊的標(biāo)準(zhǔn)。請大家指正(希望大家能體諒一下菜鳥屌絲的痛苦):一、建立統(tǒng)一? ? 1.建立基礎(chǔ)模塊框架(模塊組件庫)? ? 2.統(tǒng)一顏色基調(diào)? ? 3.統(tǒng)一字體顏色標(biāo)準(zhǔn)和字體尺寸? ? 4.至少2個樣式表style.css(公用)、theme.css二、模塊細(xì)分? ? PC: ? ?? ? 1.表格(table):? ? ? ? A.水平列表(list-table)? ? ? ? ? ? a.table? ? ? ? B.左右數(shù)據(jù)展示表格(list-dl)? ? ? ? ? ? b.dl? ? 2.主標(biāo)題(title)? ? ? ? A.<div class='title'></div>? ? ? ? 二級標(biāo)題(sub-title)? ? 3.菜單(nav)? ? ? ? <div class='nav'>? ? ? ? ? ? <div></div>? ? ? ? ? ? <div></div>? ? ? ? ? ? <div>? ? ? ? ? ? ? ? ? ? <div class='sub-nav'></div>? ? ? ? ? ? </div>? ? ? ? </div>? ? 4.提示(tip)? ? ? ? <div class='tip'></div>? ? 5.容器? ? ? ? A.最外層(container)? ? ? ? B.模塊(panel)? ? ? ? C.組件(box)這篇提問文,是我建立一半的時候,突然想到,我覺得自己如果摸索的話,也許可以完善(菜鳥的眼界),但是始終不夠規(guī)范,但是如果由大神們指出的,那么俺就有自信多啦
關(guān)于個人組件庫的問題
月_霜影
2016-05-04 14:12:28