app的前端用什么框架写|做移动端WebApp用什么框架比较好

|

① web app开发使用哪个框架最好

第一款:Sencha TouchSencha Touch 是世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架,你可以使用 HTML5 来编写音频和视频组件,还可以使用 LocalStorage Proxy 来存储离线数据,同时,大量 CSS3 样式表为你提供了创建健壮样式层的可能。优点用户体验最接近Native App, 具有整体的UI组件、布局解决方案;统一的编程代码结构和要求,良好组织的代码易于维护;继承Extjs 4的应用程序MVC架构;完善的API文档,示例;活跃的社区,网上有大量的文档书籍帮助学习;缺点兼容性差,仅支持webkit内核的浏览器;框架比较重量级,学习成本比较高;商业化使用有版权问题;第二款:jQuery MobilejQuery Mobile 是创建移动 web 应用程序的框架。适用于所有流行的智能手机和平板电脑。使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。优点跨浏览器兼容性最好,几乎兼容所有的平台和浏览器;入门简单,语法简洁,编码灵活,一些简单的应用直接用HTML既可实现,无需Javascript;开源插件与第三方扩展网上资源丰富;完善的API文档,示例;活跃的社区,网上有大量的文档书籍帮助学习;缺点 jQuery Mobile对代码没有特定的要求,后期维护难度较大;第三款:ZeptoZepto 就是一个 jQuery 的轻量级替代品,几乎完全一样的 API,但是专门为 Mobile 或者 HTML5 浏览器设计和优化。优点学习成本低,Zepto保持了与jQuery几乎一样的功能,使用gzip压缩只有5-10k;缺点Zepto不支持Windows Phone下的IE ;第四款:Wink Toolkit优点Wink的核心库是轻量级的,支持AMD规范的模块化加载,功能接口相比Zepto更丰富;提供很酷的2D、3D效果UI组件;缺点组件对 Android的支持程度不好,3D组件无法使用 ;第五款:Ionic:高级的 HTML5 移动APP(Web App)开发框架Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的混合APP 开发框架,采用 Sass与AngularJS 开发。目前,Ionic 仍然处于临测试状态( alpha )。相信未来会成为开发者开发 HTML5 应用的一个不错的选择。第六款:Amaze UI 中国首个开源 HTML5 跨屏前端框架Amaze UI 是一个移动优先的跨屏前端框架。易学易用。

② 前端框架都有哪些,最主流的是哪个

推荐几个精致的web UI框架及常用前端UI框架!

1.Aliceui

Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3.sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。

通过SUI,可以非常方便的设计和实现精美的页面。

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。

9.YDUI Touch

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

③ 做移动端WebApp用什么框架比较好

