前端框架有哪些

前端框架有：1、Bootstrap框架；2、Foundation框架；3、Angular框架；4、React框架；5、VueJS框架；6、Node.Js。

前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等）。前段框架的好处：对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力。

而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化代码，保证体验的最佳，更要考虑与市面上各大浏览器的兼容性，还需顾及Web前端表现层和前后端交互的架构。

以及模化、通用类库、框架编写等一系列问题，由此提升前端开发的效率，降低开发成本和周期。框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，同时前端功能越来越强大而产生的前端框架，所以开发web产品就很必要用前端框架（前端架构）。

鍓嶇寮鍙妗嗘灦閮鏈夊摢浜
绛旓細鍓嶇寮鍙戞鏋舵湁澶氱锛甯歌鐨勪富瑕佸寘鎷珺ootstrap銆丷eact銆乂ue.js銆丄ngular绛銆1. Bootstrap锛氳繖鏄竴绉嶉潪甯告祦琛岀殑鍓嶇寮鍙戞鏋讹紝涓昏鐢ㄤ簬鍒涘缓鍝嶅簲寮忓拰绉诲姩浼樺厛鐨勭綉椤点侭ootstrap鍖呭惈浜嗚澶欳SS鍜孞avaScript缁勪欢锛屽彲浠ヨ繀閫熸瀯寤虹綉椤靛竷灞鍜岃璁°傚叾鍖呭惈浜嗗ぇ閲忛璁捐鐨勬ā鏉垮拰缁勪欢锛屾柟渚垮紑鍙戣呬娇鐢℉TML鍜孋SS鏉ヨ璁″拰鏋勫缓...

鍓嶇鐨妗嗘灦鏈夊摢浜
绛旓細鍓嶇妗嗘灦鏈夊绉嶏紝甯歌鐨勪富瑕佹湁React銆乂ue銆丄ngular绛銆1. React React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨勫紑婧愬墠绔鏋躲傚畠涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰锛屽挨鍏舵搮闀垮鐞嗗ぇ閲忔暟鎹殑娓叉煋鍜屽姩鎬佷氦浜掋俁eact閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜澶嶇敤鍜屾媶鍒嗘洿涓烘柟渚裤傚叾铏氭嫙DOM鎶鏈兘鏈夋晥鎻愰珮椤甸潰鍔犺浇閫熷害鍜屾ц兘銆2. Vue Vue鏄竴涓笎...

鍓嶇妗嗘灦鏈夊摢浜
绛旓細鍓嶇妗嗘灦鏈夛細1銆丅ootstrap妗嗘灦锛2銆丗oundation妗嗘灦锛3銆丄ngular妗嗘灦锛4銆丷eact妗嗘灦锛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妯℃澘锛岄傚悎鍝嶅簲寮忋...

web鍓嶇涓绘祦妗嗘灦鏈夊摢浜
绛旓細Web鍓嶇涓绘祦妗嗘灦鏈夛細React銆乂ue銆丄ngular銆俁eact React鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨凧avaScript搴擄紝涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰銆俁eact浠ュ叾楂樻晥鎬ц兘銆佺伒娲绘у拰鍙墿灞曟у彈鍒板箍娉涙杩庛俁eact閫氳繃缁勪欢鍖栫殑鏂瑰紡鏋勫缓鐣岄潰锛屼娇寰椾唬鐮佸鐢ㄥ拰鍙淮鎶ゆуぇ澶ф彁楂樸傛澶栵紝React杩樻彁渚涗簡寮哄ぇ鐨勫伐鍏锋敮鎸侊紝濡俁eact Developer Tools锛岃兘澶...

web鍓嶇涓夊ぇ涓绘祦妗嗘灦
绛旓細Web鍓嶇涓夊ぇ妗嗘灦锛歏ue.js銆React.js銆Angular.js銆1銆乂ue.js Vuejs鐨勫彈娆㈣繋搴︾洰鍓嶆槸鏈楂樼殑锛岃屽紑鍙憊uejs鐨勫氨鏄竴涓腑鍥戒汉鍚嶅瓧鍙挨闆ㄦ邯銆俈ue鍙互閫氳繃绠娲佺殑 API 鎻愪緵楂樻晥鐨勬暟鎹粦瀹氬拰鐏垫椿鐨勭粍浠剁郴缁熴傚悓鏃讹紝灏ら洦婧夋嫨浜嗗紑婧愮殑鏂瑰紡锛屾柟渚挎洿澶氱殑寮鍙戣呬娇鐢ㄥ苟鍙備笌鍏朵腑銆俈ue 涔熶娇鐢ㄨ櫄鎷 DOM锛屽洜姝ゅ湪椤圭洰涓...

