web前端开源框架有哪些 web前端开发框架有哪些
web\u524d\u7aef\u5f00\u53d1\u7684\u6846\u67b6\u6709\u54ea\u4e9bweb\u524d\u7aef\u5f00\u53d1\u7684\u6846\u67b6\u5927\u81f4\u6709\u5982\u4e0b\u51e0\u79cd
1\u3001Bootstrap
Boostrap\u662f\u76ee\u524d\u6700\u6d41\u884c\u7528\u5f97\u6700\u5e7f\u6cdb\u7684\u4e00\u6b3e\u6846\u67b6\u3002\u5b83\u662f\u4e00\u5957\u4f18\u7f8e\uff0c\u76f4\u89c2\u5e76\u4e14\u7ed9\u529b\u7684web\u8bbe\u8ba1\u5de5\u5177\u5305\uff0c\u53ef\u4ee5\u7528\u6765\u5f00\u53d1\u8de8\u6d4f\u89c8\u5668\u517c\u5bb9\u5e76\u4e14\u7f8e\u89c2\u5927\u6c14\u7684\u9875\u9762\u3002\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\u3002
2\u3001 Fbootstrapp
Fbootstrapp\u57fa\u4e8eBootstrap\u5e76\u4e14\u63d0\u4f9b\u4e86\u8ddfFacebook iframe apps\u548c\u8bbe\u8ba1\u76f8\u540c\u7684\u529f\u80fd\u3002\u5305\u542b\u7528\u4e8e\u6240\u6709\u6807\u51c6\u7ec4\u4ef6\u7684\u57fa\u672c\u7684CSS\u548cHTML\uff0c\u5305\u62ec\u6392\u7248\u3001\u8868\u5355\u3001\u6309\u94ae\u3001\u8868\u683c\u3001\u6805\u683c\u3001\u5bfc\u822a\u7b49\u7b49\uff0c\u98ce\u683c\u4e0eFacebook\u7c7b\u4f3c\u3002
3\u3001BootMetro
BootMetro\u6846\u67b6\u7684\u7075\u611f\u6765\u81ea\u4e8eMetro UI CSS\uff0c\u57fa\u4e8eBootstrap \u6846\u67b6\u6784\u5efa\uff0c\u7528\u4e8e\u521b\u5efaWindows 8 \u7684Metro\u98ce\u683c\u7684\u7f51\u7ad9\u3002\u5b83\u5305\u62ec\u6240\u6709Bootstrap\u7684\u529f\u80fd\uff0c\u5e76\u6dfb\u52a0\u4e86\u51e0\u4e2a\u989d\u5916\u7684\u529f\u80fd\uff0c\u6bd4\u5982\u9875\u9762\u5e73\u94fa\uff0c\u5e94\u7528\u7a0b\u5e8f\u680f\u7b49\u7b49\u3002
4\u3001Kickstrap
Kickstrap\u662fBootstrap\u7684\u4e00\u4e2a\u53d8\u4f53\u3002\u5b83\u57fa\u4e8eBootstrap\uff0c\u5e76\u5728\u5b83\u7684\u57fa\u7840\u4e0a\u6dfb\u52a0\u4e86\u8bb8\u591aapp\uff0c\u4e3b\u9898\u4ee5\u53ca\u9644\u52a0\u529f\u80fd\u3002\u8fd9\u4f7f\u5f97\u8fd9\u4e2a\u6846\u67b6\u53ef\u4ee5\u5355\u72ec\u5730\u7528\u4e8e\u6784\u5efa\u7f51\u7ad9\uff0c\u800c\u4e0d\u9700\u8981\u989d\u5916\u5b89\u88c5\u4ec0\u4e48\u3002\u9700\u8981\u505a\u7684\u4ec5\u4ec5\u662f\u628a\u5b83\u653e\u5230\u7f51\u7ad9\u4e0a\uff0c\u7136\u540e\u7528\u5c31\u53ef\u4ee5\u4e86\u3002
bootstrap\u662ftwitter\u51fa\u7684\u4e00\u6b3e\u4e0d\u9519\u7684UI\u6846\u67b6\uff0c\u6216\u8005\u4e0e\u5176\u8bf4\u662f\u6846\u67b6\u4e0d\u5982\u8bf4\u662f\u7c7b\u5e93\uff08lib\uff09\uff0c\u5f53\u7136\u8fd9\u91cc\u8fb9\u7275\u626f\u5230\u4e00\u4e2a\u201c\u7a76\u7adf\u4ec0\u4e48\u662f\u6846\u67b6\u4ec0\u4e48\u662f\u7c7b\u5e93\uff1f\u201d\u7684\u95ee\u9898\uff0c\u6211\u4eec\u6682\u65f6\u4e0d\u8c08\u3002\u6bd5\u7adf\u662f\u6709\u5927\u516c\u53f8\u80cc\u666f\u7684\u4ee3\u7801\u5806\uff0c\u6211\u89c9\u5f97\u6ca1\u4ec0\u4e48\u201c\u843d\u4f0d\u201d\u53ef\u8a00\u3002
angular\u662f\u524d\u4e24\u5e74\u4e4b\u5185\u7a81\u7136\u706b\u5f97\u4e00\u584c\u7cca\u6d82\u7684\u4e00\u4e2afe\u6846\u67b6\uff0c\u8fd9\u4e2a\u6211\u89c9\u5f97\u53ef\u4ee5\u7b97\u7684\u4e0a\u662f\u771f\u6b63\u610f\u4e49\u4e0a\u7684\u6846\u67b6\u4e86\uff0cMVVM\u53cc\u5411\u7ed1\u5b9a\uff0c\u5305\u62ec\u5b83\u62e5\u6709\u8db3\u591f\u5b8c\u5584\u7684\u793e\u533a\u3001\u751f\u6001\uff0c\u751a\u81f3chrome\u4e0a\u90fd\u6709\u5f88\u591a\u597d\u7528\u7684\u76f8\u5173\u63d2\u4ef6\uff08\u8fd9\u4e00\u70b9\u53ef\u4ee5\u8bf4\u662f\u5360\u4e86google\u51fa\u54c1\u7684\u5149\uff09\uff0c\u6bd4\u8f83\u5b8c\u6574\u7684\u5927\u578b\u9879\u76ee\u90fd\u662f\u53ef\u4ee5\u8003\u8651\u5f15\u5165\u7684\u3002\u4f46\u5982\u679c\u4f60\u7684\u7f51\u7ad9\u53ea\u662f\u505a\u4e00\u4e9b\u8f7b\u91cf\u7ea7\u7684\u4e1c\u897f\uff0c\u6740\u9e21\u7109\u7528\u5bb0\u725b\u5200\u5427\u6211\u89c9\u5f97\u3002
backbone\u4e3b\u8981\u9488\u5bf9\u7684MVC\u4e2d\u7684M\u5c42\uff0c\u81f3\u5c11\u6211\u662f\u8fd9\u4e48\u7406\u89e3\u7684\u3002\u5bf9UI\u5c42\u5b83\u51e0\u4e4e\u6ca1\u4ec0\u4e48\u592a\u591a\u7684\u9650\u5236\uff0c\u4e00\u65b9\u9762\u7ed9\u51fa\u4e86coder\u81ea\u7531\u5ea6\u8fdb\u884c\u53d1\u6325\uff0c\u53e6\u4e00\u65b9\u9762\u4e5f\u7b49\u4e8e\u5728\u8fd9\u65b9\u9762\u6846\u67b6\u672c\u8eab\u5bf9\u5f00\u53d1\u6ca1\u63d0\u4f9b\u4ec0\u4e48\u592a\u5927\u7684\u5e2e\u52a9\u3002\u6211\u89c9\u5f97\u8fd9\u66f4\u50cf\u662f\u4e00\u4e2a\u9ad8\u624b\u5411\u7684\u6846\u67b6\uff0c\u53e6\u5916\u5bf9\u4e8eunderscore\u524d\u7aef\u6a21\u677f\u90a3\u4e00\u5957\u4e1c\u897f\uff0c\u8bf4\u5b9e\u8bdd\u4f5c\u4e3a\u4e00\u540dphp java\u5565\u90fd\u80fd\u5199\u7684FE\u6211\u59cb\u7ec8\u89c9\u5f97\u8fd9\u5957\u4e1c\u897f\u6709\u90a3\u4e48\u4e00\u79cd\u7eafJS\u5de5\u7a0b\u5e08\u7684\u4e00\u53a2\u60c5\u613f\u7684\u610f\u5473\u3002\u8fd9\u662f\u4e2a\u4eba\u770b\u6cd5\u4e86\uff0c\u4e0d\u4e00\u5b9a\u51c6\u786e\uff0c\u51b5\u4e14\u6709\u4eba\u4f1a\u642c\u51faajax\u52a8\u6001\u6e32\u67d3\u65f6 \u524d\u7aef\u6a21\u677f\u7684\u4f5c\u7528\u6765\u53cd\u9a73\u6211\uff0c\u522b\u6025\u7740\u53cd\u9a73\uff0c\u81f3\u5c11\u5f80\u4e0b\u770b\u5b8c\u6211\u8bf4\u7684\u8bdd\u3002
\u76f8\u6bd4\u4e4b\u4e0b\uff0creact\u53ef\u4ee5\u8bf4\u662f\u4e00\u4e2a\u5728MVC\u4e2dV\u5c42\u505a\u7684\u5341\u5206\u51fa\u8272\u548c\u65b0\u9896\u7684\u6846\u67b6\u4e86\uff0c\u72ec\u7279\u7684jsx\u7f16\u8bd1\u673a\u5236\u5c31\u5df2\u7ecf\u8ba9\u4f60\u7684\u4ee3\u7801\u53d8\u5f97\u9ad8\u5927\u4e0a\u4e86\uff0c\u6211\u662f\u89c9\u5f97\u8fd9\u4e2a\u7c7b\u5e93\u5728UI\u5c42\u505a\u7684\u66f4\u5f7b\u5e95\u66f4\u4e13\u4e1a\uff0c\u6216\u8005\u8bf4\u8ba9FE\u7684\u4ee3\u7801\u66f4\u4e13\u4e1a\u4e86\u3002\u66f4\u4f55\u51b5\uff0creact\u6bd4angular\u66f4\u5e74\u8f7b\uff0c\u800c\u4e14\u540c\u6837\u62e5\u6709\u5927\u516c\u53f8\u80cc\u666f\uff0creact native\u4e00\u51fa\u66f4\u662f\u8ba9JS\u5de5\u7a0b\u5e08\u7684\u5730\u4f4d\u53d6\u5f97\u4e86\u9769\u547d\u6027\u7684\u63d0\u5347\uff0c\uff08\u4e0d\u8981\u8ddf\u6211\u63d0phonegap\uff0c\u7528\u8fc7\u4e24\u4e2a\u4e1c\u897f\u540e\u4f60\u4f1a\u660e\u767d\uff0creact\u6253\u5305\u7684app\u6027\u80fd\u7529phonegap\u51e0\u6761\u8857\u6ca1\u95ee\u9898\uff09\u3002\u53e6\u5916\u65e2\u7136\u697c\u4e3b\u63d0\u5230\u4e86\u4e4b\u524d\u7684\u7f51\u7ad9\u662fbootstrap\uff0c\u4e0d\u59a8\u53ef\u4ee5\u770b\u4e00\u770breact-bootstrap\u8fd9\u4e2a\u4e1c\u897f\uff0c\u6216\u8bb8\u8fd9\u5c31\u662f\u4f60\u60f3\u8981\u7684\u3002
1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：
脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。
JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。
Bootstrap已经足够强大，能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。
jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似，这是一个为jQuery mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装，修改，更新以及优化都很简单方便。
StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
Bootswatch —— 提供大量免费的Bootstrap主题。
Bootsnipp —— 在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。
LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
2、flex
Apache基金会发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本
需要注意的是
2014年03月10日，Apache Flex技术社区发布了全新的Apache Flex 4.12.0版本，该版本是Apache Flex 4.11.0的升级版本，改进的功能包括：
◆支持最新版本的Flash Player
◆支持最新的AIR运行时
◆改进了内存占用和性能
◆改善了针对移动平台的组件的样式
◆支持iOS7系统
◆修复了超过80个漏洞[4]
2014年05月10日，Apache对4.12.0版本进行优化改进，发布了Flex 4.12.1，新版本加入对全新Flash Player及Air运行时的支持，改进对移动媒体查询的支持，并修复20多个Bug。
3、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。
但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦！不过一个比较大的优势是开源免费，并且界面做的还说的过去！
4、jQuery UI
jQuery UI 是一套 jQuery 的页面 UI 插件，包含很多种常用的页面空间，例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！
5、DWZ
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。
毕竟是国产的，支持一下，而且源码完全公开，可以选择一下！不过性能怎么样不敢确定！
6、GWT
Google 网页工具包——GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。
你不用去了解这样那样的javascript框架，通过java你就可以写出功能丰富的界面，可以做单元测试，毕竟是google的产品，严重支持一下！
7、YUI
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证，基本上没怎么研究过！
YUI Compressor倒是挺出名的，这套UI库不知道应用的情况怎么样！
10、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三个项目合并而成的一个新项目。
大公司的框架，并且是几样库的强强联合，值得推荐！
8、Dojo
在国内应用好像不是很广，不过性能上应该没问题。
Dojo是一个用javascript语言实现的开源DHTML工具包。
有多个基金会的支持，包括IBM和SUN，都是软件界的泰斗，值得信赖！
9、ZK
ZK是 一套以 AJAX/XUL/Java 为基础的网页应用程式开发框架，用于丰富网页应用程式的使用接口。最大的好处是，在设计AJAX网络应用程式时，轻松简便的操作就像设计桌面程式一样。 ZK包含了一个以AJAX为基础、事件驱动（event-driven）、高互动性的引擎，同时还提供了多样丰富、可重复使用的XUL与HTML组件，以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
功能丰富，全面，文档齐全，而且升级了很多次，非常值得推荐！
10、OperaMasks-UI
OperaMasks- UI是OperaMasks团队 2011下半年打造的一款轻量级前端JS组件库，旨在提供一款学习曲线低、定制性灵活、样式统一，且多浏览器支持、覆盖企业业务场景的前端 JavaScript UI组件库。目前，该团队已将这一产品以LGPL 开源协议开放给社区。
文档丰富，功能齐全，而且很容易使用和开发！而且是国产的哟！
11、JavaFX
Sun 公司(已于2009年被Oracle公司收购)在2008年12月05日发布了JavaFX技术的正式版,它使您能利用 JavaFX 编程语言开发富互联网应用程序(RIA)。JavaFX Script 编程语言（以下称为JavaFX）是Sun微系统公司开发的一种declarative, statically typed(声明性的、静态类型)脚本语言。JavaFX技术有着良好的前景，包括可以直接调用Java API的能力。因为 JavaFX Script是静态类型，它同样具有结构化代码、重用性和封装性，如包、类、继承和单独编译和发布单元，这些特性使得使用Java技术创建和管理大型程序 变为可能。
web前端开源框架有很多，给你举例几个：
1、Bootstrap是最流行的前端开发框架，可以让不是前端工程师也能开发出优美的页面，更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面，上手也非常快。
2.React 是Facebook 开发的框架，用于构建页面、javascript库。主要功能是对DOM操作，声明式设计，更快的开发出web应用系统
3、Semantic UI是一个完全语义化的前端CSS界面开发框架，跟 Bootstrap 比起来更加丰富些，不那么单一，在用户体验、样式都很丰富
4、Foundation by ZURB是开发适应各种设备上的前端框架，主要开发响应式web应用框架，提供很丰富的DEMO实例，学起来也非常方便上手，也提供丰富的图标库。
5、Amaze UI是轻量级的前端应用框架，是国内比较流行的框架，比较适用于移动端响应式开发框架，可以按照项目要求生成专属的UI框架库进行使用，组件非常丰富，可以构建出漂亮的web页面。
绛旓細瀹冧笉鏄竴涓畬鏁寸殑鍫嗘爤锛岃屾槸涓涓鐞web椤甸潰鐨鍓嶇妗嗘灦銆傚寘鍚殑涓滆タ姣旇緝瀹屽杽锛屽寘鍚ā鏉匡紝鏁版嵁鍙屽悜缁戝畾锛岃矾鐢憋紝妯″潡鍖栵紝鏈嶅姟锛岃繃婊ゅ櫒锛屼緷璧栨敞鍏ョ瓑鎵鏈夊姛鑳姐俁eact鏄竴涓寮婧鐨凧avaScript搴擄紝鐢盕acebook鍜屼竴涓ぇ鍨嬪紑鍙戣呯ぞ鍖哄叡鍚岀淮鎶ゃ傛搴(涔熷彲杞崲涓簑eb寮鍙戞鏋)骞挎硾鐢ㄤ簬寮鍙憌eb搴旂敤绋嬪簭鐨勭敤鎴风晫闈傝繖涓壒娈...
绛旓細鍓嶇寮鍙戞槸鍒涘缓web椤甸潰鎴朼pp绛夊墠绔晫闈㈠憟鐜扮粰鐢ㄦ埛鐨勮繃绋嬨傞氳繃html銆乧ss銆乯s浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗堟潵瀹炵幇浜掕仈缃戜骇鍝佺殑鐢ㄦ埛浜や簰鐣岄潰銆Web鍓嶇妗嗘灦鏈锛欱ootstrap 妗嗘灦銆丷eact 妗嗘灦銆乂ue 妗嗘灦銆丄ngular 妗嗘灦銆丗oundation 妗嗘灦銆乀ypeScript 妗嗘灦銆1銆丅ootstrap 妗嗘灦 Bootstrap 鏄綋浠婂彲鐢ㄧ殑鍓嶇妗嗘灦...
绛旓細AmazeUI杩欐槸绉颁负濡瑰瓙UI鐨寮婧愭鏋锛屾嵁绉版槸涓浗棣栦釜寮婧怘TML5璺ㄥ睆鍓嶇妗嗘灦銆傚瀛怳I浠ョЩ鍔ㄤ紭鍏堜负鐞嗗康锛屼粠灏忓睆閫愭笎鍒板ぇ灞忥紝瀹炵幇鍝嶅簲寮忕綉椤点侫mazeUI鍖呭惈20+涓狢SS缁勪欢銆20+涓狫S缁勪欢锛屾洿鏈夊涓寘鍚笉鍚屼富棰樼殑Web缁勪欢銆侫ngular锛欰ngular鏄竴娆句紭绉鐨勫墠绔疛S妗嗘灦锛孉ngular鏈夌潃璇稿鐗规э紝鏈涓烘牳蹇冪殑鏄疢VW锛圡odel-...
绛旓細2銆丄dmianLTE 闈炲父娴佽鐨勫熀浜嶣ootstrap 3.x鐨勫厤璐瑰悗鍙癠I妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝鐨勫悗鍙扮鐞嗙郴缁熸ā鏉匡紝姣忎釜椤甸潰閮芥槸鍗曠嫭鐨刪tml缃戦〉锛岄傚悎鍓嶇鍏ラ棬鏂版墜鏉ュ仛椤圭洰銆3銆丟entelella Gentelella鏄竴涓彲鍏嶈垂浣跨敤鐨凚ootstrap绠＄悊鐣岄潰妯℃澘锛屼娇鐢ㄧ兢浣撴瘮杈冨箍娉涖傝繖涓ā鏉夸娇鐢ㄩ粯璁ょ殑Bootstrap 3鐨勬牱寮忥紝杩樻湁涓绯诲垪鍔熻兘寮哄ぇ...
绛旓細杩欐槸绉颁负濡瑰瓙UI鐨寮婧愭鏋锛屾嵁绉版槸涓浗棣栦釜寮婧怘TML5璺ㄥ睆鍓嶇妗嗘灦銆傚瀛怳I浠ョЩ鍔ㄤ紭鍏堜负鐞嗗康锛屼粠灏忓睆閫愭笎鍒板ぇ灞忥紝瀹炵幇鍝嶅簲寮忕綉椤点侫maze UI鍖呭惈20+涓狢SS缁勪欢銆20+涓狫S缁勪欢锛屾洿鏈夊涓寘鍚笉鍚屼富棰樼殑Web缁勪欢銆傜浉姣斿浗澶栨鏋讹紝濡瑰瓙UI鍏虫敞涓枃鎺掔増鎻愪緵鏈湴鍖栨敮鎸併傞潰鍚慔TML5寮鍙戯紝浣跨敤CSS3鏉ュ疄鐜板姩鐢讳氦浜掞紝...
绛旓細杩欐槸绉颁负濡瑰瓙UI鐨寮婧愭鏋锛屾嵁绉版槸涓浗棣栦釜寮婧怘TML5璺ㄥ睆鍓嶇妗嗘灦銆傚瀛怳I浠ョЩ鍔ㄤ紭鍏堜负鐞嗗康锛屼粠灏忓睆閫愭笎鍒板ぇ灞忥紝瀹炵幇鍝嶅簲寮忕綉椤点侫maze UI鍖呭惈20+涓狢SS缁勪欢銆20+涓狫S缁勪欢锛屾洿鏈夊涓寘鍚笉鍚屼富棰樼殑Web缁勪欢銆傜浉姣斿浗澶栨鏋讹紝濡瑰瓙UI鍏虫敞涓枃鎺掔増鎻愪緵鏈湴鍖栨敮鎸併傞潰鍚慔TML5寮鍙戯紝浣跨敤CSS3鏉ュ疄鐜板姩鐢讳氦浜掞紝...
绛旓細web鍓嶇涓夊ぇ涓绘祦妗嗘灦閮芥槸Angular銆丷eact銆乂ue銆1銆丄ngular Angular鍘熷悕angularJS璇炵敓浜2009骞达紝涔嬪墠鎴戜滑閮芥槸鐢╦query寮鍙戯紝鑷粠angular鐨勫嚭鐜拌鎴戜滑鏈変簡鏂扮殑閫夋嫨锛屽畠鏈澶х殑鐗圭偣鏄妸鍚庣鐨勪竴浜涘紑鍙戞ā寮忕Щ妞嶅埌鍓嶇鏉ュ疄鐜帮紝濡侻VC銆佷緷璧栨敞鍏ョ瓑銆2銆丷eact React锛宖acebook鍑哄搧锛屾寮忕増鎺ㄥ嚭鏄湪2013骞达紝姣攁ngular鏅氫簡...
绛旓細Bootstrap鎻愪緵浜嗕紭闆呯殑HTML鍜孋SS瑙勮寖锛屽畠鍗虫槸鐢卞姩鎬丆SS璇█Less鍐欐垚銆侭ootstrap涓缁忔帹鍑哄悗棰囧彈娆㈣繋锛屼竴鐩存槸GitHub涓婄殑鐑棬寮婧愰」鐩紝鍖呮嫭NASA鐨凪SNBC锛堝井杞叏鍥藉箍鎾叕鍙革級鐨凚reakingNews閮戒娇鐢ㄤ簡璇ラ」鐩傚浗鍐呬竴浜涚Щ鍔ㄥ紑鍙戣呰緝涓虹啛鎮夌殑妗嗘灦锛屽WeX5鍓嶇寮婧愭鏋绛夛紝涔熸槸鍩轰簬Bootstrap婧愮爜杩涜鎬ц兘浼樺寲鑰屾潵銆
绛旓細浠婂ぉ灏忕紪瑕佽窡澶у鍒嗕韩鐨勬枃绔犳槸鍏充簬楂樿川閲Web鍓嶇妗嗘灦锛岀浉淇″緢澶歐eb鍓嶇宸ョ▼甯堥兘浼氬姝ゆ劅鍏磋叮鐨勩俉eb鍓嶇妗嗘灦灏辨槸涓轰簡鑺傜害寮鍙戞垚鏈拰鏃堕棿锛屼竴鑸紑鍙戜竴涓」鐩兘浼氱敤鍒板墠绔鏋(闄ら潪鑷繁鏈夊墠绔紑鍙戝洟闃)銆備粖澶╁皬缂栧氨涓哄ぇ瀹跺垎浜竴浜涢珮璐ㄩ噺鐨勫墠绔鏋跺笇鏈涜兘澶熷澶у鏈夋墍甯姪銆備竴銆丵UICKUIQUICKUI鏄竴濂楀畬鏁寸殑浼佷笟绾...
绛旓細鍋氬嚭鏉ヤ互鍚庯紝鍙戠幇杩欏涓滆タ寰堝ソ鐢紝灏卞湪2013骞5鏈寮婧浜嗐7.vue.js 杩戝嚑骞存渶鐏殑鍓嶇妗嗘灦褰撳睘Vue.js浜嗭紝Vue.js鏄竴涓瀯寤烘暟鎹┍鍔ㄧ殑 web 鐣岄潰鐨勬笎杩涘紡妗嗘灦銆俈ue.js 鐨勭洰鏍囨槸閫氳繃灏藉彲鑳界畝鍗曠殑 API 瀹炵幇鍝嶅簲鐨勬暟鎹粦瀹氬拰缁勫悎鐨勮鍥剧粍浠躲傚緢澶氫娇鐢ㄨ繃vue鐨勭▼搴忓憳杩欐牱璇勪环瀹冿紝鈥渧ue.js鍏煎叿angular.js鍜...
