目前web前端的主流框架有哪些 目前流行的前端框架有哪些
web\u524d\u7aef\u4e3b\u6d41\u6846\u67b6\u6709\u54ea\u4e9bbootstrap\u6846\u67b6\uff0c\u8fd9\u4e2a\u5e94\u8be5\u662f\u6240\u6709\u524d\u7aef\u5f00\u53d1\u90fd\u77e5\u9053\u5e76\u7528\u8fc7\u7684\u4e00\u4e2a\u6846\u67b6\u4e86\uff0c\u5e94\u4e3a\u8fd9\u4e2a\u662f\u76ee\u524d\u6700\u6d41\u884c\u7684\u6846\u67b6\uff0c\u4f7f\u7528\u6700\u5e7f\uff0c\u7f51\u4e0a\u6587\u6863\u8d44\u6599\u6a21\u677f\u6700\u591a\u6700\u5bb9\u6613\u67e5\u627e\u7684\u4e86\u3002\u5b83\u63d0\u4f9b\u4e86\u5f88\u591a\u6d41\u884c\u7684\u6837\u5f0f\u7b80\u6d01\u7684UI\u7ec4\u4ef6\uff0c\u6805\u683c\u7cfb\u7edf\u4ee5\u53ca\u4e00\u4e9b\u5e38\u7528\u7684JavaScript\u63d2\u4ef6\uff0c\u7b80\u6d01\u3001\u76f4\u89c2\u3001\u5f3a\u608d\uff0c\u8ba9web\u5f00\u53d1\u66f4\u8fc5\u901f\u3001\u7b80\u5355\u3002
Foundation \u662f\u4e00\u4e2a\u6613\u7528\u3001\u5f3a\u5927\u800c\u4e14\u7075\u6d3b\u7684\u54cd\u5e94\u5f0f\u524d\u7aef\u6846\u67b6\uff0c\u7528\u4e8e\u6784\u5efa\u57fa\u4e8e\u4efb\u4f55\u8bbe\u5907\u4e0a\u7684\u54cd\u5e94\u5f0f\u7f51\u7ad9\u3001 Web\u5e94\u7528\u548c\u7535\u5b50\u90ae\u4ef6\u3002\u7ed3\u6784\u8bed\u4e49\u5316\u3001\u79fb\u52a8\u8bbe\u5907\u4f18\u5148\u3001\u5b8c\u5168\u53ef\u5b9a\u5236\u3002
Semantic UI \u7ecf\u8fc7\u591a\u5e74\u7684\u52aa\u529b\u3001\u81f4\u529b\u4e8e\u53ef\u4ee5\u7528\u66f4\u8bed\u4e49\u5316\u7684\u65b9\u5f0f\u6784\u5efa\u7f51\u7ad9\u3001\u539f\u751f\u8bed\u8a00\u89c4\u5219\u8ba9\u4ee3\u7801\u66f4\u6613\u8bfb\u6613\u61c2\u3002
Amaze UI | \u4e2d\u56fd\u9996\u4e2a\u5f00\u6e90 HTML5 \u8de8\u5c4f\u524d\u7aef\u6846\u67b6\u3002Amaze UI \u4ee5\u79fb\u52a8\u4f18\u5148\uff08Mobile first\uff09\u4e3a\u7406\u5ff5\uff0c\u7ec4\u4ef6\u4e30\u5bcc\uff0c\u6a21\u5757\u5316\uff1b\u672c\u5730\u5316\u652f\u6301\uff0c \u5173\u6ce8\u4e2d\u6587\u6392\u7248\uff1b\u8f7b\u91cf\u7ea7\uff0c\u9ad8\u6027\u80fd\u3002\u5b98\u7f51\u63d0\u4f9b\u6709\u4e30\u5bcc\u7684\u6a21\u677f\u4e0b\u8f7d\u3002\u7ec7\u68a6\u7cfb\u7edfwap\u624b\u673a\u6a21\u5757\u5c31\u662f\u7528\u7684\u5c31\u662f\u8fd9\u4e2a\u3002
SUI \u662f\u4e00\u5957\u57fa\u4e8ebootstrap\u5f00\u53d1\u7684\u524d\u7aef\u7ec4\u4ef6\u5e93\uff0c\u540c\u65f6\u5979\u4e5f\u662f\u4e00\u5957\u8bbe\u8ba1\u89c4\u8303\u3002\u901a\u8fc7SUI\uff0c\u53ef\u4ee5\u975e\u5e38\u65b9\u4fbf\u7684\u8bbe\u8ba1\u548c\u5b9e\u73b0\u7cbe\u7f8e\u7684\u9875\u9762\u3002
SUI Mobile \u662f\u4e00\u5957\u57fa\u4e8e Framework7 \u5f00\u53d1\u7684UI\u5e93\u3002\u5b83\u975e\u5e38\u8f7b\u91cf\u3001\u7cbe\u7f8e\uff0c\u53ea\u9700\u8981\u5f15\u5165\u6211\u4eec\u7684CDN\u6587\u4ef6\u5c31\u53ef\u4ee5\u4f7f\u7528\uff0c\u5e76\u4e14\u80fd\u517c\u5bb9\u5230 iOS 6.0+ \u548c Android 4.0+\uff0c\u975e\u5e38\u9002\u5408\u5f00\u53d1\u8de8\u5e73\u53f0Web App\u3002
\u76ee\u524d\u6d41\u884c\u7684\u524d\u7aef\u6846\u67b6\u662fDIV+CSS
1. BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
3. BootMetro
BootMetro框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创建Windows 8 的Metro风格的网站。包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
vue,angular，react，jquery等等
vue,angular，react
绛旓細1. Bootstrap Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆炬鏋銆傛槸涓濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傛彁渚涗簡寰堝娴佽鐨勬牱寮忕畝娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜涘父鐢ㄧ殑JavaScript鎻掍欢銆2. Fbootstrapp Fbootstrapp鍩轰簬Bootstrap骞朵笖鎻愪緵浜嗚窡Facebook iframe apps鍜岃璁...
绛旓細Web鍓嶇涓绘祦妗嗘灦鏈夛細React銆乂ue銆丄ngular銆俁eact React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨凧avaScript搴擄紝涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰銆俁eact浠ュ叾楂樻晥鎬ц兘銆佺伒娲绘у拰鍙墿灞曟у彈鍒板箍娉涙杩庛俁eact閫氳繃缁勪欢鍖栫殑鏂瑰紡鏋勫缓鐣岄潰锛屼娇寰椾唬鐮佸鐢ㄥ拰鍙淮鎶ゆуぇ澶ф彁楂樸傛澶栵紝React杩樻彁渚涗簡寮哄ぇ鐨勫伐鍏锋敮鎸侊紝濡俁eact Developer Tools锛岃兘澶...
绛旓細Web鍓嶇鐨勬鏋舵湁寰堝锛屼笉鍚屽眰闈㈡墍鐢ㄥ埌鐨勪篃涓嶅悓銆傚叾涓紝涓浜涗富娴佹鏋跺涓嬫墍绀猴細Vue.js锛孊ootstrap锛孡ayui锛孉ngular锛孯eact锛孞query锛孉nt Design锛孍xtjs锛學eex锛孖onic锛孧UI锛寀niapp鈥︹︽嫇灞曪細浠涔堟槸鍓嶇妗嗘灦 鍓嶇妗嗘灦涓鑸寚鐢ㄤ簬绠鍖栫綉椤佃璁＄殑妗嗘灦锛屼娇鐢ㄥ箍娉涚殑鍓嶇寮鍙戝浠躲傝繖浜涙鏋跺皝瑁呬簡涓浜涘姛鑳斤紝姣斿html鏂...
绛旓細Web鍓嶇涓夊ぇ涓绘祦妗嗘灦锛React銆乂ue鍜孉ngular銆俁eact React鏄敱Facebook寮鍙戝苟寮婧愮殑涓涓墠绔鏋躲傚畠浠ユ瀯寤虹敤鎴风晫闈负涓伙紝鎻愪緵浜嗕竴绉嶅０鏄庡紡鐨勭紪绋嬫柟寮忥紝浣垮緱寮鍙戣呰兘澶熸洿楂樻晥鍦板垱寤哄拰绠＄悊澶嶆潅鐨刄I缁勪欢銆俁eact鐨勬牳蹇冪壒鎬у寘鎷粍浠跺寲銆佽櫄鎷烡OM浠ュ強楂樻晥鐨勬ц兘浼樺寲鏈哄埗銆俁eact鐨勭粍浠跺寲鎬濇兂浣垮緱浠ｇ爜澶嶇敤鍜屾ā鍧楀寲鏇村姞渚挎嵎...
绛旓細浣嗘彁渚涗簡鏇村ぇ鐨勭伒娲绘э紝浣垮緱寮鍙戞洿鍏峰垱鎰忋3. Vue Vue锛屾垚绔嬩簬2014骞达紝鏄笁澶ф鏋朵腑鏈鏂扮殑涓鍛樸傚畠鍚告敹浜咥ngular鍜React绛夊墠椹辫呯殑浼樼偣锛屽VirtualDOM銆佸弻鍚戞暟鎹粦瀹氥乨iff绠楁硶銆佸搷搴斿紡灞炴с佺粍浠跺寲寮鍙戠瓑锛屽苟杩涜浜嗕紭鍖栵紝浣垮緱瀹冩洿鍔犳槗鐢ㄥ拰鏄撲簬涓婃墜銆俈ue鐗瑰埆閫傚悎鍒濆鑰咃紝鍥犲叾绠鍗曠洿瑙傜殑鐗圭偣銆
绛旓細涓銆佷笁澶т富娴佹鏋讹細React銆乂ue涓嶢ngular 1. React React浠ュ叾鐙壒鐨勫０鏄庡紡璁捐锛屽睍绀轰簡楂樻晥鍜岀伒娲绘с傚畠鐨勪紭鐐瑰寘鎷細楂樻晥鎬э細React鍑熷叾杞婚噺绾ф灦鏋勶紝鎻愪緵浜嗘儕浜虹殑鎬ц兘琛ㄧ幇銆傝法娴忚鍣ㄥ吋瀹癸細瀹冨湪鍚勭娴忚鍣ㄤ笂閮借兘绋冲畾杩愯銆傛ā鍧楀寲锛氭瘡涓粍浠剁嫭绔嬶紝渚夸簬绠＄悊鍜屽鐢ㄣ傚崟鍚戞暟鎹祦锛氫繚璇佷簡鏁版嵁鐨勪竴鑷存у拰鍙拷韪...
绛旓細涓銆乄eb鍓嶇涓夊ぇ涓绘祦妗嗘灦鏄粈涔 web鍓嶇涓夊ぇ涓绘祦妗嗘灦鏈変笁涓細1.React,2.Vue,3.Angular,涓嬮潰璁╂垜浠湅鐪嬭繖涓夊ぇ涓绘祦妗嗘灦鍚勬湁鍝簺鐗圭偣浠ュ強浼樼己鐐瑰憿銆1.React 鐗圭偣锛1.澹版槑寮忚璁★紝2.楂樻晥锛3.鐏垫椿 浼樼偣锛1.閫熷害蹇紝2銆傝法娴忚鍣ㄥ吋瀹规э紝3銆傛ā鍧楀寲锛4銆傚崟鍚戞暟鎹祦锛5銆傚悓鏋勪笌绾痡avascript锛6銆傚吋瀹规уソ...
绛旓細web鍓嶇涓夊ぇ涓绘祦妗嗘灦鏄疉ngular銆React銆乂ue銆1銆丄ngular Angular鏄竴娆句紭绉鐨勫墠绔疛S妗嗘灦锛孉ngular鏈夌潃璇稿鐗规э紝鏈涓烘牳蹇冪殑鏄疢VW锛圡odel-View-Whatever锛夈佹ā鍧楀寲銆佽嚜鍔ㄥ寲鍙屽悜鏁版嵁缁戝畾銆佽涔夊寲鏍囩銆佷緷璧栨敞鍏ョ瓑绛夈侫ngular鏄竴涓瘮杈冨畬鍠勭殑鍓嶇妗嗘灦锛屽寘鍚湇鍔★紝妯℃澘锛屾暟鎹弻鍚戠粦瀹氾紝妯″潡鍖栵紝璺敱锛岃繃婊ゅ櫒锛屼緷璧...
绛旓細1銆丅ootstrap Twitter鍑哄搧鐨凚ootstrap鍦ㄤ笟鐣屾槸闈炲父鍙楁杩庣殑锛屼互鑷充簬鏈夊緢澶鍓嶇妗嗘灦閮藉湪鍏跺熀纭涓婂紑鍙戯紝濡傛垜浠啛鎮夌殑WeX5灏辨槸鍦˙ootstrap婧愮爜鍩虹涓婁紭鍖栬屾潵鐨勩傛垜鐩镐俊澶у鏁版帴瑙﹁繃鍓嶇寮鍙戠殑鍚屽澶氬皯閮戒簡瑙ｈ繃杩欎釜浼樼鐨勫墠绔鏋躲侭ootstrap鏄熀浜嶩TML銆丆SS鍜孞avascript鐨勶紝瀹冪畝娲佺伒娲伙紝鍙互浣垮緱Web寮鍙戞洿鍔犳晱鎹枫傚畠...
绛旓細1銆乿ue-element-admin 涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙戠殑鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛锛屽苟涓旀湁鐩稿叧鐨勭ぞ鍖哄拰缁存姢浜哄憳锛屽紑鍙戞椂閬囧埌闂涔熶笉瑕佹厡銆2銆丄dmianLTE 闈炲父娴佽鐨勫熀浜嶣ootstrap 3.x鐨勫厤璐瑰悗鍙癠I妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝鐨勫悗鍙扮鐞嗙郴缁熸ā鏉匡紝姣忎釜...
