什么是集成UI的前端框架 UI框架和前端框架有什么区别
HBuilder\u96c6\u6210\u5f00\u53d1\u73af\u5883\u4e0eAmaze\u59b9\u5b50UI\u524d\u7aef\u6846\u67b6\u5404\u81ea\u7684\u4f5c\u7528\u4e0e\u4f18\u70b9HBuilder\u53ea\u662f\u4e00\u4e2aIDE\uff0c\u76ee\u524d\u6765\u8bf4\u8fd9\u4e2a\u8f6f\u4ef6\u5f00\u53d1\u6548\u7387\u8981\u6bd4\u73b0\u76ee\u524d\u7684\u5f88\u591aIDE\u7684\u5f00\u53d1\u6548\u7387\u90fd\u8981\u9ad8\uff0c\u524d\u7aef\u6846\u67b6\u5176\u5b9e\u90fd\u662f\u56e0\u4eba\u800c\u5f02\u3002\u73b0\u5728\u6846\u67b6\u5f88\u591a\u4e3b\u8981\u662f\u6839\u636e\u81ea\u5df1\u7684\u719f\u7ec3\u7a0b\u5ea6\u6240\u4f7f\u7528\u3002JQueryMobile\uff0cTwitterBootstrap\uff0cSchena Touch, BackBone\u7b49\u8fd9\u4e9b\u90fd\u662f\u6846\u67b6\u5176\u4e2d\uff0cAmaze UI\u56fd\u4ea7\u6846\u67b6\u5f53\u7136\u9996\u5148\u652f\u6301\u56fd\u4ea7\u4e86\uff0c\u4e0d\u8fc7\u73b0\u5728\u8fd8\u5728\u53d1\u5c55\u4e2d\u4e0d\u662f\u5f88\u6210\u719f\u3002\u6846\u67b6\u4f18\u52bf\u56fd\u5916\u6bd4\u8f83\u591a\u7684\u4f7f\u7528\u662fBootstrap\u56fd\u5185\u76ee\u524d\u5f88\u591a\u7f51\u7ad9\u4e5f\u662f\u8fd9\u4e2a\u6765\u67b6\u6784\u7684\u3002
UI\u6846\u67b6\u4e3b\u8981\u5c31\u662f\u9875\u9762\u754c\u9762\u7f8e\u5316\uff0c\u524d\u7aef\u6846\u67b6\u6709\u5f88\u591a\u6709\u90e8\u5206UI\u5728\u91cc\u9762
目前流行的10个UI前端框架1. Kendo UI
Kendo UI 将它本身定位成为:”当代web和手机app开发所需的综合 HTML5/JavaScript 框架。Telerik’s Kendo UI是每一位需要创建HTML5站点和手机apps的专业开发人员所需要的。
Kendo UI 却拥有全部：丰富的jQuery的窗体部件，简单并且始终如一的程序接口，稳定可靠的数据源，验证，国际化,MVVM框架，主题，模板，等等.
2. jQuery Mobile
jQuery Mobile:智能机和平板上触摸体验最好的Web Framework.一个统一的，以HTML5为基础的面向所有流行的手机设备平台的用户接口系统，构建在稳定可靠的jQuery和jQuery UI 上。它的轻量级代码逐渐增强并且拥有灵活自由，容易的主题设计.
3. ionic
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。
ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。
ionic的开发添加android和ios环境。
ionic提供很多css组件和javascript UI库。
ionic可以支持定制android和ios的插件，也支持服务端REST的敏捷开发。
4. LungoJS
LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。
Lungo.JS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。
5. Zino UI
Zino UI 是一个基于 jQuery，兼容 WAI-ARIA 的用户接口框架，包含超过 23 个不同的组件。跨平台的 UI 框架可帮你构建 Web 和企业应用。
6. jqxWidgets
jqxWidgets 是一个复杂的、创新的 UI 部件库，基于 jQuery 开发，可让用户开发非常专业的、跨浏览器支持的 Web应用
7. Sencha Touch
Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。
可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。
8. Jo
该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。
9. 52 Framework
52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。
10. LimeJS
LimeJS 是一个 JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS。
10. G5 Framework
如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5 框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等
绛旓細ionic鏄竴涓笓娉ㄤ簬鐢╓EB寮鍙戞妧鏈紝鍩轰簬HTML5鍒涘缓绫讳技浜庢墜鏈哄钩鍙板師鐢熷簲鐢ㄧ殑涓涓紑鍙妗嗘灦銆傜粦瀹氫簡AngularJS鍜孲ass銆傝繖涓鏋剁殑鐩殑鏄粠web鐨勮搴﹀紑鍙戞墜鏈哄簲鐢紝鍩轰簬PhoneGap鐨勭紪璇戝钩鍙帮紝鍙互瀹炵幇缂栬瘧鎴愬悇涓钩鍙扮殑搴旂敤绋嬪簭銆俰onic鐨勫紑鍙戞坊鍔燼ndroid鍜宨os鐜銆俰onic鎻愪緵寰堝css缁勪欢鍜宩avascript UI搴撱俰onic鍙互鏀寔瀹...
绛旓細- Element UI锛氬熀浜 Vue 2.0 鐨勬闈㈢缁勪欢搴撱- SUI锛氶樋閲屽反宸村浗闄匲ED鍥㈤槦-鍟嗗涓氬姟浜嬩笟閮ㄥ紑鍙戠殑鍩轰簬bootstrap鐨勫墠绔粍浠跺簱銆- H-ui锛氳交閲忕骇鍓嶇妗嗘灦锛岀畝鍗曞厤璐癸紝鍏煎鎬уソ锛屾湇鍔′腑鍥界綉绔欍- layui锛氱粡鍏告ā鍧楀寲鍓嶇妗嗘灦锛屾洿澶氭槸涓烘湇鍔＄绋嬪簭鍛橀噺韬畾鍋氥- UIkit锛氫竴娆捐交閲忕骇銆佹ā鍧楀寲鐨勫墠绔鏋锛屽彲蹇...
绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦鍩...
绛旓細ui妗嗘灦鐨勮瘽,鍙互鍏嶅幓寰堝閲嶅鎬х殑宸ヤ綔,鍒╃敤鐜版垚鐨勭粍鎴愬拰寮鍙戞ā寮,寰堝ソ鐨勫垎寮涓氬姟
绛旓細LayUI LayUI鏄竴娆鹃噰鐢ㄨ嚜韬ā鍧楄鑼冪紪鍐鐨勫墠绔 UI 妗嗘灦锛岄伒寰師鐢 HTML/CSS/JS 鐨勪功鍐欎笌缁勭粐褰㈠紡锛岄棬妲涙瀬浣庯紝鎷挎潵鍗崇敤銆傚叾澶栧湪鏋佺畝锛屽嵈鍙堜笉澶遍ケ婊＄殑鍐呭湪锛屼綋绉交鐩堬紝缁勪欢涓扮泩锛屼粠鏍稿績浠ｇ爜鍒 API 鐨勬瘡涓澶勭粏鑺傞兘缁忚繃绮惧績闆曠悽锛岄潪甯搁傚悎鐣岄潰鐨勫揩閫熷紑鍙戙侲lementUI Element鏄タ浜嗕箞鍓嶇寮婧愮淮鎶ょ殑Vue UI...
绛旓細Amaze UI 鏄竴涓交閲忕骇銆 Mobile first 鐨勫墠绔鏋, 鍩轰簬寮婧愮ぞ鍖烘祦琛屽墠绔鏋剁紪鍐欑殑銆3.sui SUI鏄竴濂楀熀浜巄ootstrap寮鍙戠殑鍓嶇缁勪欢搴擄紝鍚屾椂濂逛篃鏄竴濂楄璁¤鑼冦傞氳繃SUI锛屽彲浠ラ潪甯告柟渚跨殑璁捐鍜屽疄鐜扮簿缇庣殑椤甸潰銆傚悓鏃秙ui杩樻湁绉诲姩绔増鏈琺sui锛宮sui鏄樋閲屽反宸村叡浜笟鍔′簨涓氶儴UED鍥㈤槦鐨勪綔鍝併傜洰鐨勬槸涓轰簡鎵嬫満H5...
绛旓細1銆丄maze UI鏄交閲忕骇鐨勫墠绔搴旂敤妗嗘灦锛屾瘮杈冮傜敤浜庣Щ鍔ㄧ鍝嶅簲寮忓紑鍙戞鏋讹紝鍙互鎸夌収椤圭洰瑕佹眰鐢熸垚涓撳睘鐨UI妗嗘灦搴撹繘琛屼娇鐢紝缁勪欢闈炲父涓板瘜锛屽彲浠ユ瀯寤哄嚭婕備寒鐨剋eb椤甸潰銆2銆佸畠鐨勪紭鐐规湁锛氫互绉诲姩浼樺厛涓虹悊蹇碉紝绉诲姩璺ㄥ睆閫傞厤杈冨ソ锛屾枃妗ｈ鏄庤緝濂斤紝闆嗘垚鎺т欢姣旇緝涓板瘜锛屽ぇ澶ф彁楂樺紑鍙戞晥鐜囷紝鍥藉唴棣栦釜寮婧愯法灞忓墠绔灦鏋勶紝鏇村ソ鐨勫疄鐜...
绛旓細UI鍗砋serInterface(鐢ㄦ埛鐣岄潰)鐨勭畝绉般UI璁捐鏄寚瀵硅蒋浠剁殑浜烘満浜や簰銆佹搷浣滈昏緫銆佺晫闈㈢編瑙傜殑鏁翠綋璁捐銆傞氬父鍖呮嫭骞抽潰璁捐锛岀綉椤佃璁′互鍙婄Щ鍔ㄧ晫闈㈣璁°鍓嶇寮鍙戞槸鍒涘缓Web椤甸潰鎴朼pp绛夊墠绔晫闈㈠憟鐜扮粰鐢ㄦ埛鐨勮繃绋嬶紝閫氳繃HTML锛孋SS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈妗嗘灦銆佽В鍐虫柟妗堬紝鏉ュ疄鐜颁簰鑱旂綉浜у搧鐨勭敤鎴风晫闈氦浜掋傚畠浠...
绛旓細1銆乿ue-element-admin 涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉UI妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙鐨勫墠绔绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛浜嗭紝骞朵笖鏈夌浉鍏崇殑绀惧尯鍜岀淮鎶や汉鍛橈紝寮鍙戞椂鍊欓亣鍒伴棶棰樹篃涓嶈鎱屻2銆丄dminLTE 闈炲父娴佽鐨勫熀浜嶣ootstrap 3.x鐨勫厤璐圭殑鍚庡彴UI妗嗘灦锛岃繖鏄竴涓潪甯歌佺墝鐨勫悗鍙扮鐞嗙郴缁熸ā鏉匡紝...
绛旓細3銆丮eteor锛歁eteor鏄柊涓浠ｇ殑寮鍙戝嵆鏃秝eb搴旂敤鐨勫紑婧愭鏋讹紝瀹冭兘鍦ㄨ緝鐭椂闂村唴瀹屾垚寮鍙戙4銆丮aterialize锛氬熀浜庢潗鏂欒璁＄殑鐜颁唬鍖栧搷搴斿紡鍓嶇妗嗘灦銆傚彲鎻愪緵榛樿鐨勬牱寮忥紝鑷畾涔夌粍浠躲傛澶栵紝Materialize杩樻敼杩涘姩鐢诲拰杩囨浮锛屼负寮鍙戜汉鍛樻彁渚涙祦鐣呯殑浣撻獙銆5銆丄mazeUI锛氶涓紑婧怘TML5璺ㄥ睆鍓嶇妗嗘灦浜у搧绯诲垪锛屼腑鏂囨帓鐗堝墠绔殑瀛︿範...
