codecamp

应用程序框架工具(台式机,手机,平板电脑等)

前端应用程序框架:【^1】
原生混合移动WebView框架(例如:浏览器引擎驱动):

这些解决方案一般使用Cordovacrosswalk、或自定义WebView作为使用原生接口的桥梁。

原生混合移动开发Webview环境/平台/工具 (例如:浏览器引擎驱动):

这些解决方案一般使用Cordovacrosswalk、或自定义WebView作为使用原生接口的桥梁。

原生桌面WebView应用程序框架:(例如:浏览器引擎驱动):
各种平台应用程序框架:

这些解决方案可以让您在多个平台和设备上构建应用程序。

原生移动应用程序框架(又叫做原生JavaScript应用程序)

这些解决方案在运行时使用JS引擎解析JS并连接到原生接口。没有使用浏览器引擎和WebView。 UI由本机UI组件构成。

参考:
性能:

注意:

2017年基于UI应用程序构建组件时需要注意infernoSvelte、 和NX


建议:

[^1] 如果你是前端/JavaScript应用程序开发的新手,建议从Riot 或 Vue.js开始着手。其次学习React。然后Angular 2Ember、或者 Aurelia

如果你开发的是一个数据交互少的小型网站(基本上是一个静态页面),这时不需要使用前端框架。许多工作可以使用任务运行工具如Gulp 和 jQuery来替代,同时可以避免不必要的学习和使用复杂的应用程序框架工具。

想要比React更小的框架,可以考虑下Preact。Preact是对React重构核心的议案(类似像Mithril的库), 使用尽可能少的代码,并对ES2015提供一流的支持。目前库的大小是3kb左右(压缩和打包之后)。

无法决定使用React还是Angluar 2时,请阅读,"Angular 2 vs React:终极对决"


调查结果:

下面图片的来自 2016前端工具调查 (4715名开发者) 和 2016年JS调查状况(9307名开发者)

图片来源:https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results

图片来源: http://stateofjs.com/

图片来源:http://stateofjs.com/


无障碍访问工具
渐进式 Web 应用工具
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }