前端开发框架是什么
9个流行的、强大的前端开源框架，帮助你轻松构建漂亮的网站前端。
1、Bootstrap
Bootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。
2、PatternFly
PatternFly是Red Hat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上Red Hat就是使用它创建了OpenShift。
3、Material Components for the web
Material Components for the web(MDC Web)，是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。
4、Pure
Bootstrap，Patternfly和MDC Web是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。
6、Bulma
Bulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。它还具有许多Web组件，你可以在设计中使用它们。
7、Skeleton
如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。
8、Materialize
Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。
绛旓細鍓嶇寮鍙戞鏋舵湁澶氱锛屽父瑙佺殑涓昏鍖呮嫭Bootstrap銆丷eact銆乂ue.js銆丄ngular绛銆1. Bootstrap锛氳繖鏄竴绉嶉潪甯告祦琛岀殑鍓嶇寮鍙戞鏋讹紝涓昏鐢ㄤ簬鍒涘缓鍝嶅簲寮忓拰绉诲姩浼樺厛鐨勭綉椤銆侭ootstrap鍖呭惈浜嗚澶欳SS鍜孞avaScript缁勪欢锛屽彲浠ヨ繀閫熸瀯寤虹綉椤靛竷灞鍜岃璁°傚叾鍖呭惈浜嗗ぇ閲忛璁捐鐨勬ā鏉垮拰缁勪欢锛屾柟渚垮紑鍙戣呬娇鐢℉TML鍜孋SS鏉ヨ璁″拰鏋勫缓...
绛旓細甯歌鐨剋eb鍓嶇寮鍙戞鏋跺涓嬶細1銆丅ootstrap锛氫富娴佹鏋朵箣涓锛孊ootstrap 鏄熀浜 HTML銆丆SS銆丣avaScript鐨勶紝瀹冪畝娲佺伒娲伙紝浣垮緱 Web 寮鍙戞洿鍔犲揩鎹銆2銆乭tml5-boilerplate锛氳妗嗘灦鍙互蹇熸瀯寤哄仴澹紝涓旈傚簲鍔涘己鐨剋eb app鎴栫綉绔欍3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙
绛旓細鍓嶇妗嗘灦鏈夊绉嶏紝甯歌鐨勪富瑕佹湁React銆乂ue銆丄ngular绛夈1. React React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨勫紑婧愬墠绔鏋銆傚畠涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰锛屽挨鍏舵搮闀垮鐞嗗ぇ閲忔暟鎹殑娓叉煋鍜屽姩鎬佷氦浜掋俁eact閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜澶嶇敤鍜屾媶鍒嗘洿涓烘柟渚裤傚叾铏氭嫙DOM鎶鏈兘鏈夋晥鎻愰珮椤甸潰鍔犺浇閫熷害鍜屾ц兘銆2. Vue Vue鏄竴涓笎...
绛旓細Bootstrap鏃犵枒鏄渶娴佽鐨凜SS妗嗘灦锛屽畠鏄渶鏃╃殑Web鍓嶇妗嗘灦锛岀敱Twitter寮鍙戙侭ootstrap杩樻彁渚涗簡璁稿绀轰緥鏉ュ府鍔╀綘鍏ラ棬銆2銆丳atternFly PatternFly鏄疪ed Hat鐨勫紑婧怌SS妗嗘灦锛屽拰Bootstrap涓嶅悓鐨勬槸锛孊ootstrap鏄负閭ｄ簺鎯宠鍒涘缓婕備寒缃戠珯鐨勪汉鑰岃璁＄殑锛岃孭atternFly涓昏涓撴敞浜庝紒涓氬簲鐢ㄧ▼搴忓紑鍙戜汉鍛橈紝鎻愪緵璇稿鏉″舰鍥俱佸浘琛ㄣ...
绛旓細Angular鏄竴涓敱Google寮鍙戝拰缁存姢鐨勫紑婧怶eb鍓嶇妗嗘灦銆瀹冩槸涓涓叏鍔熻兘鐨勬鏋讹紝鍖呭惈浜嗚矾鐢便佹湇鍔°佺粍浠剁瓑鐗规э紝閫傜敤浜庡ぇ鍨嬪鏉傚簲鐢ㄧ殑寮鍙銆侫ngular鐨勫己绫诲瀷绯荤粺鍜屽叾渚濊禆娉ㄥ叆鏈哄埗鏈夊姪浜庢彁楂樹唬鐮佽川閲忓拰鍙淮鎶ゆс傛澶栵紝Angular杩樻彁渚涗簡涓板瘜鐨勫伐鍏峰拰鐢熸佺郴缁熸敮鎸侊紝濡侫ngular CLI鍜孉ngular Universal绛夛紝浣垮緱寮鍙戙佽皟璇...
绛旓細鍓嶇妗嗘灦涓鑸寚鐢ㄤ簬绠鍖栫綉椤佃璁＄殑妗嗘灦锛屾瘮濡傦紝jquery锛宔xtjs锛宐ootstrap绛夌瓑锛岃繖浜涙鏋跺皝瑁呬簡涓浜涘姛鑳斤紝姣斿html鏂囨。鎿嶄綔锛屾紓浜殑鍚勭鎺т欢锛堟寜閽紝琛ㄥ崟绛夌瓑锛夈傚墠娈垫鏋剁殑濂藉锛氬浜庝簰鑱旂綉鐨勪骇鍝佽岃█锛屽墠绔敤鎴蜂綋楠屽線寰鍐冲畾浜嗕竴娆句骇鍝佺殑绔炰簤鍔涘拰鍚稿紩鍔涖傝屽浜庡墠绔伐绋嬪笀鏉ヨ锛岃冭檻鐨勯棶棰樻洿涓哄鏉傦紝浠栦滑鏃㈣涓...
绛旓細Bootsnipp鈥斺斿湪绾鍓嶇妗嗘灦浜や簰缁勪欢鍒朵綔宸ュ叿锛屾槸涓涓緵缁欒璁″笀鍜寮鍙鑰呯殑鍩轰簬BootstrapHTML/CSS/JavaScript鏋舵瀯鐨勫厤璐瑰厓绱犮侺ayoutIt鈥斺旈氳繃鐣岄潰鎷栨斁鐢熸垚鍣ㄧ畝渚垮揩鎹峰湴鍒涘缓鍩轰簬Bootstrap鐨勫墠绔唬鐮併傞氳繃鎷栨斁鍔ㄤ綔灏咮ootstrap椋庢牸鐨勭粍浠跺姞鍏ュ埌浣犵殑涓汉璁捐閲屽苟涓斿彲浠ユ柟渚垮湴淇敼浠栦滑鐨勫睘鎬э紝绠鍗曚究鎹枫2.Fbootstrapp F...
绛旓細Web鍓嶇寮鍙戞鏋鏈塀ootstrap銆乂ue銆丄maze UI銆備竴銆丅ootstrap锛1銆丅ootstrap鏄畝娲併佺洿瑙傘佸己鎮嶇殑鍓嶇寮鍙戞鏋讹紝璁﹚eb寮鍙戞洿杩呴熴佺畝鍗曪紝鐢氳嚦杩為潪鍓嶇宸ョ▼甯堜汉鍛樹篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝璁╂墍鏈夊紑鍙戜汉鍛樻洿鍔犲揩鎹枫佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤锛屽悓鏃朵篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇2銆佷究鍒╋紝鐢眒do鍜...
绛旓細Vue妗嗘灦Vue妗嗘灦鏄鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰鐨勬笎杩涘紡妗嗘灦銆傚畠鏄彲浠ヨ嚜搴曞悜涓婇愬眰搴旂敤銆俈ue 鐨勬牳蹇冨簱鍙叧娉ㄨ鍥惧眰锛屼笂鎵嬬畝鍗曡屼笖杩樹究浜庝笌绗笁鏂瑰簱杩涜鏁村悎銆備絾鏄畠涔熸湁鑷繁鐨勪笉瓒充箣澶勫氨鏄疺ue鐨勭幇鎴愯В鍐虫柟妗堝緢灏戯紝鍥犳鍙兘闇瑕佽冭檻鍒涘缓鑷繁鐨勮В鍐虫柟妗堟潵瑙ｅ喅鍚勭闂銆傚鎮ㄦ墍瑙侊紝涓嶅悓鐨鍓嶇寮鍙戞鏋涓鸿〃鏍煎甫鏉ヤ簡涓嶅悓鐨...
绛旓細1銆丅ootstrap鏄渶娴佽鐨鍓嶇寮鍙戞鏋锛屽彲浠ヨ涓嶆槸鍓嶇宸ョ▼甯堜篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝鏇村姞蹇嵎銆佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤銆備篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇備腑鏂囧畼缃戯細http://www.bootcss.com/ 2銆丷eact 鏄疐acebook 寮鍙戠殑妗嗘灦锛岀敤浜庢瀯寤洪〉闈乯avascript搴撱備富瑕佸姛鑳芥槸瀵笵OM鎿嶄綔锛屽０鏄庡紡璁捐...
