前端开发框架都有哪些 web前端开发框架有哪些
\u524d\u7aef\u5f00\u53d1\u6846\u67b6\u6709\u54ea\u4e9b\uff1f\u524d\u7aef\u6846\u67b6\u597d\u4e0d\u597d\u7528\u8fd8\u662f\u8981\u770b\u5177\u4f53\u60c5\u51b5\u5206\u6790\uff0c\u6211\u8fd9\u91cc\u7ed9\u4f60\u63a8\u8350\u51e0\u4e2a\u5e38\u7528\u7684\u6846\u67b6\uff0c\u53ef\u4ee5\u6309\u9700\u4f7f\u7528\u3002
1\u3001vue-element-admin
\u4e00\u4e2a\u57fa\u4e8evue2.0\u548cElement\u7684\u63a7\u5236\u9762\u677fUI\u6846\u67b6\uff0c\u8fd9\u662f\u4f7f\u7528vue\u6280\u672f\u6808\u5f00\u53d1\u7684\u524d\u7aef\u7a0b\u5e8f\u5458\u7684\u9996\u9009\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u6a21\u677f\u5df2\u7ecf\u975e\u5e38\u6210\u719f\u4e86\uff0c\u5e76\u4e14\u6709\u76f8\u5173\u7684\u793e\u533a\u548c\u7ef4\u62a4\u4eba\u5458\uff0c\u5f00\u53d1\u65f6\u5019\u9047\u5230\u95ee\u9898\u4e5f\u4e0d\u8981\u614c\u3002
2\u3001AdminLTE
\u975e\u5e38\u6d41\u884c\u7684\u57fa\u4e8eBootstrap 3.x\u7684\u514d\u8d39\u7684\u540e\u53f0UI\u6846\u67b6\uff0c\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u8001\u724c\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u6bcf\u4e2a\u9875\u9762\u90fd\u662f\u5355\u72ec\u7684html\u7f51\u9875\uff0c\u9002\u5408\u524d\u7aef\u5165\u95e8\u65b0\u624b\u7528\u6765\u505a\u9879\u76ee\u3002
3\u3001ant-design-pro
\u8fd9\u4e2a\u5c31\u4e0d\u591a\u8bf4\u4e86\uff0c\u9009\u62e9react\u6280\u672f\u6808\u7684\u7ae5\u978b\u4eec\u5fc5\u7136\u79bb\u4e0d\u5f00\u8fd9\u4e2a\u4f18\u79c0\u5f00\u7bb1\u5373\u7528\u7684\u4e2d\u53f0\u524d\u7aef/\u8bbe\u8ba1\u89e3\u51b3\u65b9\u6848\uff0c\u6587\u6863\u9f50\u5168\uff0c\u7ec4\u4ef6\u4e30\u5bcc\uff0c\u4e00\u952e\u751f\u6210\u6a21\u677f\uff0c\u66f4\u652f\u6301\u5f00\u542f\u590d\u5236\u7c98\u8d34\u6a21\u5f0f\u54e6\u3002
4\u3001ng2-admin
\u8fd9\u662f\u57fa\u4e8eAngular 2\u3001Bootstrap 4\u548cwebpack\u7684\u540e\u53f0\u7ba1\u7406\u9762\u677f\u6846\u67b6\uff0c\u8981\u6536\u524d\u9762\u5df2\u7ecf\u6709\u4e86React\u548cvue\u6280\u672f\u6808\u7684\u6a21\u677f\uff0c\u90a3\u600e\u4e48\u80fd\u5c11\u4e86ng\u7684\uff1f\u867d\u7136\u5728\u56fd\u5916\u7528\u7684\u6bd4\u8f83\u591a\uff0c\u56fd\u5185\u8f83\u5c11\u4f7f\u7528\uff0c\u4f46\u4e1d\u6beb\u4e0d\u5f71\u54cdng\u4f5c\u4e3a\u524d\u7aef\u6846\u67b6\u4e09\u5de8\u5934\u4e4b\u4e00\u7684\u5730\u4f4d\u3002
5\uff1aGentelella
Gentelella \u662f\u4e00\u4e2a\u53ef\u514d\u8d39\u4f7f\u7528\u7684 Bootstrap \u7ba1\u7406\u754c\u9762\u6a21\u7248\uff0c\u4f7f\u7528\u7fa4\u4f53\u6bd4\u8f83\u5e7f\u6cdb\u3002\u8fd9\u4e2a\u6a21\u7248\u4f7f\u7528\u9ed8\u8ba4\u7684 Bootstrap 3\u7684\u6837\u5f0f\uff0c\u8fd8\u6709\u4e00\u7cfb\u5217\u529f\u80fd\u5f3a\u5927\u7684 jQuery \u63d2\u4ef6\u548c\u5de5\u5177\uff0c\u53ef\u5feb\u901f\u521b\u5efa\u7ba1\u7406\u754c\u9762\u6a21\u7248\u6216\u8005\u540e\u53f0\u7684 Dashboard\u3002
6\uff1aiview-admin
iView admin \u662f\u57fa\u4e8e iView \u7684 Vue 2.0 \u63a7\u5236\u9762\u677f\u3002\u642d\u914d\u4f7f\u7528 iView UI \u7ec4\u4ef6\u5e93\u5f62\u6210\u7684\u4e00\u5957\u540e\u53f0\u96c6\u6210\u89e3\u51b3\u65b9\u6848 \u3002
7\uff1ablur-admin
BlurAdmin \u662f\u4e00\u6b3e\u4f7f\u7528 AngularJs + Bootstrap\u5b9e\u73b0\u7684\u5355\u9875\u7ba1\u7406\u7aef\u6a21\u7248\uff0c\u89c6\u89c9\u51b2\u51fb\u6781\u5f3a\u7684\u7ba1\u7406\u540e\u53f0\uff0c\u5404\u79cd\u52a8\u753b\u6548\u679c\u3002
8\uff1avue-manage-system
vue-manage-system\uff0c\u4e00\u4e2a\u57fa\u4e8e Vue.js \u548c element-ui\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u6a21\u677f\uff0c\u633a\u559c\u6b22\u8fd9\u4e2a\u754c\u9762\u7684UI\uff0c\u7b80\u7ea6\u6e05\u6670\u4e0d\u7d2f\u8d58\uff0c\u591a\u529f\u80fd\u7684\u540e\u53f0\u6846\u67b6\u6a21\u677f\uff0c\u9002\u7528\u4e8e\u7edd\u5927\u90e8\u5206\u7684\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\u5f00\u53d1\u3002
9\uff1amaterial-dashboard
\u57fa\u4e8e Bootstrap 4 \u548c Material \u98ce\u683c\u7684\u63a7\u5236\u9762\u677f\u3002Material Dashboard \u662f\u4e00\u4e2a\u5f00\u6e90\u7684 Material
Bootstrap Admin\uff0c\u5176\u8bbe\u8ba1\u7075\u611f\u6765\u81ea\u8c37\u6b4c\u7684 Material Design \u3002
10\uff1ad2-admin
D2Admin \u662f\u4e00\u4e2a\u5b8c\u5168 \u5f00\u6e90\u514d\u8d39 \u7684\u4f01\u4e1a\u4e2d\u540e\u53f0\u4ea7\u54c1\u524d\u7aef\u96c6\u6210\u65b9\u6848\uff0c\u57fa\u4e8e vue.js \u548c ElementUI \u7684\u7ba1\u7406\u7cfb\u7edf\u524d\u7aef\u89e3\u51b3\u65b9\u6848 \uff0c\u5c0f\u4e8e 60kb\u7684\u672c\u5730\u9996\u5c4f js \u52a0\u8f7d,\u5df2\u7ecf\u505a\u597d\u5927\u90e8\u5206\u9879\u76ee\u524d\u671f\u51c6\u5907\u5de5\u4f5c
11\uff1avuestic-admin
vuestic-admin\u7ba1\u7406\u53f0\u4eea\u8868\u76d8\u662f\u4e00\u4e2a\u54cd\u5e94\u5f0f\u7684\u4eea\u8868\u76d8\u6a21\u677f\uff0c\u91c7\u7528Bootstrap4\u548cVue.js\u6784\u5efa\u3002\u8fd9\u4e2a\u7cbe\u7f8e\u7684\u7ba1\u7406\u53f0\u6a21\u677f\u63d0\u4f9b\u4e86\u81ea\u5b9a\u4e49\u5143\u7d20\u7ec4\u4ef6\uff0c\u5982\u5730\u56fe\uff0c\u804a\u5929\uff0c\u4e2a\u4eba\u8d44\u6599\u5361\uff0c\u56fe\u6807\uff0c\u8fdb\u5ea6\u6761\u7b49\uff0c\u4ee5\u53ca\u7528\u4e8e\u767b\u5f55\u548c\u6ce8\u518c\u7684\u9884\u5efa\u9875\u9762\u3002
\u5e38\u89c1\u7684web\u524d\u7aef\u5f00\u53d1\u6846\u67b6\u5982\u4e0b\uff1a
1\u3001Bootstrap\uff1a
\u4e3b\u6d41\u6846\u67b6\u4e4b\u4e00\uff0cBootstrap \u662f\u57fa\u4e8e HTML\u3001CSS\u3001JavaScript\u7684\uff0c\u5b83\u7b80\u6d01\u7075\u6d3b\uff0c\u4f7f\u5f97 Web \u5f00\u53d1\u66f4\u52a0\u5feb\u6377\u3002
2\u3001html5-boilerplate\uff1a
\u8be5\u6846\u67b6\u53ef\u4ee5\u5feb\u901f\u6784\u5efa\u5065\u58ee\uff0c\u4e14\u9002\u5e94\u529b\u5f3a\u7684web app\u6216\u7f51\u7ad9\u3002
3\u3001Meteor\uff1a
Meteor\u662f\u65b0\u4e00\u4ee3\u7684\u5f00\u53d1\u5373\u65f6web\u5e94\u7528\u7684\u5f00\u6e90\u6846\u67b6\uff0c\u5b83\u80fd\u5728\u8f83\u77ed\u65f6\u95f4\u5185\u5b8c\u6210\u5f00\u53d1\u3002
4\u3001Materialize\uff1a
\u57fa\u4e8e\u6750\u6599\u8bbe\u8ba1\u7684\u73b0\u4ee3\u5316\u54cd\u5e94\u5f0f\u524d\u7aef\u6846\u67b6\u3002\u53ef\u63d0\u4f9b\u9ed8\u8ba4\u7684\u6837\u5f0f\uff0c\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002\u6b64\u5916\uff0cMaterialize\u8fd8\u6539\u8fdb\u52a8\u753b\u548c\u8fc7\u6e21\uff0c\u4e3a\u5f00\u53d1\u4eba\u5458\u63d0\u4f9b\u6d41\u7545\u7684\u4f53\u9a8c\u3002
5\u3001Amaze UI\uff1a
\u56fd\u5185\u9996\u4e2a\u5f00\u6e90HTML5\u8de8\u5c4f\u524d\u7aef\u6846\u67b6\u4ea7\u54c1\u7cfb\u5217\uff0c\u4e2d\u6587\u6392\u7248\u652f\u6301\u66f4\u4f18\u3001\u672c\u571f\u5316\u7ec4\u4ef6\u4e30\u5bcc\u3002\u8be5\u4ea7\u54c1\u7cfb\u5217\u4e2d\u6709\u4e13\u95e8\u9488\u5bf9\u79fb\u52a8\u7aef\u7684HTML5\u6df7\u5408\u5e94\u7528\u5f00\u53d1\u6846\u67b6Amaze UI Touch\u4ee5\u53ca\u9488\u5bf9\u8de8\u5c4fHTML5\u7f51\u9875\u5f00\u53d1\u7684Amaze UI Web\u3002
\u6269\u5c55\u8d44\u6599\uff1a
web\u6846\u67b6\u7a0b\u5e8f\u7684\u4f5c\u7528\uff1a
Web\u6846\u67b6\u4f7f\u5f97\u5728\u8fdb\u884cWeb\u5e94\u7528\u5f00\u53d1\u7684\u65f6\u5019\uff0c\u51cf\u5c11\u4e86\u5de5\u4f5c\u91cf\u3002Web\u6846\u67b6\u4e3b\u8981\u7528\u4e8e\u52a8\u6001\u7f51\u7edc\u5f00\u53d1\uff0c\u52a8\u6001\u7f51\u7edc\u4e3b\u8981\u662f\u6307\u73b0\u5728\u7684\u4e3b\u8981\u7684\u9875\u9762\uff0c\u53ef\u4ee5\u5b9e\u73b0\u6570\u636e\u7684\u4ea4\u4e92\u548c\u4e1a\u52a1\u529f\u80fd\u7684\u5b8c\u5584\u3002
\u4f7f\u7528Web\u6846\u67b6\u8fdb\u884cWeb\u5f00\u53d1\u7684\u65f6\u5019\uff0c\u5728\u8fdb\u884c\u6570\u636e\u7f13\u5b58\u3001\u6570\u636e\u5e93\u8bbf\u95ee\u3001\u6570\u636e\u5b89\u5168\u6821\u9a8c\u7b49\u65b9\u9762\uff0c\u4e0d\u9700\u8981\u81ea\u5df1\u518d\u91cd\u65b0\u5b9e\u73b0\uff0c\u800c\u662f\u5c06\u4e1a\u52a1\u903b\u8f91\u76f8\u5173\u7684\u4ee3\u7801\u5199\u5165\u6846\u67b6\u5c31\u53ef\u4ee5\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u901a\u8fc7\u5bf9Web\u6846\u67b6\u8fdb\u884c\u4e3b\u89c2\u4e0a\u7684\u201c\u7f1d\u7f1d\u8865\u8865\u201d\uff0c\u5c31\u53ef\u4ee5\u5b9e\u73b0\u81ea\u5df1\u8fdb\u884cWeb\u5f00\u53d1\u7684\u9700\u6c42\u4e86\u3002
\u4ee5PHP\u4e3a\u4f8b\uff0cPHP\u53ef\u4ee5\u5728apache\u670d\u52a1\u5668\u4e0a\u8fdb\u884cWeb\u5f00\u53d1\uff0c\u800c\u4e0d\u5fc5\u4f7f\u7528\u6846\u67b6\u3002\u4f7f\u7528PHP\u8fdb\u884c\u5f00\u7684\u65f6\u5019\uff0c\u5728\u4e0d\u9002\u7528\u6846\u67b6\u7684\u60c5\u51b5\u4e0b\uff0c\u6570\u636e\u5e93\u8fde\u63a5\u5c31\u9700\u8981\u81ea\u5df1\u6765\u5b9e\u73b0\uff0c\u9875\u9762\u7684\u751f\u6210\u548c\u663e\u793a\u4e5f\u662f\u4e00\u6837\u3002\u6bd4\u5982\u6846\u67b6\u7684\u8bdd\u53ef\u4ee5\u5b8c\u6210\u907f\u514dsql\u6ce8\u5165\u7684\u5de5\u4f5c\uff0c\u800c\u4f7f\u7528PHP\u5728\u4e0d\u7528\u6846\u67b6\u7684\u60c5\u51b5\u4e0b\uff0c\u8fd9\u90e8\u5206\u8981\u81ea\u5df1\u505a\u3002
\u53c2\u8003\u8d44\u6599\u6765\u6e90\uff1a\u767e\u5ea6\u767e\u79d1-\u524d\u7aef\u5f00\u53d1
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
3. BootMetro
BootMetro框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
4. Kickstrap
Kickstrap是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。
5. Foundation
Foundation 是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。Foundation在构建的时候秉承移动优先的策略，它拥有大量实用的语义化功能，并且使用Zepto类库来取代jQuery，这样可以带来更好的用户体验，并且提高运行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5，CSS以及JavaScript工具包，可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。
7. Gumby
Gumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。
它的流式-固定布局（fluid-fixed layout）可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局，包括多列混杂的嵌套模式。Gumby提供两套PSD的模板，方便你在12列和16列的网格系统上进行设计。
8. HTML KickStart
HTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干净，符合标准以及跨浏览器兼容的代码。
这款框架提供了多种样式表，包括网格，排版，表单，按钮，表格，列表以及一些跨浏览器兼容的web组件比如JavaScript的幻灯片功能，tabs，面包屑导航，包含子菜单的菜单以及工具提示等等。
9. IVORY
IVORY 是一款轻量，简单但是强大的前端框架，可以用于320到1200像素宽度的响应式布局。它基于12列的响应式网格布局，包含表格，按钮，表格，分页，拨动开关，工具提示，手风琴，选项卡等网站中常用的组件和样式。
10.Kube
最后，如果你的新项目需要一款实在的，不需要复杂的额外功能组件的，足够简单的框架，那么 Kube 将会是你正确的选择。Kube是一款最小化的，支持响应式的前端框架，它没有强加的样式设计，因此给了你充分的自由来开发自己的样式表。它提供了一些web元素的基本样式，比如网格，表单，排版，表格，按钮，导航，链接以及图片等等。
web前端的三大主流框架主要是React、Vue.js、Angular。
React
React框架是起源于Facebook的项目，可以轻易地解决跨浏览器兼容的问题，主要是通过对DOM的模拟减少与DOM的交互做到的。React的模块化把组件进行了隔离，出现问题的时候更方便程序员对其进行修改，而且由于JavaScript，因此更有利于搜索引擎的优化。
优点：引入了一个叫作虚拟DOM的概念，运行速度快；提供了标准化的API，解决了跨浏览器问题、兼容性更好；代码更加模块化，重用代码更容易，可维护性高。
缺点：React是目标是UI组件，通常可以和其它框架组合使用，并不适合单独做一个完整的框架。
Vue
Vue是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果，大多程序员在学习新框架的时候都会先从Vue开始。Vue比较简单，官方文档介绍的很清楚，可以非常快速的通过异步批处理的方式对DOM进行更新，也能把可复用的、解耦的组件组合在一起使用，更能允许多种模块的安装，场景使用也更加灵活。
优点：渐进式构建能力是Vue.js最大的优势，Vue有一个简洁而且合理的架构，使得它易于理解和构建。Vue有一个强大的充满激情人群的社区，这为Vue.js增加了巨大的价值，使得为一个空白项目创建一个综合的解决方案变得十分容易。
缺点：在模型-视图应用程序和状态容器类型的应用程序之间的互相转换可能会令人感到困惑；它类似于Web组件的模式，而不是真正的Web组件。
Angular
Angular拥有很好的应用程序，是一个以JavaSpript编写的库，模板功能也异常强大，本身就带有丰富的Angular指令。一方面可以通过指令扩宽HTML，一方面可以通过表达式绑定数据到HTML。
优点：模板功能强大丰富并且是声明式的，是一个比较完善的前端MVC框架，自带了丰富的Angular指令；ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易地写出可复用的代码，对于敏捷开发的团队来说非常有帮助。
缺点：验证功能错误信息显示比较薄弱，需要写很多模板标签；ngView只能有一个，不能嵌套多个视图；比较笨重，没有让用户选择一个轻量级的版本。
绛旓細涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙鐨鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛浜嗭紝骞朵笖鏈夌浉鍏崇殑绀惧尯鍜岀淮鎶や汉鍛橈紝寮鍙戞椂鍊欓亣鍒伴棶棰樹篃涓嶈鎱屻2銆丄dminLTE 闈炲父娴佽鐨勫熀浜嶣ootstrap 3.x鐨勫厤璐圭殑鍚庡彴UI妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝鐨勫悗鍙扮鐞嗙郴缁熸ā鏉匡紝姣忎釜椤甸潰閮芥槸鍗曠嫭鐨刪tml...
绛旓細Web鍓嶇寮鍙戞鏋舵湁Bootstrap銆乂ue銆丄maze UI銆備竴銆丅ootstrap锛1銆丅ootstrap鏄畝娲併佺洿瑙傘佸己鎮嶇殑鍓嶇寮鍙戞鏋讹紝璁﹚eb寮鍙戞洿杩呴熴佺畝鍗曪紝鐢氳嚦杩為潪鍓嶇宸ョ▼甯堜汉鍛樹篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝璁╂墍鏈夊紑鍙戜汉鍛樻洿鍔犲揩鎹枫佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤锛屽悓鏃朵篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇2銆佷究鍒╋紝鐢眒do鍜...
绛旓細浠婂ぉ鍦ㄦ枃绔犱腑灏嗕负澶у璇︾粏浠嬬粛鍑犵鍓嶇妗嗘灦锛屽叿鏈変竴瀹氱殑鍙傝冧綔鐢紝甯屾湜瀵瑰ぇ瀹舵湁鎵甯姪甯哥敤妗嗘灦浠嬬粛锛欱ootstrap妗嗘灦Bootstrap鏄綋浠婂彲鐢ㄧ殑鍓嶇妗嗘灦涓渶鍙楁杩庣殑锛屽畠鍏锋湁鐩磋锛屾椂灏氱殑鐣岄潰鑰屼笖鍔熻兘寮哄ぇ鍙互鏇村揩鏇磋交鏉剧殑瀹炵幇web寮鍙鑰屼笖涓嶉渶瑕佹崋缁戦檮浠跺氨鍙互浣跨敤璁稿绗笁鏂规彃浠讹紝澶у鏁版祻瑙堝櫒閮芥敮鎸佸畠锛岃屼笖瀹冩彁渚涗簡...
绛旓細杩欐槸涓涓瀯寤烘暟鎹┍鍔╓eb鐣岄潰鐨勬笎杩涘紡妗嗘灦銆俈ue.js鐨勭洰鏍囨槸閫氳繃灏藉彲鑳界畝鍗曠殑API瀹炵幇鍝嶅簲鍜岀粍鍚堣鍥剧粍浠剁殑鏁版嵁缁戝畾銆俈ue鏄ā鍧楀弸濂界殑锛屽彲浠ラ氳繃NPM銆侀矋灏旀垨Duo瀹夎銆傚畠涓嶄細寮哄埗浣犳墍鏈夌殑浠ｇ爜閮介伒寰狝ngular鐨勫悇绉嶈瀹氾紝浣跨敤鍦烘櫙鏇村姞鐏垫椿銆備互涓婁笁涓槸鎴戠粰澶у浠嬬粛鐨剋eb鍓嶇涓绘祦妗嗘灦銆傚笇鏈涙垜鐨勫洖绛斿浣犳湁甯姪銆
绛旓細2銆丷eact 鏄疐acebook 寮鍙戠殑妗嗘灦锛岀敤浜庢瀯寤洪〉闈乯avascript搴撱備富瑕佸姛鑳芥槸瀵笵OM鎿嶄綔锛屽０鏄庡紡璁捐锛屾洿蹇殑寮鍙戝嚭web搴旂敤绯荤粺 瀹樼綉鍦板潃锛歨ttp://react-china.org/ 3銆丼emantic UI鏄竴涓畬鍏ㄨ涔夊寲鐨鍓嶇CSS鐣岄潰寮鍙戞鏋锛岃窡 Bootstrap 姣旇捣鏉ユ洿鍔犱赴瀵屼簺锛屼笉閭ｄ箞鍗曚竴锛屽湪鐢ㄦ埛浣撻獙銆佹牱寮忛兘寰堜赴瀵 瀹樼綉鍦板潃锛...
绛旓細web鍓嶇寮鍙鐨妗嗘灦澶ц嚧鏈夊涓嬪嚑绉 1銆丅ootstrap Boostrap鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆炬鏋躲傚畠鏄竴濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傛彁渚涗簡寰堝娴佽鐨勬牱寮忕畝娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜涘父鐢ㄧ殑JavaScript鎻掍欢銆2銆丗bootstrapp Fbootstrapp鍩轰簬Bootstrap骞朵笖鎻愪緵...
绛旓細鍓嶇甯哥敤妗嗘灦姹囨伙細react妗嗘灦:create-react-app+antd锛坅ntd PC锛岀Щ鍔ㄧ閮芥湁锛塽mi+dva+antd ant design pro锛堢鐞嗙郴缁燂級ReactNative锛坅pp娣峰悎寮鍙锛2.vue妗嗘灦锛歷ue-cli+element-ui鎴杋view锛圥C锛岀Щ鍔ㄧ锛屽皬绋嬪簭閮芥湁锛塿ue-element-admin锛堢鐞嗙郴缁燂級vue-cli3+cordova鎴栬厀eex锛坅pp娣峰悎寮鍙戯級3.Flutter锛坅pp...
绛旓細web鍓嶇涓夊ぇ涓绘祦妗嗘灦閮鏄疉ngular銆丷eact銆乂ue銆1銆丄ngular Angular鍘熷悕angularJS璇炵敓浜2009骞达紝涔嬪墠鎴戜滑閮芥槸鐢╦query寮鍙锛岃嚜浠巃ngular鐨勫嚭鐜拌鎴戜滑鏈変簡鏂扮殑閫夋嫨锛屽畠鏈澶х殑鐗圭偣鏄妸鍚庣鐨勪竴浜涘紑鍙戞ā寮忕Щ妞嶅埌鍓嶇鏉ュ疄鐜帮紝濡侻VC銆佷緷璧栨敞鍏ョ瓑銆2銆丷eact React锛宖acebook鍑哄搧锛屾寮忕増鎺ㄥ嚭鏄湪2013骞达紝姣攁ngular鏅氫簡...
绛旓細2.鏄竴涓瘮杈冨畬鍠勭殑鍓嶇妗嗘灦锛屽寘鍚湇鍔★紝妯℃澘锛屾暟鎹弻鍚戠粦瀹氾紝妯″潡鍖栵紝璺敱锛岃繃婊ゅ櫒锛屼緷璧栨敞鍏ョ瓑鎵鏈夊姛鑳斤紱3.鑷畾涔夋寚浠わ紝鑷畾涔夋寚浠ゅ悗鍙互鍦ㄩ」鐩腑澶氭浣跨敤銆4.ng妯″潡鍖栨瘮杈冨ぇ鑳嗙殑寮曞叆浜咼ava鐨勪竴浜涗笢瑗匡紙渚濊禆娉ㄥ叆锛夛紝鑳藉寰堝鏄撶殑鍐欏嚭鍙鐢ㄧ殑浠ｇ爜锛屽浜庢晱鎹寮鍙鐨勫洟闃熸潵璇撮潪甯告湁甯姪銆5.angularjs鏄簰鑱...
绛旓細Web鍓嶇妗嗘灦涔媀ue.jsvue.js浼樺娍浠嬬粛锛氭笎杩涘紡鏋勫缓鑳藉姏鏄痸ue.js鏈澶х殑浼樺娍锛寁ue鏈変竴涓畝娲佽屼笖鍚堢悊鐨勬灦鏋勶紝浣垮緱瀹冩槗浜庣悊瑙ｅ拰鏋勫缓銆倂ue-element-admin涓涓熀浜巚ue0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙鐨勫墠绔▼搴忓憳鐨勯閫夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛浜嗭紝骞朵笖鏈夌浉鍏崇殑绀惧尯鍜岀淮鎶や汉鍛橈紝寮鍙戞椂鍊...
