前端开发框架有哪些
虽然市场中有很多的前端框架，但部分UI框架是属于组件库，然而QUICK UI跟当下流行的三大底层框架React、Vue和Angular不同，QUICK UI提供了一整套前端解决方案，包括前后端分离的开发框架、100多种功能强大的UI控件、几十套精美的皮肤模板和近16万字的开发文档，满足你所以开发项目都不是问题。
1.Node.Js
Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。
Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。
2.angular.Js
描述：AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
用途：通过描述我们应该就能很好的明白AngularJS的真实用途了，MVVM，模块化，自动化双向数据绑定等等。除了简单的dom操作外，更能体现Js编程的强大。当然应用应该视场合而定。
它的出现比较早，也是曾经比较流行的前端js框架，但是今年来随着reactJS与VueJS的出现，它的热度在慢慢降低。
3.Vue.js(目前市场上的主流)
描述：Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。
目前市场上比较流行的前后端分离的开发模式，大多前端都是vueJS做的，具体的优点请大家看官方文档。
以上就是我总结的几个目前市场上最为流行的一些前端框架。
绛旓細鍓嶇寮鍙戞鏋舵湁澶氱锛甯歌鐨勪富瑕佸寘鎷珺ootstrap銆丷eact銆乂ue.js銆丄ngular绛銆1. Bootstrap锛氳繖鏄竴绉嶉潪甯告祦琛岀殑鍓嶇寮鍙戞鏋讹紝涓昏鐢ㄤ簬鍒涘缓鍝嶅簲寮忓拰绉诲姩浼樺厛鐨勭綉椤点侭ootstrap鍖呭惈浜嗚澶欳SS鍜孞avaScript缁勪欢锛屽彲浠ヨ繀閫熸瀯寤虹綉椤靛竷灞鍜岃璁°傚叾鍖呭惈浜嗗ぇ閲忛璁捐鐨勬ā鏉垮拰缁勪欢锛屾柟渚垮紑鍙戣呬娇鐢℉TML鍜孋SS鏉ヨ璁″拰鏋勫缓...
绛旓細鍓嶇妗嗘灦鏈夊绉嶏紝甯歌鐨勪富瑕佹湁React銆乂ue銆丄ngular绛銆1. React React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨勫紑婧愬墠绔鏋躲傚畠涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰锛屽挨鍏舵搮闀垮鐞嗗ぇ閲忔暟鎹殑娓叉煋鍜屽姩鎬佷氦浜掋俁eact閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜澶嶇敤鍜屾媶鍒嗘洿涓烘柟渚裤傚叾铏氭嫙DOM鎶鏈兘鏈夋晥鎻愰珮椤甸潰鍔犺浇閫熷害鍜屾ц兘銆2. Vue Vue鏄竴涓笎...
绛旓細Web鍓嶇涓绘祦妗嗘灦鏈夛細React銆乂ue銆丄ngular銆俁eact React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨凧avaScript搴擄紝涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰銆俁eact浠ュ叾楂樻晥鎬ц兘銆佺伒娲绘у拰鍙墿灞曟у彈鍒板箍娉涙杩庛俁eact閫氳繃缁勪欢鍖栫殑鏂瑰紡鏋勫缓鐣岄潰锛屼娇寰椾唬鐮佸鐢ㄥ拰鍙淮鎶ゆуぇ澶ф彁楂樸傛澶栵紝React杩樻彁渚涗簡寮哄ぇ鐨勫伐鍏锋敮鎸侊紝濡俁eact Developer Tools锛岃兘澶...
绛旓細甯歌鐨剋eb鍓嶇寮鍙戞鏋跺涓嬶細1銆丅ootstrap锛氫富娴佹鏋朵箣涓锛孊ootstrap鏄熀浜嶩TML銆丆SS銆丣avaScript鐨勶紝瀹冪畝娲佺伒娲伙紝浣垮緱Web寮鍙戞洿鍔犲揩鎹枫2銆html5-boilerplate锛氳妗嗘灦鍙互蹇熸瀯寤哄仴澹紝涓旈傚簲鍔涘己鐨剋ebapp鎴栫綉绔欍3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙4銆丮ater...
绛旓細1銆丅ootstrap Bootstrap鏃犵枒鏄渶娴佽鐨凜SS妗嗘灦锛屽畠鏄渶鏃╃殑Web鍓嶇妗嗘灦锛岀敱Twitter寮鍙戙侭ootstrap杩樻彁渚涗簡璁稿绀轰緥鏉ュ府鍔╀綘鍏ラ棬銆2銆丳atternFly PatternFly鏄疪ed Hat鐨勫紑婧怌SS妗嗘灦锛屽拰Bootstrap涓嶅悓鐨勬槸锛孊ootstrap鏄负閭ｄ簺鎯宠鍒涘缓婕備寒缃戠珯鐨勪汉鑰岃璁＄殑锛岃孭atternFly涓昏涓撴敞浜庝紒涓氬簲鐢ㄧ▼搴忓紑鍙戜汉鍛橈紝鎻愪緵璇稿...
绛旓細鍓嶇H5妗嗘灦鏈夊涓1. Bootstrap Bootstrap鏄竴涓祦琛岀殑鍓嶇寮鍙戞鏋讹紝瀹冩敮鎸丠TML5鍜孋SS3锛屽苟鎻愪緵浜嗕赴瀵岀殑JavaScript鎻掍欢銆侭ootstrap鎻愪緵浜嗗搷搴斿紡甯冨眬锛屽彲浠ラ傚簲涓嶅悓澶у皬鐨勫睆骞曞拰璁惧锛屽寘鎷闈佸钩鏉垮拰鎵嬫満绛夈傛澶栵紝Bootstrap鎷ユ湁涓板瘜鐨勭粍浠跺簱锛屽彲浠ュ揩閫熸瀯寤虹幇浠ｅ寲鐨勭敤鎴风晫闈2. Foundation Foundation鏄彟...
绛旓細Web鍓嶇涓夊ぇ妗嗘灦锛歏ue.js銆React.js銆Angular.js銆1銆乂ue.js Vuejs鐨勫彈娆㈣繋搴︾洰鍓嶆槸鏈楂樼殑锛岃屽紑鍙憊uejs鐨勫氨鏄竴涓腑鍥戒汉鍚嶅瓧鍙挨闆ㄦ邯銆俈ue鍙互閫氳繃绠娲佺殑 API 鎻愪緵楂樻晥鐨勬暟鎹粦瀹氬拰鐏垫椿鐨勭粍浠剁郴缁熴傚悓鏃讹紝灏ら洦婧夋嫨浜嗗紑婧愮殑鏂瑰紡锛屾柟渚挎洿澶氱殑寮鍙戣呬娇鐢ㄥ苟鍙備笌鍏朵腑銆俈ue 涔熶娇鐢ㄨ櫄鎷 DOM锛屽洜姝ゅ湪椤圭洰涓...
绛旓細1.Bootstrap Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆炬鏋躲傚畠鏄竴濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傚畠鎻愪緵浜嗗緢澶氭祦琛岀殑鏍峰紡绠娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜涘父鐢ㄧ殑JavaScript鎻掍欢銆侭ootstrap鏄敤鍔ㄦ佽瑷LESS鍐欑殑锛屼富瑕佸寘鎷洓閮ㄥ垎鐨勫唴瀹癸細鑴氭墜鏋垛斺斿叏灞鏍峰紡...
绛旓細鍓嶇妗嗘灦鏈夛細1銆丅ootstrap妗嗘灦锛2銆丗oundation妗嗘灦锛3銆Angular妗嗘灦锛4銆React妗嗘灦锛5銆乂ueJS妗嗘灦锛6銆丯ode.Js銆傚墠绔鏋朵竴鑸寚鐢ㄤ簬绠鍖栫綉椤佃璁＄殑妗嗘灦锛屾瘮濡傦紝jquery锛宔xtjs锛宐ootstrap绛夌瓑锛岃繖浜涙鏋跺皝瑁呬簡涓浜涘姛鑳斤紝姣斿html鏂囨。鎿嶄綔锛屾紓浜殑鍚勭鎺т欢锛堟寜閽紝琛ㄥ崟绛夌瓑锛夈傚墠娈垫鏋剁殑濂藉锛氬浜庝簰鑱旂綉鐨勪骇鍝...
绛旓細1. Twitter BootStrap 锛圓pache v2.0锛涘搷搴斿紡锛夋椂楂︺佺洿瑙傚苟涓斿己澶х殑鍓嶇妗嗘灦锛岃Web寮鍙鍙樺緱鏇村姞瀹规槗銆2. Foundation 锛圡IT锛涘搷搴斿紡锛夋渶鍏堣繘鐨勫搷搴斿紡鍓嶇妗嗘灦銆3. 960gs锛圙PL&MIT锛涘搷搴斿紡锛960gs鎻愪緵浜嗕竴涓畝鍗曠殑缃戞牸绯荤粺锛岄傚悎蹇熷紑鍙戙4. Skeleton锛圡IT锛涘搷搴斿紡锛夐潪甯告紓浜殑Web妯℃澘锛岄傚悎鍝嶅簲寮忋...
