前端混合开发框架

前端这点事 1835 0

一.跨多平台开发框架

(1).uni-app--开发一次,多端覆盖uni-app 是DCloud公司使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

前端混合开发框架-第1张图片-前端这点事

Github地址:https://github.com/dcloudio/uni-app

官网地址:https://uniapp.dcloud.io

如果学过vue,会微信小程序开发,了解mpvue,很容易上手。强烈推荐学习。

(2).Taro--一次编写,多端运行Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H***pp、快应用等)运行的代码。

前端混合开发框架-第2张图片-前端这点事

Github地址:http://github.com/nervjs/taro

官网地址:http://taro.aotu.io/

如果你会React ,很容易上手Taro。


二.移动端混合开发框架

混合开发是指JS开发+原生渲染 一套代码,iOS 安卓都可使用。

(1).Flutter--极速构建漂亮的原生应用Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter Framework是一个完全由Dart语言构建的SDK,它实现了一整套自底而上的基础库。

前端混合开发框架-第3张图片-前端这点事

框架结构

官网地址:https://flutterchina.club

(2).React Native--使用JavaScript和React编写原生移动应用React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。

前端混合开发框架-第4张图片-前端这点事

框架结构

(3).Weex--Web 开发体验来开发高性能原生应用的框架

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用。简单来说,在集成了 WeexSDK 之后,你可以使用 JavaScript 语言和前端开发经验来开发移动应用。

Vue.js 和 Rax 是最广泛应用于 Weex 开发的前端框架,也是目前功能最全、最稳定的方案。

前端混合开发框架-第5张图片-前端这点事

框架结构

官网地址:https://weex.apache.org/zh/guide/introduction.html

(4).Apicloud--高效的APP开发和定制平台

APICloud是国内低代码开发平台的引领者与效率革命的探索者,基于对云原生、DevOps、混合开发等能力的持续集成,我们完成了从移动开发向低代码开发平台的演进,并形成了坚实的生态壁垒和先进的敏捷开发能力。在APICloud低代码开发平台,可将原有数月甚至数年的开发时间成倍缩短,从而帮助企业降本增效,轻松应对创新性数字化挑战。我推荐部分企业缺少自己APP的,想要短时间上线的,可以使用这个定制。几万块钱,比单独找程序员开发成本更低、更稳定。

官网地址:https://www.apicloud.com/


三.前端开发框架

(1).Vue--渐进式JavaScript 框架

前端混合开发框架-第6张图片-前端这点事

Vue框架是用于构建用户界面的渐进式框架。它是可以自底向上逐层应用。Vue 的核心库只关注视图层,上手简单而且还便于与第三方库进行整合。

Github地址:https://github.com/vuejs/vue

官网地址:https://cn.vuejs.org/

(2).React--用于构建用户界面的 JavaScript 库

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。

Github地址:https://github.com/facebook/react/

官网地址:https://react.docschina.org

(3).Angular--一套框架,多种平台移动端 & 桌面端

前端混合开发框架-第7张图片-前端这点事

Angular是一个强大的前端框架,其强大之处主要是可以把静态页面与动态数据绑定起来。首先angular是一个mvc框架,它与jquery不同之处在于,前者致力于mvc代码解耦,采用model,controller以及view方式去组织代码,而后者提供给你了很多APi函数,你可以不用写很多原生js去实现比较复杂的效果,比如说动画,$.animate,

前端混合开发框架-第8张图片-前端这点事

Github地址:https://github.com/angular/angular

官网地址:https://www.angular.cn

前端框架少不了UI组件框架的结合。


标签: 混合开发

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~