JS組件設(shè)計
設(shè)計原則
- 高內(nèi)聚低耦合
組件的功能受控于組件本身悬嗓，而不是別的組件。 - 周期性迭代
需要結(jié)合實際的業(yè)務(wù)場景去不斷優(yōu)化裕坊，沒有固定的標(biāo)準(zhǔn)包竹。
設(shè)計方法
- 先整體后部分再顆粒化籍凝。
- 盡可能的抽象周瞎。使其復(fù)用性達(dá)到最大。
自適應(yīng)
- 基本概念
- CSS像素饵蒂、設(shè)備像素声诸、邏輯像素、設(shè)備像素比
- viewport : layout viewport = visual viewport
- rem
- 工作原理
- 利用viewport和設(shè)備像素比調(diào)整基準(zhǔn)像素
- 利用px to rem自動轉(zhuǎn)換css單位
