CSS框架布局講解
來(lái)源：
廈門市華釋界網絡科技有限公司 發布時(shí)間(jiān)：
2017-08-22 14:16
大(dà)家(jiā)知(zhī)道(dào)CSS框架布局嗎$©✔→(ma)?互聯網行(xíng)業(yè)已經發展了(le)多(du₹αō)年(nián)，浏覽器(qì)也(yě)從(cóng)最早流行(xíng)的(de)♥>★NS到(dào)現(xiàn)在的(de)FF3.IE7等等…&γ↕γhellip;前端開(kāi)發工(gōng)程師(shī)的(d≤φ★¥e)職位也(yě)誕生(shēng)了(le)。近(jì₩↓βn)幾年(nián)在web開(kāi)發中，有(yǒu)個(gè)非常火(ε←£huǒ)的(de)詞——“框架&rdquo×≠↑↓;。
CSS框架之利：
1、開(kāi)發效率的(≤☆de)提高(gāo)。
如(∞☆rú)果你(nǐ)是(shì)一(yī)個(gè)企業(yè)建站(zhàn)的(de)♣前端開(kāi)發，相(xiàng)信在大(dà)部分(fē✘γ♦n)時(shí)間(jiān)裡(lǐ)進行(xíng)著(zhe)同類站(zhàn)點的γ$(de)代碼工(gōng)作(zuò)。定義好(hǎo)的(ε de)框架可(kě)以大(dà)大(dà)提高(gāo)你(nǐ♠φ>)的(de)工(gōng)作(zuò)效率，避免一(yī)些(™®βxiē)常見(jiàn)的(de)錯(cuò)誤。如(rú)果你(nǐ)的(de)工(gōn÷ g)作(zuò)是(shì)按件(jiàn)計(jì)費(fèi)的®→↕ (de)，你(nǐ)的(de)報(bào)酬一(yī)定會(huì)比别人(rén)多★∏γ"(duō)。
2、規範代碼命名。
&nbs✘®p; 在多(duō)個(gè)站(zhànφ↓)點中你(nǐ)可(kě)能(néng)會(huì)用(yòng)到(dào)一(yī)些(★<←xiē)同樣的(de)CLASS或ID。如(rú)果你(nǐ)有(yǒu)一(y<§♦¥ī)套完善的(de)css框架，很(hěn)快(kuài)你(nǐ)就(jiù)能(néng)對(≈©±duì)你(nǐ)的(de)每一(yī)個(gè)站(≥♣££zhàn)點的(de)代碼進行(xíng)通(tōng)¥φ☆<讀(dú)。不(bù)用(yòng)浪費(fèi)時(shí)間(jiān)在代碼的(de₩₹β)閱讀(dú)上(shàng)。
3、更好(hǎo)的(de)團隊合作(zuò↔↓®♣)
&nbβ☆₩βsp;有(yǒu)些(xiē)公司會(huì)将一(yī)些(xiē)稍大(dà)的(de)站(z<<≥hàn)點的(de)前端代碼分(fēn)成若幹子(zǐ)項目。有(yǒu)過此類經驗的(de)≠$朋(péng)友(yǒu)應該對(duì)這(zhè)種開(kāi)發方式深感郁悶，要(yào)δαδ 注意公用(yòng) css，還(hái)有(yǒu)注意相(xiàn♣∏↓≤g)互之間(jiān)的(de)代碼配合。久而久之，廢棄代碼越來(lá₩€±&i)越多(duō)，互相(xiàng)之間(jiān)也(yě)難以閱讀(¥₽×dú)。如(rú)果建立好(hǎo)合适的(de)CSS框架¥β，大(dà)家(jiā)可(kě)以減少(shǎo)很(hěn≈₽≠₩)多(duō)不(bù)必要(yào)的(de)錯(cuò)誤，提升産品質量和(hé)工✘₩ ↓(gōng)作(zuò)效率。
4、解決浏覽€γ ←器(qì)的(de)兼容性問(wèn)題
現(xiàn)在大(dà)部分(fēn)項目都(dōu)要(yào)求兼容IE©✔π∞6，7和(hé)FF。每個(gè)站(zhàn)點可(kě)能(néng)都(dōu)會(huì$≈)花(huā)上(shàng)一(yī)部分(fēn)時(shí)間(jiān)去(α≤©©qù)處理(lǐ)兼容問(wèn)題。在框架層面上(shàng♦♠)就(jiù)将這(zhè)個(gè)問(wèn)題處理(lǐ)好(h<πφǎo)。就(jiù)可(kě)以為(wèi)後面的(de)兼容問(wèn)題節省下(xià)大≤'α(dà)部分(fēn)時(shí)間(jiān)。
5、一(yī)套完整的(de)、©≥ε結構清晰的(de)結構代碼。
C±§γ∏SS框架為(wèi)你(nǐ)的(de)項目提供一(yī)個(gè)幹淨、嚴謹的(de)基礎架λ$≠構。通(tōng)過它你(nǐ)可(kě)以快(kuài)速的(de)為(wèi)你≤¶(nǐ)的(de)站(zhàn)點搭建基礎的(de)html代碼框架。萬事(sh "'ì)開(kāi)頭難，前面的(de)基礎工(gōng)作(zuò)做(zuò)好(hǎo)了(le←™•)。後面的(de)開(kāi)發速度會(huì)提高(gāo)很(hěn)多(d←uō)。
CSS框架之弊：
1、你(nǐ)需要(yào)完全的(de)理©∑λ(lǐ)解整套框架
每一(yī)個>(gè)加入項目的(de)人(rén)，都(dōu)需要(yào)花(huā)一φφ φ(yī)定的(de)時(shí)間(jiān)去(qù)完全的(de)理(lǐ)解整套框架及✘α∞編碼規範;
2、你(nǐ)會(huì)延續一(y<∑♥₽ī)些(xiē)框架中的(de)錯(cuò)誤bug
≤¥ε★;沒人(rén)可(kě)以保證自(zì)己制(zhì&≥)定的(de)框架是(shì)完美(měi)而沒有(yǒu)bug的(ε♠>γde)。你(nǐ)可(kě)能(néng)會(huì)需要(yà₩↓₩o)時(shí)間(jiān)去(qù)清理(lǐ)框架中的(de)bug↕→☆♣;
3、限制(zhì)開(kāi)發思路(lù)
框架給出大✔α(dà)家(jiā)基本的(de)架構及開(kāi)發✔¥≈的(de)思路(lù)，這(zhè)可(kě)能(néδπng)會(huì)限制(zhì)你(nǐ)對(duì)産品開(kāi)發的(de)新思路✘ελ(lù);
4、臃腫的(de)源代碼δ
φ'♦σ框架中可(kě)能(néng)有(yǒu)很(hěn)大(dà)一(yī)部分(fēn♣$ )代碼不(bù)會(huì)經常用(yòng)到(dào)，而且還(h α±ái)會(huì)降低(dī)執行(xíng)效率;
5、框架的(de)語義化(hu®★←à)
&φ™ ≥nbsp;我們已經注意到(dào)了(le)HTML代碼的(de)語義化(huà)✘。但(dàn)基于框架的(de)每個(gè)站(zhàn)點都(dōu)是(shì)獨立唯一(y±✘ī)的(de)，我們很(hěn)難去(qù)保證CSS框架的(de)語義化( ¥÷≈huà)。
(責任編輯：admin)
文(wén)章(zhāng)出自(zì):
廈門市華釋界網絡科技有限公司
http://www.idrwl.com如(rú)轉載請(qǐng)注明(míng)出處!
