鍏抽敭璇: 缃戦〉璁捐, web鍓嶇寮鍙, 濂界敤web鍓嶇ui妗嗘灦
浠嬬粛
鍦ㄨ繘琛岀綉椤佃璁″拰web鍓嶇寮鍙戞椂锛岄夋嫨涓涓ソ鐢ㄧ殑web鍓嶇ui妗嗘灦鍙互澶уぇ鎻愰珮寮鍙戞晥鐜囧拰鐢ㄦ埛浣撻獙銆傛湰鏂囧皢浠嬬粛鍑犳濂界敤鐨剋eb鍓嶇ui妗嗘灦锛屽府鍔╂偍鏇村揩閫熷湴瀹屾垚缃戦〉璁捐鍜寃eb鍓嶇寮鍙戙
Bootstrap
1.1 浠涔堟槸Bootstrap
Bootstrap鏄竴涓祦琛岀殑鍓嶇妗嗘灦锛屽畠鍖呭惈浜嗚澶氭湁鐢ㄧ殑缁勪欢鍜屽伐鍏凤紝鍙互甯姪寮鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆
1.2 Bootstrap鐨勪紭鐐
Bootstrap鍏锋湁浠ヤ笅浼樼偣锛
- 鍝嶅簲寮忚璁★細Bootstrap鍙互鏍规嵁涓嶅悓璁惧鐨勫睆骞曞ぇ灏忚嚜鍔ㄨ皟鏁村竷灞鍜屾牱寮忋
- 鍙畾鍒舵э細Bootstrap鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广
- 鍏煎鎬э細Bootstrap鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆
- 绀惧尯鏀寔锛欱ootstrap鏈変竴涓簽澶х殑绀惧尯锛屽彲浠ヨ幏寰楀ぇ閲忕殑鏂囨。鍜屾敮鎸併
Semantic UI
2.1 浠涔堟槸Semantic UI
Semantic UI鏄竴涓幇浠e寲鐨刄I妗嗘灦锛屽畠浣跨敤鑷劧璇█鍛藉悕绾﹀畾锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樻洿瀹规槗鍦扮悊瑙d唬鐮佸拰鏂囨。銆
2.2 Semantic UI鐨勪紭鐐
Semantic UI鍏锋湁浠ヤ笅浼樼偣锛
- 鑷劧璇█鍛藉悕绾﹀畾锛歋emantic UI浣跨敤鑷劧璇█鍛藉悕绾﹀畾锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樻洿瀹规槗鍦扮悊瑙d唬鐮佸拰鏂囨。銆
- 澶氭牱鍖栫殑涓婚锛歋emantic UI鎻愪緵浜嗚澶氬鏍峰寲鐨勪富棰橈紝鍙互鏍规嵁闇瑕佽繘琛岄夋嫨銆
- 鍙畾鍒舵э細Semantic UI鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广
- 鍏煎鎬э細Semantic UI鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆
Materialize
3.1 浠涔堟槸Materialize
Materialize鏄竴涓熀浜嶨oogle Material Design鐨勫墠绔鏋讹紝鍙互甯姪寮鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆
3.2 Materialize鐨勪紭鐐
Materialize鍏锋湁浠ヤ笅浼樼偣锛
- 鍩轰簬Google Material Design锛歁aterialize鍩轰簬Google Material Design锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆
- 鍝嶅簲寮忚璁★細Materialize鍙互鏍规嵁涓嶅悓璁惧鐨勫睆骞曞ぇ灏忚嚜鍔ㄨ皟鏁村竷灞鍜屾牱寮忋
- 鍙畾鍒舵э細Materialize鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广
- 鍏煎鎬э細Materialize鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆
鎬荤粨
鍦ㄨ繘琛岀綉椤佃璁″拰web鍓嶇寮鍙戞椂锛岄夋嫨涓涓ソ鐢ㄧ殑web鍓嶇ui妗嗘灦鍙互澶уぇ鎻愰珮寮鍙戞晥鐜囧拰鐢ㄦ埛浣撻獙銆侭ootstrap銆丼emantic UI鍜孧aterialize閮芥槸娴佽鐨勫墠绔鏋讹紝瀹冧滑鍚勫叿浼樼偣锛屽彲浠ユ牴鎹渶瑕佽繘琛岄夋嫨銆傚笇鏈涙湰鏂囪兘澶熷府鍔╂偍鏇村揩閫熷湴瀹屾垚缃戦〉璁捐鍜寃eb鍓嶇寮鍙戙
浠ヤ笂灏辨槸缃戦〉璁捐web鍓嶇寮鍙(濂界敤web鍓嶇ui妗嗘灦)鐨勮缁嗗唴瀹癸紝鏇村淇℃伅璇峰叧娉∣D浜戝叾瀹冪浉鍏虫枃绔狅紒