2021年，最适合移动和桌面应用的JavaScript框架是什么？

迷南。 2022-12-20 05:51 150阅读 0赞

![format_png][]

全文共**2205**字，预计学习时长**6**分钟

![format_png 1][]

图源：unsplash

当听到JavaScript这个词的时候，“web开发”会一下子出现在我们的脑海中，因为JavaScript在很长一段时间里一直是web应用开发最广泛使用的语言，Angular、React和Vue等框架目前也很有名。

尽管JavaScript主导着web开发领域，但是在移动和桌面应用开发领域，它不得不屈居于Java、C\#和C++之下。然而，很多人可能没注意到JavaScript对移动和桌面应用开发也产生了影响。

本文就将讨论一些主要的JavaScript框架，以及它们在移动和桌面应用开发领域的优缺点。

1.Electron

Electron是2013年推出的桌面应用开发框架。Electron允许开发者使用HTML、CSS和JavaScript开发应用，这与web开发栈很相似。此外，Electron是Node.js和Chromium的结合，这项结合使你能够使用Electron运行任何web应用和Node应用。

![format_png 2][]

图源：https://2019.stateofjs.com/mobile-desktop/electron/

Electron的优点：

·        Chromium渲染用户界面如同开发者工具一样解锁更多功能

·        功能类似web应用

·        可以使用HTML、CSS和JavaScript进行开发

·        可以专注核心应用开发， Electron负责所有繁琐的初始化步骤

·        多平台支持

·        使用npm模块

Electron的缺点：

·        Chromium需要很大空间

·        安全问题

·        本地依赖性的跨平台问题

2.React Native

React Native是目前最常用的移动开发平台之一。React native于2015年推出，很快在JavaScript开发者中流行开来，因为以前他们必须学习像Java这样的语言来开发移动应用。这种使用JavaScript开发移动应用的能力也吸引了许多web开发者使用React native开始了他们的移动开发之旅。

![format_png 3][]

图源：https://2019.stateofjs.com/mobile-desktop/reactnative/

JavaScript和JSX是ReactNative的主要组件，能够在Android和IOS平台上使用大部分代码是其大规模推广背后的主要原因。React Native有许多优点，我列出的几个重要优点如下：

·        包含各种包和库的大型生态系统

·        更短的开发时间

·        由Facebook支持的持续更新

·        多平台支持

·        热重装

·        开源

·        支持创建简化的用户界面

·        大型社区和文档

React Native的缺点有：

·        在一定程度上需要原生知识

·        相比纯原生应用，可能存在性能问题

·        安全问题

3.Ionic

Ionic是另一个基于Javascript的开源移动开发框架，它与Angular密切相关。Ionic于2013年推出，它的黄金时代随着Angular的崛起而到来。

与Electron相似，Ionic也包含HTML 5 SDK，能够使用HTML、CSS和JavaScript开发本机应用。Ionic的重点是构建具有创新性和对用户友好的应用，以满足应用需求。但可悲的是，随着React Native的大量推广，Ionic的用户数量正在减少。

![format_png 4][]

图源：https://2019.stateofjs.com/mobile-desktop/ionic/

Ionic的优点有：

·        跨平台支持

·        可以使用通用web开发技术进行开发

·        包含预设的组件和主题

·        易于学习

·        内置命令行界面

·        最新版本支持React和Vue

Ionic的缺点有：

·        不适合高性能应用

·        热重装不可用

·        安全问题

·        缺乏稳定插件

·        构建过程常见随机失败

除了上面提到的那些框架，还有很多其他的，如原生应用、Cordova和Expo，它们也可以用于开发移动和桌面应用。下图显示2019年State of JavaScript调查的统计数据。

![format_png 5][]

图源：https://2019.stateofjs.com/mobile-desktop/

可以清晰地看到，Electron和React Native都在顶端，而Ionic远远低于原生应用和Expo。但是相比之下会选择Ionic的原因是它基于Angular，如果你对Angular比较熟悉，Ionic学起来就会比较简单。