很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多,很多新的技术已经出现,下面再来总结下还有哪些框架是适合面向手机设备的开发的。1、jQuery MobilejQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。2、jQTouchjQTouch 是一个 jQuery 的插件,主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。3、DHTMLX TouchDHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。4、Mobilize.jsMobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。5、The M ProjectThe-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。这个框架遵循著名的MVC软件架构模式。它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南)。可以查看提供的示例来对该项目有一个初目的了解。这些示例包括:ToDo App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。6、WebApp.NetWebApp.Net 提供了很多的 API,因此可以帮助你节省很多工作了。不需要花时间去进行 Ajax 调用的编码,因为已经内置了,另外还有很多其它内置功能,提供了详细的文档和应用演示。7、WijmoWijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。8、960 Grid on jQuery-Mobilejquery-mobile-960 是一个用于移动 Web 开发的网格框架,综合了 960.gs 的灵活性和 jQuery Mobile 的方便性。它的目的是让 jQuery Mobile 布局更加的灵活,使得应用应许在移动终端更加易用。9、Sencha Touch FrameworkSencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序。Shencha是第一个使用HTML5,CSS和JavaScript并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。10、NimbleKitNimbleKit 是为 iOS 设备构建应用程序最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需结合 JavaScript 代码编写 HTML 页面就可以了。11、Touchy™ BoilerplateTouchy Boilerplate 是一个用来创建移动web app,包括HTML模板,Meta tag等的工具。Touchy可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy使用jQuery或者 Zepto.JS。12、PhoneGapPhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。PhoneGap是免费的,但是它需要特定平台提供的附加软件,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。13、joshfireJoshfire是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的web app。它使用HTML5和JavaScript,并且允许开发者快速整合本地应用和特定的web应用。Joshfire可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire支持Node.JS。4.Sencha Touch:基于HTML5的移动网页开发框架。14、 JuliaJulia框架由基本CSS3文件、JS库和各个平台的运行库构成。不像PhoneGap,Julia不仅仅包含调用本机代码的接口层,它还包含 Model-View-Controller(MVC)支持,Delegation支持,OAuth支持,异步数据库存取接口,HTML选择符(类jQuery调用接口),HTML模版(允 许嵌入JS代码)等应用开发必备的API接口。 基于Julia的应用开发就像网站开发那么简单,是的,你终于可以用HTML5开发一个完整的、跨平台 的、不亚于本机代码的、易于维护的移动应用了!大幕即将揭晓,让我们一起进入移动开发的新时代15、SproutCore HTML5 Application FrameworkSproutCore 是一个 HTML5 移动 Web 开发框架,它的目标是在无需浏览器插件的情况下,在浏览器中位应用程序提供极佳的桌面效果。16、Titanium这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。17、Lungo.jsLungo.js 是一个采用HTML5, CSS3 和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs。它还支持触摸事件如:tap, double-tap和swipe。整个框架没有用到任何图片包括图标,所有都矢量化。可以在这个框架中使用HTML5拥有的一些特性如:WebSQL, 地理位置定位,历史或设备方向等。Lungo.js是一个模块化并且完全可定制的框架。18、xui.js有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。19、EmbedJSEmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS Build tool工具实现。EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。20、zepto.jszepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。zepto.js的语法借鉴并且兼容jQuery。21、BakerBaker是用来在iPad或者iPhone平台上发布交互式的电子书或者电子杂志的HTML5电子书框架。22、ChocolateChip-UIChocolateChip-UI 是一个手机移动 Web 开发框架,采用 HTML5, WAML, CSS 和 JavaScript等技术实现。基于 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.23、Magazine GridMagazine Grid 是一个超现代的 CSS 框架,用于 iPad 和 iPhone 手机,使用类似杂志的设计风格。Magazine Grid 可让用户使用 HTML5 元素来组织杂志页,非常轻量级(<4k),在移动设备上加载非常快,对老的浏览器也支持。24、Kendo UIKendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。25、HTML App Host Framework这是一个用于构建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技术。该框架由支持在标准 xap 格式中嵌入 html 应用的控件。

④ 鍓嶇甯哥敤鐨勫紑鍙戞嗘灦鏈夊摢浜

涓銆 Web鍓嶇妗嗘灦涔婣ngular 2

Angular 2浼樼偣瑙f瀽锛

Angular 2 鐨勬渶澶т紭鍔垮湪浜庡畠鐨勬祦琛岀▼搴︺備篃鏈変汉璁や负瀹冨拰 Google 瀵嗗垏鐩稿叧鐨勫悕瀛楋紝浼氬奖鍝嶅洟闃熶娇鐢ㄥ畠銆侫ngular 1 鐨勮繀閫熸祦琛屾槸鍥犱负閭d簺鏉ヨ嚜鍏朵粬浜や簰寮忓簲鐢ㄧ▼搴忓紑鍙戠幆澧冪殑浜轰細鍙戠幇瀵逛簬寮鍙戝崟椤甸潰 Web 搴旂敤绋嬪簭鍏锋湁鐩镐技鐨勬ā鍨-瑙嗗浘妯″紡銆傞氳繃瀵 Angular 1 杩涜岀幇浠e寲婕斿彉鍜岄噸鏂版瀯寤烘嗘灦鐨勬煇浜涢儴鍒嗭紝Angular 2 宸茬粡鐪熸g殑鐖嗗彂浜嗭紝澶ч噺鐨勬e紡鐨勫拰闈炴e紡鍩硅鏈烘瀯鏁伴噺閮借╀汉鍗拌薄娣卞埢锛屽紑鍙戣呮湁寰堝己鐨勫競鍦虹珵浜夊姏銆傚逛簬鐢ㄦ埛鏉ヨ村畠鏈変竴濂楃敤浜庢瀯寤虹敤鎴风晫闈㈢殑涓板瘜缁勪欢锛岃繖涔熸槸鏈绯诲垪涓灏戞湁鐨勫嚑涓妗嗘灦鑳藉熷仛鍒拌繖鐐广

