前端框架用哪个好 前端框架怎么用？用的好处是什么
\u524d\u7aef\u6846\u67b6\u7528\u54ea\u4e2a\u597d\u3000\u30001\u3001flex
\u3000\u3000Apache\u57fa\u91d1\u4f1a\u4eca\u5929\u53d1\u5e03\u4e86Flex 4.8\u7248\u672c\uff0c\u8fd9\u662fAdobe\u5c06Flex\u6350\u732e\u7ed9Apache\u57fa\u91d1\u4f1a\u540e\u53d1\u5e03\u7684\u7b2c\u4e00\u4e2a\u7248\u672c\u3002
\u3000\u3000
\u3000\u3000\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cFlex\u76ee\u524d\u8fd8\u5728\u5b75\u5316\u9636\u6bb5\uff0c\u8fd8\u4e0d\u662fApache\u7684\u6b63\u5f0f\u9879\u76ee\uff0cFlex 4.8\u4e5f\u4e0d\u662f\u4e00\u4e2a\u6b63\u5f0f\u7684Apache\u7248\u672c\u3002
Apache\u79f0\uff0c\u8be5\u7248\u672c\u6807\u5fd7\u7740Flex\u65b0\u65f6\u4ee3\u7684\u5f00\u59cb\uff0cFlex\u7684\u672a\u6765\u5c06\u7531\u793e\u533a\u6765\u9a71\u52a8\uff0c\u800c\u4e0d\u662f\u7531\u4e00\u4e2a\u516c\u53f8\u9a71\u52a8\u3002\u5f00\u53d1\u8005\u53ef\u4ee5\u901a\u8fc7\u8d21\u732e\u4ee3\u7801\uff0c\u6765\u5e2e\u52a9\u6539\u8fdbFlex\uff0c\u5982\u4fee\u590dbug\u3001\u589e\u52a0\u529f\u80fd\u7b49\u3002
\u3000\u3000\u4eceMacromedia\u5356\u7ed9Adobe\uff0c\u7136\u540e\u53c8\u6350\u7ed9apache\uff0c\u4e0d\u77e5\u9053\u641e\u4ec0\u4e48\u540d\u5802\u3002\u4e0d\u8fc7\u8fd8\u597d\u6ca1\u6709\u7ecf\u8fc7\u5927\u5e45\u91cd\u6784\uff0c\u5426\u5219\u5c31\u771f\u7684\u662f\u60b2\u54c0\u4e86\uff01
\u3000\u30002\u3001extjs
\u3000\u3000ExtJS\u662f\u4e00\u79cd\u4e3b\u8981\u7528\u4e8e\u521b\u5efa\u524d\u7aef\u7528\u6237\u754c\u9762\uff0c\u662f\u4e00\u4e2a\u57fa\u672c\u4e0e\u540e\u53f0\u6280\u672f\u65e0\u5173\u7684\u524d\u7aefajax\u6846\u67b6\u3002
\u3000\u3000\u529f\u80fd\u4e30\u5bcc\uff0c\u65e0\u4eba\u80fd\u51fa\u5176\u53f3\u3002
\u3000\u3000\u65e0\u8bba\u662f\u754c\u9762\u4e4b\u7f8e\uff0c\u8fd8\u662f\u529f\u80fd\u4e4b\u5f3a\uff0cext\u7684\u8868\u683c\u63a7\u4ef6\u90fd\u9ad8\u5c45\u699c\u9996\u3002
\u3000\u3000
\u3000\u3000
\u3000\u3000\u534e\u4e3d\u7684\u754c\u9762\uff0c\u7075\u6d3b\u7684\u529f\u80fd\uff0c\u8fd8\u6709\u5f00\u53d1\u5de5\u5177\u90fd\u662f\u914d\u5957\u7684\uff0c\u4f46\u6709\u4e2a\u6700\u5927\u7684\u95ee\u9898\uff0c\u7528\u5c31\u5f97\u82b1\u94b1\uff01
\u3000\u30003\u3001easyui
\u3000\u3000easyui\u5e2e\u52a9\u4f60\u6784\u5efa\u4f60\u7684web\u5e94\u7528\u66f4\u52a0\u5bb9\u6613\u3002
\u3000\u3000\u5b83\u662f\u4e00\u4e2a\u57fa\u4e8ejquery\u7684\u63d2\u4ef6\uff0c\u5f00\u53d1\u51fa\u6765\u7684\u4e00\u5957\u8f7b\u91cf\u7ea7\u7684ui\u6846\u67b6\uff0c\u975e\u5e38\u5c0f\u5de7\u800c\u4e14\u529f\u80fd\u4e30\u5bcc\u3002
\u3000\u3000
\u3000\u3000\u4f46\u662f\u5979\u6709\u4e00\u4e2a\u6700\u5927\u7684\u95ee\u9898\u5c31\u662f\u4ee3\u7801\u53ea\u80fd\u627e\u5230\u4ee5\u524d\u7684\u5f00\u6e90\u7684\u7248\u672c\uff0c\u5230\u4e861.2\u4ee5\u540e\u7684\u7248\u672c\u6e90\u4ee3\u7801\u90fd\u662f\u7ecf\u8fc7\u6df7\u6dc6\u7684\uff0c\u5982\u679c\u9047\u5230\u95ee\u9898\u4fee\u6539\u8d77\u6765\u4f1a\u975e\u5e38\u9ebb\u70e6\uff01\u4e0d\u8fc7\u4e00\u4e2a\u6bd4\u8f83\u5927\u7684\u4f18\u52bf\u662f\u5f00\u6e90\u514d\u8d39\uff0c\u5e76\u4e14\u754c\u9762\u505a\u7684\u8fd8\u8bf4\u7684\u8fc7\u53bb\uff01
\u3000\u30004\u3001MiniUI
\u3000\u3000\u53c8\u4e00\u4e2a\u57fa\u4e8ejquery\u7684\u6846\u67b6\uff0c\u5f00\u53d1\u7684\u754c\u9762\u529f\u80fd\u90fd\u5f88\u4e30\u5bcc\u3002
\u3000\u3000jQuery MiniUI - \u5feb\u901f\u5f00\u53d1WebUI\u3002
\u3000\u3000\u5b83\u80fd\u7f29\u77ed\u5f00\u53d1\u65f6\u95f4\uff0c\u51cf\u5c11\u4ee3\u7801\u91cf\uff0c\u4f7f\u5f00\u53d1\u8005\u66f4\u4e13\u6ce8\u4e8e\u4e1a\u52a1\u548c\u670d\u52a1\u7aef\uff0c\u8f7b\u677e\u5b9e\u73b0\u754c\u9762\u5f00\u53d1\uff0c\u5e26\u6765\u7edd\u4f73\u7684\u7528\u6237\u4f53\u9a8c\u3002
\u3000\u3000\u4f7f\u7528MiniUI\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u5feb\u901f\u521b\u5efaAjax\u65e0\u5237\u65b0\u3001B/S\u5feb\u901f\u5f55\u5165\u6570\u636e\u3001CRUD\u3001Master-Detail\u3001\u83dc\u5355\u5de5\u5177\u680f\u3001\u5f39\u51fa\u9762\u677f\u3001\u5e03\u5c40\u5bfc\u822a\u3001\u6570\u636e\u9a8c\u8bc1\u3001\u5206\u9875\u8868\u683c\u3001\u6811\u3001\u6811\u5f62\u8868\u683c\u7b49\u5178\u578bWEB\u5e94\u7528\u7cfb\u7edf\u754c\u9762\u3002
\u3000\u3000
\u3000\u3000\u754c\u9762\u505a\u7684\u633a\u4e0d\u9519\uff0c\u529f\u80fd\u4e5f\u633a\u4e30\u5bcc\uff0c\u4f46\u662f\u6709\u4e24\u4e2a\u6bd4\u8f83\u5927\u7684\u95ee\u9898\uff0c\u4e00\u4e2a\u662f\u6536\u8d39\uff0c\u4e00\u4e2a\u662f\u6ca1\u6709\u6e90\u7801\uff0c\u8bf4\u767d\u4e86\uff0c\u4e0d\u5f00\u6e90\uff01\u57fa\u4e8e\u8fd9\u4e2a\u5f00\u53d1\u5982\u679c\u60f3\u5bf9\u529f\u80fd\u505a\u6269\u5c55\u5c31\u9700\u8981\u627e\u4ed6\u4eec\u7684\u56e2\u961f\u8fdb\u884c\u5347\u7ea7\uff01
\u3000\u30005\u3001jQuery UI
\u3000\u3000jQuery UI \u662f\u4e00\u5957 jQuery \u7684\u9875\u9762 UI \u63d2\u4ef6\uff0c\u5305\u542b\u5f88\u591a\u79cd\u5e38\u7528\u7684\u9875\u9762\u7a7a\u95f4\uff0c\u4f8b\u5982 Tabs\uff08\u5982\u672c\u7ad9\u9996\u9875\u53f3\u4e0a\u89d2\u90e8\u5206\uff09 \u3001\u62c9\u5e18\u6548\u679c\uff08\u672c\u7ad9\u9996\u9875\u5de6\u4e0a\u89d2\uff09\u3001\u5bf9\u8bdd\u6846\u3001\u62d6\u653e\u6548\u679c\u3001\u65e5\u671f\u9009\u62e9\u3001\u989c\u8272\u9009\u62e9\u3001\u6570\u636e\u6392\u5e8f\u3001\u7a97\u4f53\u5927\u5c0f\u8c03\u6574\u7b49\u7b49\u975e\u5e38\u591a\u7684\u5185\u5bb9\u3002
\u3000\u3000
\u3000\u3000\u529f\u80fd\u975e\u5e38\u5168\u9762\uff0c\u754c\u9762\u4e5f\u633a\u6f02\u4eae\u7684\uff0c\u53ef\u4ee5\u6574\u4f53\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u5206\u5f00\u4f7f\u7528\u5176\u4e2d\u7684\u51e0\u4e2a\u6a21\u5757\uff0c\u514d\u8d39\u5f00\u6e90\uff01
\u3000\u30006\u3001DWZ
\u3000\u3000DWZ\u5bcc\u5ba2\u6237\u7aef\u6846\u67b6(jQuery RIA framework), \u662f\u4e2d\u56fd\u4eba\u81ea\u5df1\u5f00\u53d1\u7684\u57fa\u4e8ejQuery\u5b9e\u73b0\u7684Ajax RIA\u5f00\u6e90\u6846\u67b6.
\u3000\u3000\u8bbe\u8ba1\u76ee\u6807\u662f\u7b80\u5355\u5b9e\u7528,\u5feb\u901f\u5f00\u53d1,\u964d\u4f4eajax\u5f00\u53d1\u6210\u672c\u3002
\u3000\u3000\u6b22\u8fce\u5927\u5bb6\u63d0\u51fa\u5efa\u8bae\uff0c\u6211\u4eec\u5c06\u5728\u4e0b\u4e00\u7248\u672c\u4e2d\u8fdb\u4e00\u6b65\u8c03\u6574\u548c\u5b8c\u5584\u529f\u80fd\uff0e\u5171\u540c\u63a8\u8fdb\u56fd\u5185\u6574\u4f53ajax\u5f00\u53d1\u6c34\u5e73\u3002
\u3000\u3000
\u3000\u3000\u6bd5\u7adf\u662f\u56fd\u4ea7\u7684\uff0c\u652f\u6301\u4e00\u4e0b\uff0c\u800c\u4e14\u6e90\u7801\u5b8c\u5168\u516c\u5f00\uff0c\u53ef\u4ee5\u9009\u62e9\u4e00\u4e0b\uff01\u4e0d\u8fc7\u6027\u80fd\u600e\u4e48\u6837\u4e0d\u6562\u786e\u5b9a\uff01
\u3000\u30007\u3001GWT
\u3000\u3000Google \u7f51\u9875\u5de5\u5177\u5305\u2014\u2014GWT \u63d0\u4f9b\u4e86\u4e00\u7ec4\u57fa\u4e8eJava\u8bed\u8a00\u7684\u5f00\u53d1\u5305\uff0c\u8fd9\u4e2a\u5f00\u53d1\u5305\u7684\u8bbe\u8ba1\u53c2\u8003Java AWT\u5305\u8bbe\u8ba1\uff0c\u7c7b\u547d\u540d\u89c4\u5219\u3001\u63a5\u53e3\u8bbe\u8ba1\u3001\u4e8b\u4ef6\u76d1\u542c\u7b49\u90fd\u548cAWT\u975e\u5e38\u7c7b\u4f3c\u3002\u719f\u6089Java AWT\u7684\u5f00\u53d1\u8005\u4e0d\u9700\u8981\u82b1\u8d39\u591a\u5927\u7684\u529b\u6c14\u5c31\u80fd\u591f\u5feb\u901f\u7684\u7406\u89e3GWT\u5f00\u53d1\u5de5\u5177\u5305\uff0c\u5c06\u66f4\u591a\u5730\u65f6\u95f4\u6295\u5165\u5230GWT\u5e94\u7528\u7684\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u3002
\u3000\u3000\u4f60\u4e0d\u7528\u53bb\u4e86\u89e3\u8fd9\u6837\u90a3\u6837\u7684javascript\u6846\u67b6\uff0c\u901a\u8fc7java\u4f60\u5c31\u53ef\u4ee5\u5199\u51fa\u529f\u80fd\u4e30\u5bcc\u7684\u754c\u9762\uff0c\u53ef\u4ee5\u505a\u5355\u5143\u6d4b\u8bd5\uff0c\u6bd5\u7adf\u662fgoogle\u7684\u4ea7\u54c1\uff0c\u4e25\u91cd\u652f\u6301\u4e00\u4e0b\uff01
\u3000\u30008\u3001YUI
\u3000\u3000Yahoo! UI Library (YUI) \u662f\u4e00\u4e2a\u5f00\u653e\u6e90\u4ee3\u7801\u7684 JavaScript \u51fd\u6570\u5e93\uff0c\u4e3a\u4e86\u80fd\u5efa\u7acb\u4e00\u4e2a\u9ad8\u4e92\u52a8\u7684\u7f51\u9875\uff0c\u5b83\u91c7\u7528\u4e86AJAX, DHTML \u548c DOM \u7b49\u7a0b\u5f0f\u7801\u6280\u672f\u3002\u5b83\u4e5f\u5305\u542b\u4e86\u8bb8\u591a CSS \u8d44\u6e90\u3002\u4f7f\u7528\u6388\u6743\u4e3a BSD\u8bb8\u53ef\u8bc1\uff0c\u57fa\u672c\u4e0a\u6ca1\u600e\u4e48\u7814\u7a76\u8fc7\uff01
\u3000\u3000
\u3000\u3000YUI Compressor\u5012\u662f\u633a\u51fa\u540d\u7684\uff0c\u8fd9\u5957UI\u5e93\u4e0d\u77e5\u9053\u5e94\u7528\u7684\u60c5\u51b5\u600e\u4e48\u6837\uff01
\u3000\u30009\u3001Sencha
\u3000\u3000Sencha \u662f\u7531 ExtJS\u3001jQTouch \u4ee5\u53ca Raphael \u4e09\u4e2a\u9879\u76ee\u5408\u5e76\u800c\u6210\u7684\u4e00\u4e2a\u65b0\u9879\u76ee\u3002
\u3000\u3000
\u3000\u3000\u5927\u516c\u53f8\u7684\u6846\u67b6\uff0c\u5e76\u4e14\u662f\u51e0\u6837\u5e93\u7684\u5f3a\u5f3a\u8054\u5408\uff0c\u503c\u5f97\u63a8\u8350\uff01
\u3000\u300010\u3001Dojo
\u3000\u3000\u5728\u56fd\u5185\u5e94\u7528\u597d\u50cf\u4e0d\u662f\u5f88\u5e7f\uff0c\u4e0d\u8fc7\u6027\u80fd\u4e0a\u5e94\u8be5\u6ca1\u95ee\u9898\u3002
\u3000\u3000Dojo\u662f\u4e00\u4e2a\u7528javascript\u8bed\u8a00\u5b9e\u73b0\u7684\u5f00\u6e90DHTML\u5de5\u5177\u5305\u3002
\u3000\u3000
\u3000\u3000\u6709\u591a\u4e2a\u57fa\u91d1\u4f1a\u7684\u652f\u6301\uff0c\u5305\u62ecIBM\u548cSUN\uff0c\u90fd\u662f\u8f6f\u4ef6\u754c\u7684\u6cf0\u6597\uff0c\u503c\u5f97\u4fe1\u8d56\uff01
\u3000\u300011\u3001ZK
\u3000\u3000ZK\u662f\u4e00\u5957\u4ee5 AJAX/XUL/Java \u4e3a\u57fa\u7840\u7684\u7f51\u9875\u5e94\u7528\u7a0b\u5f0f\u5f00\u53d1\u6846\u67b6\uff0c\u7528\u4e8e\u4e30\u5bcc\u7f51\u9875\u5e94\u7528\u7a0b\u5f0f\u7684\u4f7f\u7528\u63a5\u53e3\u3002\u6700\u5927\u7684\u597d\u5904\u662f\uff0c\u5728\u8bbe\u8ba1AJAX\u7f51\u7edc\u5e94\u7528\u7a0b\u5f0f\u65f6\uff0c\u8f7b\u677e\u7b80\u4fbf\u7684\u64cd\u4f5c\u5c31\u50cf\u8bbe\u8ba1\u684c\u9762\u7a0b\u5f0f\u4e00\u6837\u3002 ZK\u5305\u542b\u4e86\u4e00\u4e2a\u4ee5AJAX\u4e3a\u57fa\u7840\u3001\u4e8b\u4ef6\u9a71\u52a8\uff08event-driven\uff09\u3001\u9ad8\u4e92\u52a8\u6027\u7684\u5f15\u64ce\uff0c\u540c\u65f6\u8fd8\u63d0\u4f9b\u4e86\u591a\u6837\u4e30\u5bcc\u3001\u53ef\u91cd\u590d\u4f7f\u7528\u7684XUL\u4e0eHTML\u7ec4\u4ef6\uff0c\u4ee5 \u53ca\u4ee5 XML \u4e3a\u57fa\u7840\u7684\u4f7f\u7528\u63a5\u53e3\u8bbe\u8ba1\u8bed\u8a00 ZK User-interfaces Markup Language (ZUML)\u3002
\u3000\u3000\u5728\u7ebf\u7684demo
\u3000\u3000
\u3000\u3000\u8bbe\u8ba1\u5668\u7684demo
\u3000\u3000
\u3000\u3000\u65e5\u5386\u7ec4\u4ef6
\u3000\u3000
\u3000\u3000\u529f\u80fd\u4e30\u5bcc\uff0c\u5168\u9762\uff0c\u6587\u6863\u9f50\u5168\uff0c\u800c\u4e14\u5347\u7ea7\u4e86\u5f88\u591a\u6b21\uff0c\u975e\u5e38\u503c\u5f97\u63a8\u8350\uff01
\u3000\u300012\u3001OperaMasks-UI
\u3000\u3000OperaMasks-UI\u662fOperaMasks\u56e2\u961f 2011\u4e0b\u534a\u5e74\u6253\u9020\u7684\u4e00\u6b3e\u8f7b\u91cf\u7ea7\u524d\u7aefJS\u7ec4\u4ef6\u5e93\uff0c\u65e8\u5728\u63d0\u4f9b\u4e00\u6b3e\u5b66\u4e60\u66f2\u7ebf\u4f4e\u3001\u5b9a\u5236\u6027\u7075\u6d3b\u3001\u6837\u5f0f\u7edf\u4e00\uff0c\u4e14\u591a\u6d4f\u89c8\u5668\u652f\u6301\u3001\u8986\u76d6\u4f01\u4e1a\u4e1a\u52a1\u573a\u666f\u7684\u524d\u7aef JavaScript UI\u7ec4\u4ef6\u5e93\u3002\u76ee\u524d\uff0c\u8be5\u56e2\u961f\u5df2\u5c06\u8fd9\u4e00\u4ea7\u54c1\u4ee5LGPL \u5f00\u6e90\u534f\u8bae\u5f00\u653e\u7ed9\u793e\u533a\u3002
\u3000\u3000
\u3000\u3000\u6587\u6863\u4e30\u5bcc\uff0c\u529f\u80fd\u9f50\u5168\uff0c\u800c\u4e14\u5f88\u5bb9\u6613\u4f7f\u7528\u548c\u5f00\u53d1\uff01\u800c\u4e14\u662f\u56fd\u4ea7\u7684\u54df\uff01
\u3000\u300013\u3001JavaFX
\u3000\u3000Sun\u516c\u53f8(\u5df2\u4e8e2009\u5e74\u88abOracle\u516c\u53f8\u6536\u8d2d)\u57282008\u5e7412\u670805\u65e5\u53d1\u5e03\u4e86JavaFX\u6280\u672f\u7684\u6b63\u5f0f\u7248,\u5b83\u4f7f\u60a8\u80fd\u5229\u7528 JavaFX \u7f16\u7a0b\u8bed\u8a00\u5f00\u53d1\u5bcc\u4e92\u8054\u7f51\u5e94\u7528\u7a0b\u5e8f(RIA)\u3002JavaFX Script \u7f16\u7a0b\u8bed\u8a00\uff08\u4ee5\u4e0b\u79f0\u4e3aJavaFX\uff09\u662fSun\u5fae\u7cfb\u7edf\u516c\u53f8\u5f00\u53d1\u7684\u4e00\u79cddeclarative, statically typed(\u58f0\u660e\u6027\u7684\u3001\u9759\u6001\u7c7b\u578b)\u811a\u672c\u8bed\u8a00\u3002JavaFX\u6280\u672f\u6709\u7740\u826f\u597d\u7684\u524d\u666f\uff0c\u5305\u62ec\u53ef\u4ee5\u76f4\u63a5\u8c03\u7528Java API\u7684\u80fd\u529b\u3002\u56e0\u4e3a JavaFX Script\u662f\u9759\u6001\u7c7b\u578b\uff0c\u5b83\u540c\u6837\u5177\u6709\u7ed3\u6784\u5316\u4ee3\u7801\u3001\u91cd\u7528\u6027\u548c\u5c01\u88c5\u6027\uff0c\u5982\u5305\u3001\u7c7b\u3001\u7ee7\u627f\u548c\u5355\u72ec\u7f16\u8bd1\u548c\u53d1\u5e03\u5355\u5143\uff0c\u8fd9\u4e9b\u7279\u6027\u4f7f\u5f97\u4f7f\u7528Java\u6280\u672f\u521b\u5efa\u548c\u7ba1\u7406\u5927\u578b\u7a0b\u5e8f \u53d8\u4e3a\u53ef\u80fd\u3002
\u3000\u3000
\u3000\u3000\u4e0d\u7ba1\u7528\u7684\u4eba\u591a\u5c11\uff0c\u6bd5\u7adf\u662f\u4ecesun\u5f00\u59cb\uff0c\u73b0\u5728\u662foracle\uff0c\u76f8\u4fe1\u4f1a\u6709\u4e00\u4e2a\u5e7f\u9614\u7684\u5e02\u573a\uff0c\u4f46\u662f\u786e\u5b9e\u4e0d\u77e5\u9053\u6709\u54ea\u4e2a\u516c\u53f8\u7528\u8fd9\u4e2a\u6846\u67b6\u5f00\u53d1\uff01
\u8f6c\u8f7d
\u76f4\u63a5\u5c31\u53ef\u4ee5\u7528
\u597d\u5904\u81ea\u7136\u662f\u5f00\u53d1\u5feb\uff0c\u4e00\u4e2a\u9ad8\u5ea6\u5c01\u88c5\u7684\u6846\u67b6\u53ef\u4ee5\u8ba9\u4f60\u4e00\u4e0b\u5348\u642d\u597d\u4e00\u4e2a\u7f51\u7ad9
Apache基金会今天发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。
需要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex 4.8也不是一个正式的Apache版本。
Apache称，该版本标志着Flex新时代的开始，Flex的未来将由社区来驱动，而不是由一个公司驱动。开发者可以通过贡献代码，来帮助改进Flex，如修复bug、增加功能等。
从Macromedia卖给Adobe，然后又捐给apache，不知道搞什么名堂。不过还好没有经过大幅重构，否则就真的是悲哀了！
2、extjs
ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。
功能丰富，无人能出其右。
无论是界面之美，还是功能之强，ext的表格控件都高居榜首。
华丽的界面，灵活的功能，还有开发工具都是配套的，但有个最大的问题，用就得花钱！
3、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件，开发出来的一套轻量级的ui框架，非常小巧而且功能丰富。
但是她有一个最大的问题就是代码只能找到以前的开源的版本，到了1.2以后的版本源代码都是经过混淆的，如果遇到问题修改起来会非常麻烦！不过一个比较大的优势是开源免费，并且界面做的还说的过去！
4、MiniUI
又一个基于jquery的框架，开发的界面功能都很丰富。
jQuery MiniUI - 快速开发WebUI。
它能缩短开发时间，减少代码量，使开发者更专注于业务和服务端，轻松实现界面开发，带来绝佳的用户体验。
使用MiniUI，开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
界面做的挺不错，功能也挺丰富，但是有两个比较大的问题，一个是收费，一个是没有源码，说白了，不开源！基于这个开发如果想对功能做扩展就需要找他们的团队进行升级！
5、jQuery UI
jQuery UI 是一套 jQuery 的页面 UI 插件，包含很多种常用的页面空间，例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
功能非常全面，界面也挺漂亮的，可以整体使用，也可以分开使用其中的几个模块，免费开源！
6、DWZ
DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能．共同推进国内整体ajax开发水平。
毕竟是国产的，支持一下，而且源码完全公开，可以选择一下！不过性能怎么样不敢确定！
7、GWT
Google 网页工具包——GWT 提供了一组基于Java语言的开发包，这个开发包的设计参考Java AWT包设计，类命名规则、接口设计、事件监听等都和AWT非常类似。熟悉Java AWT的开发者不需要花费多大的力气就能够快速的理解GWT开发工具包，将更多地时间投入到GWT应用的开发过程中。
你不用去了解这样那样的javascript框架，通过java你就可以写出功能丰富的界面，可以做单元测试，毕竟是google的产品，严重支持一下！
8、YUI
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证，基本上没怎么研究过！
YUI Compressor倒是挺出名的，这套UI库不知道应用的情况怎么样！
Bootstrap
绛旓細Web鍓嶇妗嗘灦鏈夛細React銆乂ue銆丄ngular绛夈1. React React鏄竴涓敤浜庢瀯寤虹敤鎴风晫闈㈢殑JavaScript搴撱傚畠鏄敱Facebook寮鍙戝拰缁存姢鐨勶紝骞朵笖宸茬粡鎴愪负鍓嶇寮鍙戠殑涓绘祦妗嗘灦涔嬩竴銆俁eact閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜鏇村姞妯″潡鍖栵紝渚夸簬缁存姢鍜屽鐢ㄣ傚悓鏃讹紝React鐨勮櫄鎷烡OM鎶鏈紝鑳藉澶уぇ鎻愰珮椤甸潰鐨勬覆鏌撴ц兘銆2. Vue Vue鏄竴涓...
绛旓細瀵艰埅绛夈5銆丅ootstrap Bootstrap鏃犵枒鏄渶娴佽鐨凜SS妗嗘灦锛屽畠鏄渶鏃╃殑Web鍓嶇妗嗘灦锛岀敱Twitter寮鍙戙侭ootstrap杩樻彁渚涗簡璁稿绀轰緥鏉ュ府鍔╀綘鍏ラ棬銆浣跨敤Bootstrap锛屼綘鍙互灏嗕笉鍚岀殑缁勪欢鍜屽竷灞缁勫悎鍦ㄤ竴璧凤紝浠庤屽垱寤烘湁瓒ｇ殑椤甸潰璁捐銆傚畠杩樻彁渚涗簡澶ч噺璇︾粏鐨勬枃妗ｃ傜洰鍓嶅湪Github涓婂凡缁忔湁1100澶氫釜璐＄尞鑰咃紝19000澶氫釜鎻愪氦銆
绛旓細Ember寮鸿皟浠ｇ爜鐨勫彲棰勬祴鎬у拰搴旂敤鐨勭ǔ瀹氭с傚叾寮哄ぇ鐨勭ぞ鍖烘敮鎸佸拰璇︾粏鐨勬枃妗ｏ紝浣垮緱寮鍙戣呭彲浠ユ洿瀹规槗鍦板涔犲拰浣跨敤Ember.js杩涜寮鍙戙備笉杩囩浉杈冧簬鍏朵粬涓绘祦妗嗘灦锛孍mber.js鐨勬祦琛屽害鍙兘绋嶉婁竴绛广備互涓婁富娴鍓嶇妗嗘灦鍚勬湁鍏剁壒鐐瑰拰浼樺娍锛屽紑鍙戣呭彲浠ユ牴鎹」鐩殑闇姹傚拰鍥㈤槦鐨勭啛鎮夌▼搴﹂夋嫨鍚堥傜殑妗嗘灦杩涜寮鍙戙
绛旓細杩戝嚑骞存渶鐏殑鍓嶇妗嗘灦褰撳睘Vue.js浜嗭紝Vue.js鏄竴涓瀯寤烘暟鎹┍鍔ㄧ殑web鐣岄潰鐨勬笎杩涘紡妗嗘灦銆俈ue.js鐨勭洰鏍囨槸閫氳繃灏藉彲鑳界畝鍗曠殑API瀹炵幇鍝嶅簲鐨勬暟鎹粦瀹氬拰缁勫悎鐨勮鍥剧粍浠讹紝鐩告瘮鍏跺畠鐨凪VVM妗嗘灦锛孷ue.js鏇村鏄撲笂鎵嬨傚緢澶浣跨敤杩噕ue鐨勭▼搴忓憳杩欐牱璇勪环瀹冿紝鈥渧ue.js鍏煎叿angular.js鍜宺eact.js鐨勪紭鐐癸紝骞跺墧闄や簡瀹冧滑鐨勭己鐐...
绛旓細uiKit鏄竴娆捐交閲忕骇銆佹ā鍧楀寲鐨鍓嶇妗嗘灦锛屽彲蹇熸瀯寤哄己澶х殑web鍓嶇鐣岄潰銆6.H-ui H-ui鏄交閲忕骇鍓嶇妗嗘灦锛岀畝鍗曞厤璐癸紝鍏煎鎬уソ锛岄傜敤浜庝腑鍥界綉绔欍7.Weui weUI 鏄竴濂楀悓寰俊鍘熺敓瑙嗚浣撻獙涓鑷寸殑鍩虹鏍峰紡搴擄紝鐢卞井淇″畼鏂硅璁″洟闃熶负寰俊 Web 寮鍙戦噺韬璁★紝鍙互浠ょ敤鎴风殑浣跨敤鎰熺煡鏇村姞缁熶竴銆傚寘鍚玝utton銆乧ell銆乨ialog...
绛旓細鍓嶇妗嗘灦鏈夛細React銆乂ue銆丄ngular銆丒mber.js绛夈1. React锛歊eact鏄竴涓敱Facebook寮鍙戝拰缁存姢鐨勫紑婧愬墠绔鏋躲傚畠涓昏鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰锛岀壒鍒槸鍗曢〉闈㈠簲鐢ㄣ俁eact浣跨敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱浠ｇ爜澶嶇敤鍜屽彲缁存姢鎬уぇ澶ф彁楂樸俁eact鐨勬牳蹇冩濇兂鏄粍浠跺拰铏氭嫙DOM锛岃兘澶熷疄鐜板揩閫熸覆鏌撳拰楂樻晥鐨勬ц兘銆2. Vue锛歏ue鏄竴娆炬笎杩...
绛旓細1. Bootstrap Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆妗嗘灦銆傛槸涓濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傛彁渚涗簡寰堝娴佽鐨勬牱寮忕畝娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜涘父鐢ㄧ殑JavaScript鎻掍欢銆2. Fbootstrapp Fbootstrapp鍩轰簬Bootstrap骞朵笖鎻愪緵浜嗚窡Facebook iframe apps鍜岃璁...
绛旓細4銆丗oundation by ZURB鏄紑鍙戦傚簲鍚勭璁惧涓婄殑鍓嶇妗嗘灦锛屼富瑕佸紑鍙戝搷搴斿紡web搴旂敤妗嗘灦锛屾彁渚涘緢涓板瘜鐨凞EMO瀹炰緥锛屽璧锋潵涔熼潪甯告柟渚夸笂鎵嬶紝涔熸彁渚涗赴瀵岀殑鍥炬爣搴撱5銆丄maze UI鏄交閲忕骇鐨勫墠绔簲鐢ㄦ鏋讹紝鏄浗鍐呮瘮杈冩祦琛岀殑妗嗘灦锛屾瘮杈冮傜敤浜庣Щ鍔ㄧ鍝嶅簲寮忓紑鍙戞鏋讹紝鍙互鎸夌収椤圭洰瑕佹眰鐢熸垚涓撳睘鐨刄I妗嗘灦搴撹繘琛浣跨敤锛岀粍浠堕潪甯镐赴瀵...
绛旓細鍓嶇妗嗘灦濂涓嶅ソ鐢ㄨ繕鏄鍏蜂綋鎯呭喌鍏蜂綋鍒嗘瀽锛屾垜杩欒竟缁欎綘鎺ㄨ崘11涓墠绔父鐢ㄧ殑妗嗘灦锛屼綘鍙互鎸夐渶浣跨敤銆1銆乿ue-element-admin 涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙戠殑鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛浜嗭紝骞朵笖鏈夌浉鍏崇殑绀惧尯鍜岀淮鎶や汉鍛橈紝寮鍙戞椂閬囧埌闂涔熶笉瑕佹厡銆2銆丄d...
绛旓細2. Foundation Foundation鏄彟涓涓彈娆㈣繋鐨鍓嶇妗嗘灦锛屼笌Bootstrap绫讳技锛屼篃鏀寔HTML5鍜孋SS3銆傚畠鎻愪緵浜嗕赴瀵岀殑UI缁勪欢鍜岀伒娲荤殑缃戞牸绯荤粺锛屽彲浠ュ府鍔╁紑鍙戣呭揩閫熸瀯寤哄搷搴斿紡缃戠珯銆侳oundation涔熸彁渚涗簡璁稿JavaScript鎻掍欢鍜岀幇浠ｅ寲鐨勪氦浜掑姛鑳姐3. Semantic UI Semantic UI鏄竴涓槗浜浣跨敤鍜屾墿灞曠殑鍓嶇妗嗘灦锛屽畠鎻愪緵浜嗕赴瀵岀殑棰...
