web前端三大主流框架
web前端三大主流框架是Angular、React、Vue。
1、Angular
Angular是一款优秀的前端JS框架，Angular有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能，在自定义指令后可以在项目中多次使用。
2、React
React框架是起源于Facebook的项目，可以轻易地解决跨浏览器兼容的问题，主要是通过对DOM的模拟减少与DOM的交互做到的。React的模块化把组件进行了隔离。
3、Vue
Vue是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果，大多程序员在学习新框架的时候都会先从Vue开始。Vue比较简单，官方文档介绍的很清楚。
web前端的其他框架
1、Bootstrap：Bootstrap是让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让Web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持的JavaScript、jQuery插件以及组件定制等。
2、Backbone：Backbone是一种帮助开发重量级的javascript应用的框架，其文件本身很小，压缩后只有5.3KB，主要提供了models（模型）、collections（集合）、views（视图）三种结构，其中模型用于绑定键值数据和自定义事件，集合附有可枚举函数的丰富API，视图可以声明事件处理函数，并通过RESRfulJSON接口连接到应用程序。Backbone依赖于underscore.js，其中包含很多工具方法、集合操作、js模板等。
以上内容来自百度百科-Web前端设计与开发
绛旓細React銆鍓嶇妗嗘灦灏辨槸宸茬粡鎼缓濂戒簡鐨web鍓嶇鍩烘湰鏋舵瀯骞朵笖灏佽浜嗕竴浜涘姛鑳斤紝鍓嶇涓夊ぇ涓绘祦妗嗘灦鏄疉ngular銆丷eact銆乂ue锛屽叾涓璕eact鍔熻兘涓嶉綈鍏紝鐩稿浜庡彟澶栦袱涓槸鏈寮憋紝妗嗘灦鍙互甯姪鐪佺暐鎺変竴浜涘熀鏈殑鐩稿悓搴曞眰浠ｇ爜鐨勫弽澶嶄功鍐欙紝鍙渶璋冪敤妗嗘灦鐨勬柟娉曞氨鍙互瀹炵幇浣犳兂瑕佺殑鍔熻兘銆
绛旓細瀵逛簬鍙傚姞鏉窞Web鍓嶇鍩硅鐝殑浜烘潵璇达紝浠栦滑鐨勮绋嬪畨鎺掓槸浠庡熀纭鍒拌繘闃讹紝骞剁敱涓撲笟鐨勮佸笀寮曞鏁欏銆傚湪鍏峰涓瀹氱殑鐞嗚鍩虹涔嬪悗锛岃繕闇瑕佸涔犲墠绔鏋讹紝鐩殑鏄噺灏戦噸澶嶇殑鍔冲姩锛屾彁楂樺伐浣滄晥鐜囧苟澧炲姞瀹夊叏鎬э紝鑰岃繖涔熸槸寰堝浼佷笟鍦ㄩ潰璇曡繃绋嬩腑缁忓父鎻愰棶鐨勭煡璇嗙偣銆備粖澶╁氨缁欏ぇ瀹朵粙缁嶄竴涓Web鍓嶇涓夊ぇ涓绘祦妗嗘灦銆傜洰鍓嶆瘮杈冩祦琛岀殑鍓嶇...
绛旓細2銆丼pringBoot Spring Boot鏄敱Pivotal鍥㈤槦鎻愪緵鐨妗嗘灦锛屽叾璁捐鐩殑鏄敤鏉ョ畝鍖栨柊Spring搴旂敤鐨勫垵濮嬫惌寤轰互鍙婂紑鍙戣繃绋嬨傝妗嗘灦浣跨敤浜嗙壒瀹氱殑鏂瑰紡鏉ヨ繘琛岄厤缃紝浠庤屼娇寮鍙戜汉鍛樹笉鍐嶉渶瑕佸畾涔夋牱鏉垮寲鐨勯厤缃3銆乀hymeleaf Thymeleaf鏄潰鍚Web鍜岀嫭绔嬬幆澧冪殑鐜颁唬鏈嶅姟鍣ㄧJava妯℃澘寮曟搸锛岃兘澶熷鐞咹TML锛孹ML锛孞avaScript锛孋SS鐢氳嚦绾...
绛旓細鐩墠涓绘祦鐨勬鏋舵槸锛歏ue銆丷eact銆丄ngular涓夊ぇ妗嗘灦銆2020骞存柊澧炵殑寮鍙戞湁锛氬皬绋嬪簭浜戝紑鍙戙乺eact杞婚噺绾ф鏋禗vaJS鍜孶miJS銆乂ue浼佷笟绾у疄鎴橀」鐩笌妗嗘灦銆丗lutter銆丷eact-Native瀹炴垬椤圭洰銆傛鏋惰瑙ｏ細1.Angular Angular鍘熷悕angularJS璇炵敓浜2009骞达紝涔嬪墠鎴戜滑閮芥槸鐢╦query寮鍙戯紝鑷粠zhiangular鐨勫嚭鐜拌鎴戜滑鏈変簡鏂扮殑閫夋嫨锛宒ao瀹...
绛旓細鍓嶇棰嗗煙鏈杩戝嚑骞村彂灞曠殑鐗瑰埆杩呴燂紝鍙互璇存槸鐧惧浜夐福銆傚湪搴曞眰鐨鍓嶇妗嗘灦棰嗗煙涓紝鏈鏃╂槸jquery绉伴湼浜掕仈缃戯紝杩戜袱骞碝VVM绫诲瀷鐨勬鏋舵參鎱㈡垚涓涓绘祦锛孷ue銆丷eact鍜孉ngular涓夊ぇ妗嗘灦骞堕┚榻愰┍銆傚彲浠ヨ锛岀洰鍓嶈繖鍥涚鏄紑鍙戣呯敤鐨勬渶澶氫娇鐢ㄦ渶骞跨殑搴曞眰妗嗘灦銆備笅闈㈡牴鎹嚜宸卞伐浣滀腑銆佸叧娉ㄤ腑鐨勪竴浜涘墠绔鏋惰繘琛屼簡姊崇悊锛屽浜庣幇鍦ㄧ殑...
绛旓細缃戦〉鐨勭編涓庝笐鐢卞畠鏉ユ帶鍒讹紱JS璐熻矗浜や簰锛岀敤鎴峰拰缃戦〉浜х敓鐨勪簰鍔ㄧ敱瀹冩潵鎺у埗銆傚悇鎶鏈爤: Vue銆 React銆 灏忕▼搴忋丯ode.js銆丒CMAScript 6+銆丷eact Hooks銆乀ypeScript銆 HTML 5 妗嗘灦锛欱ootstrap銆丳atternFly銆丮aterial Components for the web銆丳ure銆丗oundation銆丅ulma銆丼keleton銆丮aterialize銆丅ootflat ...
绛旓細web鍓嶇涓昏瀛︿範Html5鍜宑ss鍒朵綔绮剧編鐨勯潤鎬侀〉闈紝涔嬪悗鏍稿績璇剧▼瀛︿範Javascript杩欓棬璇█锛屽苟浣跨敤鍚勭JS妗嗘灦鍜屽簱瀹炵幇浜や簰鎬с備互鍓嶅ぇ瀹跺父鐢ㄧ殑鏄疛Query銆丅ootstrap妗嗘灦锛岀幇鍦ㄥ舰鎴怰eact銆乂ue銆丄ngular涓夊ぇ涓绘祦妗嗘灦銆倃eb鍓嶇寮鍙戜竴鐩存槸鎺ㄩ檲鍑烘柊閫熷害鏈蹇紝寮鍙戣呮渶鐖辨姳鎬ㄣ庡涓嶅姩銆忕殑鎶鏈鍩熴傛瘡涓涓墠绔汉閮界粡鍘嗕簡涓嶆柇...
绛旓細鐢╲ue銆1銆佹槸涓绘祦鍓嶇寮鍙戞鏋躲倂ue鏄涓夊ぇ涓绘祦妗嗘灦涔嬩竴锛岀敱鍥戒汉鍒涘缓锛屽湪涓浗鎷ユ湁澶ч噺浣跨敤鑰咃紝涔熸湁寰堝閰嶅鐨勫紑婧愰」鐩紝浣跨敤鍒扮殑鏈轰細澶氾紝鑰宧5鍒欎笉鍦ㄤ富娴佸墠绔紑鍙戞鏋跺綋涓2銆佹晥鐜囬珮鏄撲笂鎵嬨倂ue鐢变簬鍏剁壒鎬х伒娲汇佺粍浠跺寲锛岄潪甯搁傚悎鍓嶅悗绔垎绂荤殑鏋舵瀯涓嬪紑鍙戯紝鏈夊涔犳垚鏈綆锛屽鏄撲笂鎵嬬殑鐗圭偣锛屼娇鐢ㄨ捣鏉ユ晥鐜囬潪甯搁珮...
绛旓細鍓嶇鐨涓绘祦妗嗘灦涓氬姟浠ｇ爜鐢涓夊ぇ妗嗘灦锛圧eact銆乂ue銆丄ngular锛夋墍涓诲鐫锛屾墦鍖呭伐鍏蜂竴鑸粛浣跨敤webpack銆丷ollup.js锛岀姸鎬佺鐞嗗櫒杩樻槸Redux銆丮obX銆侫ngular 2+ Angular 2+ 鐨勬渶澶т紭鍔垮湪浜庡畠鐨勬祦琛岀▼搴︺備篃鏈変汉璁や负瀹冨拰 Google 瀵嗗垏鐩稿叧鐨勫悕瀛楋紝浼氬奖鍝嶅洟闃熶娇鐢ㄥ畠銆侫ngular 1 鐨勮繀閫熸祦琛屾槸鍥犱负閭ｄ簺鏉ヨ嚜鍏朵粬浜や簰寮忓簲鐢...
绛旓細Frozen UI鏄竴涓紑婧愮殑绠鍗曟槗鐢紝杞婚噺蹇嵎鐨勭Щ鍔ㄧUI妗嗘灦銆傚熀浜庢墜Q鏍峰紡瑙勮寖锛岄夊彇鏈甯哥敤鐨勭粍浠讹紝鍋氭垚鎵婹鍏敤绂荤嚎鍖呭噺灏戣姹傦紝鍗囩骇鏂瑰紡鍙嬪ソ锛屾枃妗ｅ畬鍠勶紝鐩墠鍏ㄩ潰搴旂敤鍦ㄨ吘璁墜Q澧炲间笟鍔′腑銆5.uiKit uiKit鏄竴娆捐交閲忕骇銆佹ā鍧楀寲鐨鍓嶇妗嗘灦锛屽彲蹇熸瀯寤哄己澶х殑web鍓嶇鐣岄潰銆6.H-ui H-ui鏄交閲忕骇鍓嶇妗嗘灦锛...