缂虹偣瑙f瀽锛

鎴戜滑瑙夊緱 Angular 妗嗘灦鐫閲嶄簬鍦ㄥ崟涓椤甸潰搴旂敤绋嬪簭涓鍒涘缓鐢ㄦ埛鐣岄潰骞舵病鏈夊勭悊鏋勫缓瀹屾暣鐨 Web 搴旂敤杩欎釜鏇村ぇ鐨勫叧娉ㄧ偣锛屽傛灉涓嶅強鏃╃‘瀹氫笅鏉ワ紝杩欏皢浼氬艰嚧鏁翠釜椤圭洰闅句互缁存姢锛屽湪瀹為檯椤圭洰涓锛岃繍琛屾椂鎻愪緵涓嶅睘浜庢牳蹇冩嗘灦鐨勬妧鏈寰寰璁╀汉瑙夊緱涓嶅彲鎬濊锛岃繖澶уぇ闄嶄綆浜 TypeScript 瀵规渶缁堝紑鍙戣呯殑浠峰笺

鍙戝睍鏂瑰悜锛

Angular 5 鍒氬垰鍙戝竷锛岃繖鐪嬫潵鏄 Angular 宸茬粡鎴愬姛鐨勫嵃璇佷簡蹇閫熷彂甯冪増鏈鐨勬壙璇猴紝鍦 Google 鐨勬寔缁鏀鎸佷笅锛孉ngular 浼氳秺鏉ヨ秺鎴愮啛銆

鍍忚稿氱殑澶у瀷缁勭粐涓鏍凤紝Google 鍏锋湁澶氶噸(鍒嗚)鐨勪汉鏍硷紝浠庡栬〃涓婄湅锛孉ngular 鍥㈤槦鍜岄偅浜涗笓娉ㄤ簬娴忚堝櫒鏍囧噯鐨勫洟闃熶箣闂存樉寰楀緢鍜岃皭銆備絾鎴戜滑鐨勮傜偣鏄锛屽拰璋愬彧鏄涓灞傝杽钖勭殑绐楁埛绾搞侫ngular 鍥㈤槦瀵逛簬 Web 缁勪欢鍜屾笎杩涘紡 Web 搴旂敤娌℃湁涓涓鐪熸hВ鍐虫柟妗堛傛垜浠璁や负锛屼笟鐣屾櫘閬嶈ゅ彲鐨勬爣鍑嗗皢浼氬湪 Angular 妗嗘灦涓浼氶愭ュ疄鐜帮紝杩欏皢浼氬奖鍝嶅埌濡備綍鏇村ソ鐨勬瀯寤 Angular 搴旂敤灏嗘垚涓轰竴涓涓/闀挎湡鐨勯庨櫓銆

浣跨敤鐜澧冿細

濡傛灉浣犻渶瑕佸湪涓涓澶у瀷鐨勬嗘灦鍐呰幏鍙栨妧鏈璧勬簮锛屾嗘灦鍐呯殑鎶鏈閫氬父寰堝规槗绉绘;鎴栬呬綘闇瑕佸湪妗嗘灦涓璁缁冨紑鍙戜汉鍛橈紝骞朵笖杩樿佹湁涓瀹氱殑淇″績锛屼粬浠浼氬湪鐭鏈熷唴鑾峰緱涓瀹氱殑寮鍙戣兘鍔涳紝杩欐牱鐨勮瘽浣犲彲浠ヨ冭檻 Angular 2 銆傞渶瑕佹敞鎰忕殑鏄 Angular1(angular.js)涓 Angular2 鏄鎴鐒朵笉鍚岀殑锛屽叾涓鐨勫簲鐢ㄣ佹妧鏈鍜岀粡楠屼笉鑳界洿鎺ョЩ妞嶅埌 Angular2 鐨勫紑鍙戜腑鍘汇

濡傛灉浣犵殑 Web 搴旂敤鑳藉熷緢濂界殑杞鍖栦负鏍囧噯鐨勬ā鍨-瑙嗗浘妯″紡锛岄偅涔堜綘涔熷彲浠ュ拷鐣ュ叾浠栫洿鎺ヨ冭檻浣跨敤 Angular2 銆

