移动APP开发框架盘点2:Web移动前端框架大全

作者&投稿:巴轰 (若有异议请与网页底部的电邮联系)
~

开源项目其实有一个成熟周期,这个周期大概是三年左右,自React框架在2013年发布并引爆了前端框架的大潮,这个属于前端的周期就此开始了。

之后在2015年5月开源的React Native又开启了属于Web移动前端的周期,15-16年,18-19年,21-22年正好就是属于移动前端的三个爆发点。

三年前,在第一个成熟收获期,我盘点了移动开发框架。在这第二个成熟收获期,理所当然要来盘点一波。

不过,当我点开github项目的code-frequency时,还是被这个准到吓人的周期猜想惊呆了,先给你们看一波,剩下的自行验证。

1、https://github.com/youzan/vant/graphs/code-frequency

2、https://github.com/quasarframework/quasar/graphs/code-frequency



再来说第二个比较有意思的发现,停止维护的项目绝大多数是Vue框架项目。

盘点开始的时候我还觉得React框架处于绝对劣势,到完成时我发现React无论在选择面还是成熟度上都超过了Vue。

原因我这里就不分析了,反正大家都有自己的看法。

网页类框架就是前端组件框架,这一次虽然有大量项目停止维护,但是也有很多项目坚持了下来,而且还涌现出了一批新项目。

大厂占了主导,因为这些年大厂在移动开发上的需求,远高于其它方面。个人项目要坚持确实不易。

本来是想要做一个验证项目,把所有框架都试用一遍并给出推荐度的。由于进度太慢,还是下一次再发吧。

这次的重点是渐进类框架,就是所谓多端同构框架(小程序框架)。这几年国内的重点的各种小程序平台,所以多端框架的需求很是旺盛。

不过大多数先行者都没挺过来还是让我很意外,只有Taro成功了,想想还是有很多让人唏嘘的东西。

在这里还是先预测一波吧,因为这一类框架最变化最大,最终还是有很多框架要出局的。

渐进类框架是一个过渡性的产品,最终会变成桥接类框架的一部分,所以,与桥接类框架协同才是框架的出路。

这个赛道基本全是大厂了。

腾讯新一代跨端开发框架Hippy

Hippy一看就是淘宝Weex的对标项目,Kpi功能全面压制。所以官方支持 React 和 Vue 两种主流前端框架。在Weex2019年实质停更后发布,要不要这么卷?

Hippy 2.x 架构主要分成三层,UI(JS) 层 Hippy-React 和 Hippy-Vue 负责驱动 UI 指令生成;中间层 C++ HippyCore 负责抹平平台差异性和提供高性能模块;渲染层 Android 和 iOS 负责提供终端底层模块、组件,并与布局引擎通信。

对Weex惨遭遗弃,我上次就说过:「ReactNative提供工具,Weex提供框架,将平台差异化屏蔽(Write Once, Run Everywhere)。所以Weex则注定功能相对弱小,并且坑比较多。」Weex最终下马也是必然的,淘宝又发布升级版北海,为了实现(Write Once, Run Everywhere),它采用自绘,而且是基于Flutter自绘。

所以Hippy3.x就一如既往的Kpi功能层层加码,很有腾讯风格。在未来的 3.x 中业务与渲染层中的具体实现可根据用户实际场景进行切换:业务层上不再局限于 JS 驱动,还可选择(如:DSL/Dart/WASM 等)其它语言进行驱动;在渲染层中,渲染引擎除了支持现有原生(Native)渲染之外,还可以选择其他渲染 Renderer,如 Flutter(Voltron) 渲染。

「Kraken 北海」是一款高性能Web渲染引擎。底层基于 Flutter 进行渲染。

Kraken 不限制上层开发者使用的框架,无论你是使用 Vue 、Rax 还是 React 都可以开发 Kraken 应用。

Kraken 的 runtime 通过 JS Engine Binding 的方式提供了一系列 Web 标准的 API 接口,调用相应 API 会执行相关逻辑并创建一系列需要发送给 Dart 层处理的指令。

Kraken 其实就是一个小程序平台,而且追求全平台完全一致。我虽然认为各平台不一致是很自然的事情,但是也表示理解,毕竟别人吹牛有当真的传统(KFC表示认同)。

Kraken 现在也是一个小号浏览器,所以它的主要工作就是抠标准,毕竟它是一款基于 W3C 标准的高性能渲染引擎。

最后,我劝淘宝领导定Kpi要理智些,毕竟Hippy4我还蛮期待的。

滴滴出品的超轻量级动态化跨端开发框架,主打轻量和实用。

