整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

2021最适合移动和桌面应用的JavaScript框

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

文共2205字,预计学习时长6分钟


图源: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应用。


图源: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开始了他们的移动开发之旅。


图源: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的用户数量正在减少。


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


Ionic的优点有:

· 跨平台支持

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

· 包含预设的组件和主题

· 易于学习

· 内置命令行界面

· 最新版本支持React和Vue

Ionic的缺点有:

· 不适合高性能应用

· 热重装不可用

· 安全问题

· 缺乏稳定插件

· 构建过程常见随机失败

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

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


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

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


留言点赞关注

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

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


onic是以CLI为开发工具的hyrd app开发框架,在整合开发过程中CLI随处可见,现在使用CLI进行页面的创建

注意

确保安装以下环境

  • Node 6 LTS
  • NPM 3+

1.安装 ionic

npm install -g ionic@latest

2.创建新的项目

ionic start zmApp

3.启动项目

ionic serve

4.添加新的页面

ionic generate type Name –options

  • type 类型 eg. component directive page pipe provider tabs
  • name 名称
  • options
  • –no-module 不产生Ng module组件
  • –constants 创建一个lazy-loaded page文件

ionic 2.0 新增页面文件

├── contact.html 页面html结构

├── contact.scss sass style

└── contact.ts TypeScript 代码

inonic 3.0 新增页面文件

.

├── contact.html

├── contact.module.ts

├── contact.scss

└── contact.ts

5.修改页面引用相关内容

6.新增Tab选项

  • tabs.ts文件

-tabs.html

7.效果

此外,在CLI新增页面后,需要Ctr+C,然后重新运行才能生效

此之前济南文汇传媒的小编就已经总结过APP开发中移动APP的技术框架都有哪些。当然,小编也只是总结了比较有代表性的开发框架,并没有很面面俱到。这其中Ionic框架因为优势比较明显,所以今天济南文汇传媒的小编就单独和您一起来看一下关于Ionic框架的优点以及为什么要选择使用它。


专业开发移动APP/济南文汇传媒


首先,我们来看一下Ionic框架的官方解释的含义。

Ionic框架是基于Web技术应用HTML、CSS以及JavaScript技术进行智能设备APP开发的框架,Ionic框架是用来开发混合模式的移动APP开发框架。

关于Ionic框架的优点以及要选择使用它的原因?

1、全套的UI组件

Ionic框架很注重外观的体验,所以它提供了很多UI组件帮助开发者开发APP,比如:下拉刷新、标签等。界面美观,开发者能够很快的上手,开发的APP都很实用。

2、代码容易维护

因为Ionic框架是基于AngularJS,也就支持AngularJS的特点,遵循标准的代码,维护代码就很容易,能够完美融合AngularJS。

3、支持跨平台

可以在主流的Android操作系统和ios操作系统上运行,或者其他的操作系统也可以支持。省去很多麻烦。


专业开发移动APP/济南文汇传媒


4、很多强大的命令行工具

使用Ionic框架只需要一个命令就能够创建部署应用程序在任何平台上,因为命令行工具有很多有用的功能可以实现。

5、强大的社区、框架适用范围广

能够编译成各个平台的应用程序。

以上就是济南文汇传媒的小编能够想到的关于Ionic框架的优点以及为什么要选择使用它。希望能够帮助到您!