濡傛灉浣犲 Google Material UX 璁捐℃ā寮忔弧鎰忥紝閭d箞 Material Angular 鏄閬靛惊璇ユā寮忕殑涓绉嶅揩閫熴佺畝鍗曚笖鍙闈犵殑鏂瑰紡銆

浜屻乄eb鍓嶇妗嗘灦涔婻eactRex

ReactRex浼樺娍瑙f瀽锛

React 鍜 Rex 鐨勬渶澶т紭鍔垮湪浜庡畠浠鐩稿圭畝鍗曞拰涓撴敞銆傚仛涓浠朵簨鎯呭苟鎶婂畠鍋氬ソ鏄闈炲父鍥伴毦鐨勶紝浣嗚繖涓や釜搴撻兘寰堟湁鏁堝湴瀹屾垚浜嗗畠浠鐨勭洰鏍囥傝櫧鐒跺逛簬鏌愪簺鐘舵佸瑰櫒鏂规硶鍙鑳芥槸澶栭儴鐨勶紝浣嗗ぇ澶氭暟寮鍙戜汉鍛樿繕鏄鍙浠ヨ交鏉炬帉鎻℃傚康锛屽苟浜嗚В鍗曞悜鏁版嵁浣撶郴缁撴瀯鐨勫ソ澶勶紝绠鍖栧ぇ閲忕殑鐢ㄦ埛鐣岄潰搴旂敤绋嬪簭銆

缂虹偣瑙f瀽锛

React 鍜 Rex 鏈澶х殑寮辩偣涓嶆槸瀹冧滑鏄浠涔堬紝鑰屾槸瀹冧滑涓嶆槸浠涔堛傝佹瀯寤轰竴涓鍔熻兘涓板瘜鐨 Web 搴旂敤绋嬪簭锛屼綘闇瑕佽稿氬姛鑳斤紝涓鏃﹁劚绂 React 鍜 Rex 鍜屽叾浠栦竴浜涘簱鐨勬牳蹇冿紝浣犲皢鍙戠幇涓涓闈炲父鍒嗘暎鐨勭ぞ鍖猴紝鎷ユ湁鏃犳暟鐨勮В鍐虫柟妗堝拰妯″紡锛屼笉瀹规槗鏁村悎鍦ㄤ竴璧枫

鍥犳わ紝铏界劧 React 鍜 Rex 閮芥槸闈炲父涓撴敞鐨勫簱锛屼絾缂轰箯缁忛獙鐨勫洟闃熻繕鏄浼氬緢瀹规槗鍦扮敓鎴愪笉鍙缁存姢鐨勮В鍐虫柟妗堬紝鑰屼笉鏄鎰忚瘑鍒颁粬浠鎵鍋氱殑閫夋嫨浼氬艰嚧鎬ц兘涓嶄匠鎴栭敊璇銆傚嵆浣挎湁缁忛獙鐨勫紑鍙戜汉鍛樹篃鍙鑳芥剰璇嗗埌锛屼竴涓鏉炬暎鐨勬灦鏋勬垨鎯渚嬪彲鑳戒細鍦ㄦ湭鏉ュ洶鎵颁粬浠銆

鍋囩渷閽辨槸涓绉嶅硅嚜宸辩殑娆洪獥锛岀粍缁囪寖鍥村唴閲囩敤 React 鍜 Rex 灏嗚交鏉鹃檷浣庢棤鏁堢巼闂棰樸傛病鏈夊叾浠栧簱鍜屾ā寮忕殑骞挎硾绾﹀畾鍜屾爣鍑嗗寲锛屾爣鍑嗗寲 ReactRex 姣旇緝浜庢垜浠姝e湪閲囩敤鐨 JavaScript 鏉ョ紪鍐欐垜浠鐨勫簲鐢ㄧ▼搴忔晥鐜囪侀珮銆

鍙戝睍鏂瑰悜锛