Hummer 以 JS 引擎为基石,目前已支持 JavaScriptCore、Hermers、QuickJS 等业内知名 JS 引擎(这里本来还有个V8的,我删除了,源码里面没有,Kpi需要)。再配合经过调优的 Yoga 布局引擎,抹平了两端视图布局差异(性能更佳的自研布局引擎开发中)。顺便提一下,Hippy采用V8(功能更强)自研布局引擎(性能更佳)。

Hummer 的特点是抛弃了业界其他动态化跨端框架普遍使用的DSL层和VDOM层,因此原生 Hummer 不具备前端开发常用的响应式编程的能力,但同时换来的是接近原生开发的体验和性能。再以原生 Hummer 为基础,在此之上开发了一套基于MVVM架构的开发框架 —— Tenon ,通过 Tenon,可以把使用 Vue/React 编写的代码,转换成原生 Hummer 的代码。

Hummer也是一个小程序平台,而且超轻量。如果想要无限提升自己APP的能力,可以考虑嵌入Hummer。

Web移动前端框架正在迎来第三个高速发展期,各类框架得到极大繁荣。

个人在具体项目的贡献已经微乎其微了,创新、架构创新是唯一制胜的手段,这也是我看好React的根本原因。

最后,还是想做点微不足道的 探索 ,现在前端组件库层出不穷,更换组件库带来的代价有点大。想创建一个框架,来实现上次说的组件公约数和公倍数,无缝切换组件库。理论上支持所有组件库 ,也能为后来者提供弯道超车的机会。我想大厂可能没有需求,也不会愿意发布这种框架,毕竟都是平台部门说了算。

这个库就是useMobile,当然分为useMobileReact和useMobileVue。下次先发布useMobileReact。等我发布后,再来填上面表中缺的推荐度。

原文地址: https://www.cnblogs.com/windfic/p/16019457.html




python编程开发app教程(自学编程软件入门)
准备工作使用python开发应用程序需要python模块kivy。Kivy是一个开源的跨平台Python开发框架,用于开发创新的应用程序。简而言之,这是一个python桌面程序开发框架。什么 的强大在于kivy支持linux、mac、windows、android和ios平台,这也是开发app需要这个模块的原因。一系列python教程,免费提供,遇到bug及时反馈,...

手机app开发
了解自己想要做的APP的基础功能,划分板块。对基础功能的了解、板块的分类,上手最快的方法就是:查看市场上类似的APP进行借鉴。界面及交互的设计,可以直接使用“墨刀”。可以先设计一个大概,后期不断丰富。除了这些功能基础,App开发还涉及到UI设计、框架、性能优化、调试适配等。首先,制作一款APP,必须...

中小型软件企业开发使用什么框架?
中小型软件企业开发使用什么框架? 北京开运联合认为:Creat系列框架(java框架、c++框架、.框架、app框架、php框架)是集快速开发+通用权限管理+工作流+即时通讯+微信组件+智能开发+智能报表+手机APP开发等组件于一体的敏捷开发框架。开发难度小,提高50%以上的工作效率,可无线扩展,轻松开发APP、CRM、OA...

开发app用什么软件好
4、UniApp是一个跨平台的开发框架,支持同时构建iOS、Android和Web应用程序。它基于Vue.js框架,并使用了一些其他技术来实现跨平台功能。关于UniApp所使用的版本,具体取决于您当前正在使用的UniApp版本以及您想要构建的目标平台。5、如果是uni-app那就选uview(完美,好用),兼顾满足小程序、APP、H5等。...

如何开发手机app
原生APP是用原生程式编写运行的一种第三方应用程序,它是基于移动设备(智能手机、平板电脑等)操作系统(如IOS、Andriod、WP)使用,用户通过应用市场或应用商店进行下载安装到自己的智能设备上。但是该开发针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开发,工程量大。原生APP是需要定制...

app开发具体流程
app开发具体流程 简单点来说,要视手机APP的需求及质量而言,价位一般在几千到十几万左右,更高端的价格更高。今天,我们就来详细分析一下这个问题,请继续往下看吧。一、APP开发款式分为固定款和定制款,两者的价格均不相同 固定款:是指直接套用已有的、现成的APP固定模板,报价是固定的,所需要的...

为什么会有App跨平台框架
因此在流畅度上,比较容易可以和Native App做到差不多的水平。在功能性和与行动平台功能的整合性,也较Hybrid App为佳。这类框架通常都有其特别的适用范围,如Titanium可以使用原生的UI元件,适合一般的应用开发。Corona则是2D的游戏引擎,Unity则是3D游戏的首选开发框架。和原厂的开发平台相比,这些框架常...