鍓嶇寮鍙戞鏋舵槸浠涔坃鍓嶇寮鍙妗嗘灦鏈夊摢浜
绛旓細甯歌鐨剋eb鍓嶇寮鍙戞鏋跺涓嬶細1銆丅ootstrap锛氫富娴佹鏋朵箣涓锛孊ootstrap鏄熀浜嶩TML銆丆SS銆丣avaScript鐨勶紝瀹冪畝娲佺伒娲伙紝浣垮緱Web寮鍙戞洿鍔犲揩鎹枫2銆乭tml5-boilerplate锛氳妗嗘灦鍙互蹇熸瀯寤哄仴澹紝涓旈傚簲鍔涘己鐨剋ebapp鎴栫綉绔欍3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙4銆...

鍓嶇h5妗嗘灦鏈夊摢浜
绛旓細鍓嶇H5妗嗘灦鏈夊涓1. Bootstrap Bootstrap鏄竴涓祦琛岀殑鍓嶇寮鍙戞鏋讹紝瀹冩敮鎸丠TML5鍜孋SS3锛屽苟鎻愪緵浜嗕赴瀵岀殑JavaScript鎻掍欢銆侭ootstrap鎻愪緵浜嗗搷搴斿紡甯冨眬锛屽彲浠ラ傚簲涓嶅悓澶у皬鐨勫睆骞曞拰璁惧锛屽寘鎷闈佸钩鏉垮拰鎵嬫満绛夈傛澶栵紝Bootstrap鎷ユ湁涓板瘜鐨勭粍浠跺簱锛屽彲浠ュ揩閫熸瀯寤虹幇浠ｅ寲鐨勭敤鎴风晫闈2. Foundation Foundation鏄彟...

鍓嶇寮鍙妗嗘灦鏄粈涔
绛旓細1銆丅ootstrap Bootstrap鏃犵枒鏄渶娴佽鐨凜SS妗嗘灦锛屽畠鏄渶鏃╃殑Web鍓嶇妗嗘灦锛岀敱Twitter寮鍙戙侭ootstrap杩樻彁渚涗簡璁稿绀轰緥鏉ュ府鍔╀綘鍏ラ棬銆2銆丳atternFly PatternFly鏄疪ed Hat鐨勫紑婧怌SS妗嗘灦锛屽拰Bootstrap涓嶅悓鐨勬槸锛孊ootstrap鏄负閭ｄ簺鎯宠鍒涘缓婕備寒缃戠珯鐨勪汉鑰岃璁＄殑锛岃孭atternFly涓昏涓撴敞浜庝紒涓氬簲鐢ㄧ▼搴忓紑鍙戜汉鍛橈紝鎻愪緵璇稿...

web鍓嶇涓夊ぇ涓绘祦妗嗘灦
绛旓細1銆丄ngular Angular鏄竴娆句紭绉鐨勫墠绔疛S妗嗘灦锛孉ngular鏈夌潃璇稿鐗规э紝鏈涓烘牳蹇冪殑鏄疢VW锛圡odel-View-Whatever锛夈佹ā鍧楀寲銆佽嚜鍔ㄥ寲鍙屽悜鏁版嵁缁戝畾銆佽涔夊寲鏍囩銆佷緷璧栨敞鍏ョ瓑绛夈侫ngular鏄竴涓瘮杈冨畬鍠勭殑鍓嶇妗嗘灦锛屽寘鍚湇鍔★紝妯℃澘锛屾暟鎹弻鍚戠粦瀹氾紝妯″潡鍖栵紝璺敱锛岃繃婊ゅ櫒锛屼緷璧栨敞鍏ョ瓑鎵鏈夊姛鑳斤紝鍦ㄨ嚜瀹氫箟鎸囦护鍚庡彲浠ュ湪椤圭洰涓...