Facebook 鍜 React 鏈杩戜粠绻佺悙鐨勯檮鍔犱笓鍒╃籂绾蜂腑鎶界伙紝浠栦滑璁よ瘑鍒帮紝灏卞儚鍏朵粬椤圭洰涓鏍凤紝鏇村箍娉涚殑绀惧尯鑳藉熸彁楂樿嚜宸辩殑澹伴煶銆傛垜瑙夊緱杩欐湁鍔╀簬 Facebook 鎰忚瘑鍒颁粬浠杩樹笉鑳芥洿濂藉湴浜嗚В鎴戜滑锛岀浉淇℃垜浠鏉ュ紩瀵奸」鐩銆傚笇鏈涜繖灏嗙户缁璐绌块」鐩鐨勭壒鐐瑰拰鎶鏈鏂瑰悜銆

寰堥毦棰勬祴 React 鍜 Rex 鐨勬湭鏉ャ備絾鏄锛屽皢搴撻泦涓鍦ㄤ竴璧凤紝纭瀹炰細鏄剧潃鎻愰珮閫傚簲鎬э紝澶у氭暟ReactRex 妯″紡閮戒細淇冭繘涓涓鍒嗙荤殑浣撶郴缁撴瀯锛屼粠鑰屽彲浠ヨ交鏉惧湴杩涜岄噸鏋勫拰杩浠c備袱骞村墠锛屽ぇ瀹跺枩娆㈢殑杩樻槸ReactFlux锛屼絾鏁翠釜绀惧尯寰堝揩灏辨嫢鎶变簡Rex銆傛濈淮鎴栨ā寮忕殑鍏朵粬閲嶅ぇ杞鍙樺彲鑳藉緢瀹规槗琚閲囩撼銆傝繖绉嶅叧閿鑳藉姏鍙鑳戒細鎸佺画鍒版湭鏉ャ

浣跨敤鐜澧冿細

濡傛灉浣犲緢灏戦渶瑕佹墜鎶婃墜鎸囧硷紝骞朵笖姝e湪瀵绘壘鏇村ソ鐨勫簱鑰屼笉鏄鍏ㄩ潰鐨勬嗘灦锛岄偅涔 ReactRex 鍙鑳芥槸姝g‘鐨勩傚湪杩欎竴杩囩▼涓锛屼綘涓嶄粎闇瑕佸逛綘鐨勫洟闃熷拰缁勭粐鐨勮兘鍔涗繚鎸佽瘹瀹烇紝杩樿佸湪浣犵殑鍒濆嬪紑鍙戣繃绋嬩腑锛屼互鍙婂湪鏁翠釜搴旂敤绋嬪簭鐨勯暱鏈熺淮鎶よ繃绋嬩腑淇濇寔璇氬疄銆

涓夈乄eb鍓嶇妗嗘灦涔媀ue.js

vue.js浼樺娍浠嬬粛锛

娓愯繘寮忔瀯寤鸿兘鍔涙槸vue.js鏈澶х殑浼樺娍锛寁ue 鏈変竴涓绠娲佽屼笖鍚堢悊鐨勬灦鏋勶紝浣垮緱瀹冩槗浜庣悊瑙e拰鏋勫缓銆

vue 鏈変竴涓寮哄ぇ鐨勫厖婊℃縺鎯呬汉缇ょ殑绀惧尯锛岃繖涓簐ue.js澧炲姞浜嗗法澶х殑浠峰硷紝浣垮緱涓轰竴涓绌虹櫧椤圭洰鍒涘缓涓涓缁煎悎鐨勮В鍐虫柟妗堝彉寰楀崄鍒嗗规槗銆

缂虹偣浠嬬粛锛

鍦ㄦā鍨-瑙嗗浘搴旂敤绋嬪簭鍜岀姸鎬佸瑰櫒绫诲瀷鐨勫簲鐢ㄧ▼搴忎箣闂寸殑浜掔浉杞鎹㈠彲鑳戒細浠や汉鎰熷埌鍥版儜锛屽嵆浣挎病鏈夊畬缇庡寘鍚涓涓妯″紡鍒板彟涓涓妯″紡鐨勫畬缇庤浆鎹锛屼絾璁╀汉鎰熻夊笇鏈涜兘缁存寔涓や釜妯″紡鐨勭浉鍏虫с傚逛簬閭d簺鏈熷緟vue.js瀹岀編瑙e喅鏂规堬紝骞跺彲鑳藉艰嚧闅句互缁存姢涓嶄竴鑷寸殑搴旂敤绋嬪簭鐨勪汉鏉ヨ达紝杩欒嚦灏戞槸浠や汉鍥版儜鐨勩