然而，也有很多不是基于JavaScript的框架，比如Flutter，在移动应用开发竞争中发展迅速。我认为这些JavaScript框架在未来很难与它们齐头并进。如果对使用JavaScript开发移动和桌面应用感兴趣，Electron和React Native是你的最佳选择。

![format_png 6][]

**推荐阅读专题**

[![format_png 7][]][format_png 7 1]

[![format_png 8][]][format_png 8 1]

[![format_png 9][]][format_png 9 1]

[![format_png 10][]][format_png 10 1]

![format_png 11][]

**留言点赞发个朋友圈**

**我们一起分享AI学习与发展的干货**

编译组：李紫瑶、邓逸瑶

相关链接：

https://medium.com/better-programming/what-will-the-best-javascript-framework-for-mobile-and-desktop-applications-be-in-2021-3883571141db

如转载，请后台留言，遵守转载规范

**推荐文章阅读**

[ACL2018论文集50篇解读][ACL2018_50]

[EMNLP2017论文集28篇论文解读][EMNLP2017_28]

[2018年AI三大顶会中国学术成果全链接][2018_AI]

[ACL2017论文集：34篇解读干货全在这里][ACL2017_34]

[10篇AAAI2017经典论文回顾][10_AAAI2017]

**长按识别二维码可添加关注**

**读芯君爱你**

![format_png 12][]