APP开发的方式都有哪些
移动APP开发方式有:1、原生APP 通过Android或iOS官方推出的编程工具制作开发,用纯代码编写。缺点是开发成本高,更新麻烦,无法跨平台,Android和iOS都需要单独开发,而且开发比较复杂,所以开发成本非常高、开发周期也比较长。升级比较麻烦,每次升级都需要下载安装包,而且iOS每个版本还得经过App Store的审核...

开发APP的流程有哪些?
此处的用户需求分析是基于用户的要求进行APP功能的梳理。注意此处是用户,因为很多公司要求开发出来的APP是给其用户使用,因此在整理APP开发需求时,不仅要了解开发企业的需求,也要了解其客户群体的需求。最终将这些需求进行梳理、分类,整理出大体的APP功能框架。此过程中需要与客户密切的进行沟通,力求做到...

开发一款APP的完整流程
针对的主体都是用户,“以用户为中心”,不是瞎喊口号。因为很多公司所开发的APP都是给需求用户所使用的,所以,在整理APP开发需求的同时,不仅要根据企业所要求的开发需求,也要了解这个企业所针对的广大用户的需求。最终将这些需求梳理、分类,整理出大致的APP功能框架。在这个过程中,切莫断了与所对...

澧县15176433345: 目前主流的移动WEB开发框架有哪些 -
单于薇回春: 目前主流的移动WEB开发框架有哪些?Web框架也可以理解为B/S(Brouser/Server)框架,是一种基于浏览器载体的框架,包含前端、后端和数据库三个大的方向,各个方向的工具技术都不一样.现在主流的工具技术包含.NET、SqlServer、...

澧县15176433345: WEB移动端开发使用什么框架比较好? -
单于薇回春: 以下先列出作为【开发框架】技术选型的候选:1. DCloud出品:MUI;2. MSUI(基于大名鼎鼎的Framework7框架,但MSUI的兼容性更好);3. FrozenUI;4. Clouda是百度历时两年共同研发的开源App技术框架,基于Node.js,简单易用,完美结合...

澧县15176433345: web app 开发使用哪个框架最好 -
单于薇回春: 第一款:Sencha Touch Sencha Touch 是世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架,你可以使用 HTML5 来编写音频和视频组件,还可以使用 LocalStorage Proxy 来存储离线数据,同时,大量 CSS3 样式表为你提供了创建健壮样...

澧县15176433345: 做移动端WebApp用什么框架比较好 -
单于薇回春: 推荐 Ratchet,它的目标是做手机端的Bootstrap,哦哦,当然还有Bootstrap.推荐这两个的原因是:他们都是覆盖HTML+CSS+JS的全面框架,提供完整视觉元素和大量小工具.jQuery只是增加了Ajax功能的DOM类库,不是框架.当然jQuery几乎是必须的.JS方面,建议用Backbone或者Angular来组织代码.

澧县15176433345: 移动webapp前端ui用哪个框架好 -
单于薇回春: 作为一个伪FEEer,尝试着回答一下.UI的话,分为基础样式和基础组件两部分.基础样式:建议这一部分可以用一些轻量级的库如Purecss,采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的...

澧县15176433345: Web App 开发使用哪种框架比较好 -
单于薇回春: 推荐使用 jquery mobile jQuery Mobile 是创建移动 web 应用程序的框架.jQuery Mobile 适用于所有流行的智能手机和平板电脑.jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局.

澧县15176433345: 做webapp开发,性能和效率最好的框架和打包app平台分别是哪个 -
单于薇回春: 之前学习angular的时候接触过一个叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架,官方描述是The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5. Ionic 是一个用HTML, CSS 跟JS 开...

澧县15176433345: 楼主请问:APP开发的框架有什么?
单于薇回春: react现在很火,发展也很快,可以先学习学习,不过react只是View这一层,是个库,并不是一个完整的框架.而Angular可以说是个大而全的框架,但是载入速度相对比较慢,还有就是Angular2.0和1.0有很大不同,几乎是个推1翻重做的感觉,所以现在如果用1.x的话,感觉会比较尴尬.(汉全科技框架更齐全)

澧县15176433345: 手机webapp目前主流开发技术是什么? -
单于薇回春: App开发公司【商侣软件】认为,目前手机webapp主流的开发技术是HTML5语言,这一技术语言支持直接在网页上进行调试和修改,所以广受手机App开发者的青睐,并且html5开发技术还具备众多优势,让更多的开发者喜欢用这种技术来开发webApp应用软件.

澧县15176433345: APP开发的方式都有哪些? -
单于薇回春: Native 开发:一般使用的开发语言为JAVA、C++、Objective-C.开发者通过Android或iOS官方推出的编程工具制作开发,目前市场上的App大多数都是原生开发.原生开发优势:App可实现的功能多样、丰富,App的性能好,提供最佳的用户体...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网