涓涓鏇村ぇ鐨勬寫鎴樻槸vue.js渚濊禆浜庝竴涓鍗曠嫭鐨勪汉锛屽緢鏄庢樉锛屽叾浠栫殑椤圭洰鍩烘湰鏄鐢变竴涓缁勭粐鎻愪緵鏀鎸侊紝浣嗚繖璁╀汉鎰熻夋洿鍔犳湁鎰忎箟锛岃櫧鐒跺畠鏈変竴涓寮哄ぇ鏂囦欢鐨勭ぞ鍖哄拰璁稿氭湁鍒涙柊鐨勬柊澧為」鐩锛屼絾鏄 vue 鏍稿績鐨勫紑鍙戝熀鏈钀藉湪涓涓浜鸿韩涓娿

鎴戜滑寰堥珮鍏寸湅鍒 vue 鏇村姞瀹规槗鎺ュ彈鏂板叴鐨勬爣鍑嗘柟娉曪紝浣嗘槸瀹冪殑绫讳技浜 Web 缁勪欢鐨勬ā寮忥紝鑰屼笉鏄鐪熸g殑 Web 缁勪欢锛岃繖鍙鑳芥槸 vue 鎵寰椾笉鍋垮け鐨勫湴鏂广

鍙戝睍鍓嶆櫙锛

铏界劧vue.js鏈夌浉褰撳箍娉涚殑搴旂敤锛屼絾涔熷緢闅鹃勬祴鍦ㄤ腑鏈熷彂灞曚腑杩欎釜鍔垮ご鑳芥寔缁澶氫箙锛屽畠涓嶆槸鐢变竴涓鍟嗕笟缁勭粐鐩存帴鏀鎸佸苟缁存姢锛屽洜姝わ紝杩欏緢澶х▼搴︿笂渚濊禆浜庣淮鎶よ呯殑鐢熷瓨鑳藉姏鍜岀户缁缁存姢涓嬪幓鐨勬効鏈涙潵鍐冲畾銆

瀹冧篃琛ㄧ幇鍑轰簡涓瀹氱▼搴︾殑璇瑷閫傚簲鑳藉姏锛屽苟涓旈殢鐫鏌愪簺妯″紡鐨勮惤浼嶅拰澶卞疇鑰岀户缁淇濇寔鑷韬璇瑷鐨勭幇浠e寲鍜屾椂浠fэ紝鐩鍓嶆病鏈夎抗璞¤〃鏄巚ue.js鏋舵瀯灏嗘潵鏃犳硶閫傚簲杩涗竴姝ュ彂灞曘

浣跨敤鍦烘櫙锛

濡傛灉浣犳湁涓涓浼犵粺鐨刉eb搴旂敤绋嬪簭锛屽苟闇瑕佷竴涓寮哄.绋冲仴鐨勫簲鐢ㄧ▼搴忓眰锛岄偅涔坴ue.js 鍙鑳芥槸涓涓寰堝ソ鐨勯夋嫨锛屽畠鏈夋竻鏅扮殑妯″紡锛屽嵆浣挎病鏈夌粡楠岀殑鍥㈤槦涔熻兘姝g‘鎴栬呴敊璇鐨勪娇鐢ㄥ畠銆傚敖绠vue UX妗嗘灦娌℃湁寮绠卞嵆鐢ㄧ殑鍔熻兘锛屼絾鍦╲ue.js涓婁篃鑳藉ぇ閲忔寔缁鎬ф瀯寤哄簲鐢锛岃繖灏嗘湁鍒╀簬浣犵殑椤圭洰銆

⑤ 鍓嶇寮鍙慉PP搴旇ラ噰鍙栦粈涔堟嗘灦锛

涓.璺ㄥ氬钩鍙板紑鍙戞嗘灦

(1).uni-app–寮鍙戜竴娆★紝澶氱瑕嗙洊uni-app鏄疍Cloud鍏鍙镐娇鐢╒ue.js寮鍙戣法骞冲彴搴旂敤鐨勫墠绔妗嗘灦锛屽紑鍙戣呯紪鍐欎竴濂椾唬鐮侊紝鍙缂栬瘧鍒癷OS銆丄ndroid銆丠5銆佸皬绋嬪簭绛夊氫釜骞冲彴銆