[format_png]: /images/20221120/05eaa10228b645108bc06967d624b0a6.png
[format_png 1]: /images/20221120/add2c6943a5f4c9984587e3f17d3ac87.png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9yTHhHQTg0QlV4bEhDc2xTaWFUTEoyQlQwV2lhdFYxSnJHQjNvcVd0T3ZabktSQTdET1JVOXJjSjk1SU9YRExSZ2VvY1ZwSm45bHBkODdURlA3c2xEeGlhdy82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9yTHhHQTg0QlV4bEhDc2xTaWFUTEoyQlQwV2lhdFYxSnJHY2taQkRqV29PQjdsZW5JYnZxdTZOblltS29TVXU2V2gwMmZFaWJXcE5ZTDB3RTBkTVAzaWNjSGcvNjQw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9yTHhHQTg0QlV4bEhDc2xTaWFUTEoyQlQwV2lhdFYxSnJHRk9VMVhlVklwZzJEbURIcUR5eE1uakVzQ2hJOGd6ajV3cGVmd0pNbGtRcnVWSTFQdFlzYlJRLzY0MA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9yTHhHQTg0QlV4bEhDc2xTaWFUTEoyQlQwV2lhdFYxSnJHc2lhT0NkMHk5TDdSUjR5UnZnNmdlaWJLNG9XdXhpYmhITkd0aWNqaWFEVXEwQ3FKSE1TbVRPbVo5a0EvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9qTmIwbXlnYjh4Q2RpY21XYTlpY3kwczZ0Mkd5aWJVdDhZRWZnSGx2ekM4eTA5VlhQVVNIMWIwOGdnbW1oczVBNVlPMm5SY1ZpY2I4bU1GMjNnRG9XV1I4Z1EvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9QTFNBaHVFbEZ4a0czZ0ExUVNleW1zeGduNVdpYmJSeHNOSGdVbmhOWkZDU3ZZdm4wM0s3TXRnV2xoYUJXU214Y29mamxNbmljZ1Bud2p0R0QwbGFiZGxnLzY0MA?x-oss-process=image/format,png
[format_png 7 1]: http://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea841ec4ddf397d2bb194670056d7ed973cf4349656e20d98bd139d8a5d99526a799fb243f8d&idx=1&mid=2247493138&scene=21&sn=d2fa895e71260f2576fa952cf2487522#wechat_redirect
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9QTFNBaHVFbEZ4azV1aWJCSWpWWkR3MGhqY1ZQTVNtQU5Ld1RwOXJ0VzhSSVA5WjNPalpPV0x5cWxiTm1tSWRQdGNETWlhRzlHUzAxSUN6UmVMaWNYTElpYWcvNjQw?x-oss-process=image/format,png
[format_png 8 1]: http://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea841ed9ddf397cf9a7136dfb1352cf9fb1127b3061293cf716f8ee95b4560e694fce20a1e24&idx=2&mid=2247493135&scene=21&sn=5711dc1074411b7e45b40eb34fecc648#wechat_redirect
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9QTFNBaHVFbEZ4bE9NdXV6UHFKcmlidkNQekNWWVV4VHRSMWljNVBpYnhKaWJXaWNlTm1DZDVNdm1pYzFWcHgzSWdyODFHUmlhbk9pYmFZcUN0N1FkaHl0eWhpYkNSZy82NDA?x-oss-process=image/format,png
[format_png 9 1]: http://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea841ec4ddf397d28ed77a111732be52384c9be414e0aad59c570ada6b29278755d066ae2090&idx=2&mid=2247493138&scene=21&sn=e45fe93b00342ba9eac222f24369d036#wechat_redirect
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9QTFNBaHVFbEZ4blZ2QTBrSmdXbTVqR1JBbXhSYUw5amx4SmFDQnhvMTdjeDU3OXdWVWNPRUxlNEZrUGt4YXVQRGVCUHdSSWZMM2xLaWFhQ3VwNWZOaWNRLzY0MA?x-oss-process=image/format,png
[format_png 10 1]: http://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea841ed9ddf397cfbc27f47a160ee926a706f1b3151c53f707c8f221fde0ea51446aabe2148d&idx=1&mid=2247493135&scene=21&sn=cce4cc400933c960a3200fd0dfa4d0a7#wechat_redirect
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9QTFNBaHVFbEZ4bXl1ZjA0ckNGWE8walI5MGNTdnNUaWFsZkNpY3duUGhoRExrajJKdmFNVHEzRHNaN25ZZ1gyNWxueGd2THh5WWhDMktMNmlheUJjUHpsdy82NDA?x-oss-process=image/format,png
[ACL2018_50]: https://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea87ee2addf0673cae27c598a097f5addad5d81b2ed766e570f20fc0fb12b77c5cf34098022e&idx=1&lang=zh_CN&mid=2247489276&scene=21&sn=98e22e2b69478303f1f1a0a51e712570&token=192322725#wechat_redirect
[EMNLP2017_28]: https://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea87eaadddf063bb3ab4ec5af616612a45f8d4fe9a5ad558f66278478296060253c1564bd05c&idx=1&lang=zh_CN&mid=2247488123&scene=21&sn=a55185f3a693f7a5d85b1abe3dd36177&token=140500370#wechat_redirect
[2018_AI]: https://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea87f6ebddf07ffd8e84bcc18d7122f894b6cf5dc967daad9c2e122edb22968fd6f589d6852f&idx=1&mid=2247487037&scene=21&sn=37cd38b305aa874c29d764361c88a202#wechat_redirect
[ACL2017_34]: https://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&chksm=ea87f59addf07c8c2480dd46784a431612d099d3d0531449aa8e64f68b3ba340363578d95659&idx=1&mid=2247486796&scene=21&sn=a8ae95efbf16985a259c4cd66bf919f2#wechat_redirect
[10_AAAI2017]: https://mp.weixin.qq.com/s?__biz=MzI2NjkyNDQ3Mw%3D%3D&idx=1&lang=zh_CN&mid=2247487100&scene=21&sn=3bd640ec4f00c5104664687194dd9a51&token=77118319#wechat_redirect
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9RR2o3V0YzbFIwUnhhOU42aEo4eFFwdnNaR2ljR09LSXBpYWtCOXlQQjl3RlFvMWliYVB3ZU9qcDFkYndpYWUzdXg4OERXRWg1dExFcHo2S0pqemNVSDVwOWcvNjQw?x-oss-process=image/format,png