妗嗘灦鍥

Github鍦板潃锛歨ttps://github.com/dcloudio/uni-app

瀹樼綉鍦板潃锛歨ttps://uniapp.dcloud.io

濡傛灉瀛﹁繃vue,浼氬井淇″皬绋嬪簭寮鍙戯紝浜嗚Вmpvue锛屽緢瀹规槗涓婃墜銆傚己鐑堟帹鑽愬︿範銆

(2).Taro–涓娆$紪鍐欙紝澶氱杩愯孴aro鏄鐢变含涓-鍑瑰嚫瀹為獙瀹ゆ墦閫犵殑涓濂楅伒寰猂eact璇娉曡勮寖鐨勫氱缁熶竴寮鍙戞嗘灦銆傞氳繃Taro鐨勭紪璇戝伐鍏凤紝灏嗘簮浠g爜鍒嗗埆缂栬瘧鍑哄彲浠ュ湪涓嶅悓绔锛堝井淇″皬绋嬪簭銆丠***pp銆佸揩搴旂敤绛夛級杩愯岀殑浠g爜銆

Github鍦板潃锛

(3).Weex–Web寮鍙戜綋楠屾潵寮鍙戦珮鎬ц兘鍘熺敓搴旂敤鐨勬嗘灦

Weex鑷村姏浜庝娇寮鍙戣呰兘鍩轰簬閫氱敤璺ㄥ钩鍙扮殑Web寮鍙戣瑷鍜屽紑鍙戠粡楠岋紝鏉ユ瀯寤篈ndroid銆乮OS鍜學eb搴旂敤銆傜畝鍗曟潵璇达紝鍦ㄩ泦鎴愪簡WeexSDK涔嬪悗锛屼綘鍙浠ヤ娇鐢↗avaScript璇瑷鍜屽墠绔寮鍙戠粡楠屾潵寮鍙戠Щ鍔ㄥ簲鐢ㄣ

Vue.js鍜孯ax鏄鏈骞挎硾搴旂敤浜嶹eex寮鍙戠殑鍓嶇妗嗘灦锛屼篃鏄鐩鍓嶅姛鑳芥渶鍏ㄣ佹渶绋冲畾鐨勬柟妗堛

妗嗘灦缁撴瀯

Github鍦板潃锛歨ttps://github.com/apache/incubator-weex?spm=a2c7j.-zh-.0.0.45dac8eec3weZx

瀹樼綉鍦板潃锛歨ttps://weex.apache.org/zh/

⑥ 前端开发框架都有哪些

1. BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。2. FbootstrappFbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。3. BootMetroBootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建,用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。4. KickstrapKickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上,然后用就可以了。5. FoundationFoundation 是一款强大的,功能丰富的并且支持响应式布局的前端开发框架,你可以通过Foundation快速创建原型,利用它所包含的大量布局框架,元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。Foundation在构建的时候秉承移动优先的策略,它拥有大量实用的语义化功能,并且使用Zepto类库来取代jQuery,这样可以带来更好的用户体验,并且提高运行的速度。6. GroundworkCSSGroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5,CSS以及JavaScript工具包,可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。7. GumbyGumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。它的流式-固定布局(fluid-fixed layout)可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局,包括多列混杂的嵌套模式。Gumby提供两套PSD的模板,方便你在12列和16列的网格系统上进行设计。8. HTML KickStartHTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干净,符合标准以及跨浏览器兼容的代码。这款框架提供了多种样式表,包括网格,排版,表单,按钮,表格,列表以及一些跨浏览器兼容的web组件比如JavaScript的幻灯片功能,tabs,面包屑导航,包含子菜单的菜单以及工具提示等等。9. IVORYIVORY 是一款轻量,简单但是强大的前端框架,可以用于320到1200像素宽度的响应式布局。它基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。10.Kube最后,如果你的新项目需要一款实在的,不需要复杂的额外功能组件的,足够简单的框架,那么 Kube 将会是你正确的选择。Kube是一款最小化的,支持响应式的前端框架,它没有强加的样式设计,因此给了你充分的自由来开发自己的样式表。它提供了一些web元素的基本样式,比如网格,表单,排版,表格,按钮,导航,链接以及图片等等。


赞 (0)