移动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



  • 涓轰粈涔圦UORA閫夋嫨PYTHON浣滀负寮鍙璇█鍛?浠栦滑鎵浣跨敤鐨妗嗘灦鏄粈涔?_鐧惧害...
    绛旓細浠栦滑浣跨敤鐨勬槸 pylon锛屼笉杩囪繖鍙兘鍙槸鏆傛椂鐨勩備粬浠緢鍙兘鐢╬ython鍐嶅仛鍑轰竴涓柊鐨妗嗘灦銆
  • java寮鍙宸ュ叿闄や簡eclipse涔嬪,杩樻湁閭d簺鍟?鏈夐偅涓瘮杈冨ソ鐢ㄥ晩?
    绛旓細We鈥檙e great fans of your work!鈥濃 Yahoo! Web Search 2. Codestriker: Codestriker 涔熸槸涓涓...瀹冧篃鏄竴涓熀浜嶹eb鐨勫簲鐢,骞跺彲浠oogle App Engine 褰撲富鏈恒傚畠浣跨敤浜嗙洰鍓嶆渶娴佽鐨刉eb寮鍙戞鏋 django
  • Sercurity + Auth2妗嗘灦瀹炵幇璁よ瘉鎺堟潈
    绛旓細// If the username/password are wrong the spec says we should send 400/invalid grant throw new InvalidGrantException(e.getMessage()); } if (userAuth == null || !userAuth.isAuthenticated()) { throw new InvalidGrantException("Could not authenticate user: " + username); } OAuth2Request ...
  • 浠0鍒1,鑵捐寰紬閾惰APP椤圭洰灏忕粨
    绛旓細icon鐨勬紨鍖,Slogan鐨勬彁鐐,鍝佺墝褰㈣薄鐨勮癁鐢,闇姹傘佽璁$洰鏍囥佹惌寤哄彲鎸佺画鐨妗嗘灦绛夌瓑,灏忓埌涓涓APP鐨勫悇绉...銆We鍦ㄤ綘韬竟銆戣繖涓涓悊蹇电殑鎻愬嚭,鏄负浜嗙獊鏄惧井浼楅摱琛屼笉鍚屼簬浼犵粺閾惰閭g鍐峰啺鍐,鏈夎窛绂绘劅鐨勬劅瑙夈傚湪...鍦ㄦ湰娆¢」鐩腑,CDC璐熻矗浜嗘暣涓狝PP鐨勮璁°佺敤鎴风爺绌躲佹湇鍔¤璁$瓑绛夈傛暣涓洟闃熼氬姏鍗忎綔,鍔姏鎵撻犲叿鏈绉诲姩...
  • 甯炕璇:we noticed that there may be a reading frame shift_鐧惧害鐭...
    绛旓細1鎴戜滑鍙戠幇鍦ㄤ笌绫讳技鐨勮泲鐧借川鐩稿叧鐨刟moA鍩哄洜鎺ヤ笅鏉ョ殑缈昏瘧杩囩▼涓紝鍙兘瀛樺湪涓涓妗绉诲姩锛堢Щ鐮佺獊鍙橈級銆2濡傛灉浣犵浉淇¤繖浜涜妗嗙Щ鍔ㄨ泲鐧借缈昏瘧浜嗭紝璇峰憡鐭ユ垜浠<浣犳槸鐢熺墿涓撲笟鐨勫惂锛屽悓琛岋紒>
  • 绾㈣摑瀵规姉涔嬭摑闃熼槻瀹:ATT&CK妗嗘灦鐨勫簲鐢
    绛旓細杩戝勾鏉ラ殢鐫鍚勭骇绾㈣摑瀵规姉琛屽姩鐨勫紑灞,浼佷笟瀹夊叏寤鸿姝i愭鍚戝疄鎴樺寲杞瀷,鑰孧ITRE(涓涓悜缇庡浗鏀垮簻鎻愪緵绯荤粺宸ョ▼銆佺爺绌寮鍙鍜屼俊鎭妧鏈敮鎸佺殑闈炶惀鍒╂х粍缁)鎻愬嚭鐨凙TT&CK妗嗘灦姝f槸鍦ㄨ繖涓杩囩▼涓兘澶熻捣鍒版寚瀵兼т綔鐢ㄧ殑閲嶈鍙傝冦 ATT&CK妗嗘灦鍦2019骞寸殑Gartner Security & Risk Management Summit浼氫笂,琚獸-Secure璇勪负鍗佸ぇ鍏虫敞鐑偣銆
  • 椤圭洰绠$悊杞欢鎺掑悕濂界殑鏈夊摢浜
    绛旓細鍗佸ぇ濂界敤鐨勯」鐩鐞嗚蒋浠:1.涓绔欏紡鐮斿彂椤圭洰绠$悊杞欢PingCode;2.閫氱敤鍨嬮」鐩崗浣滃伐鍏稺orktile;3.寮婧愰」鐩鐞嗚蒋浠禦edmine;4.鍏嶈垂椤圭洰绠$悊杞欢Trello;5.鏃犱唬鐮侀」鐩鐞嗚蒋浠禡onday;6.IT椤圭洰杩借釜绠$悊宸ュ叿Jira;7.灏忓洟闃熼」鐩鐞嗚蒋浠 Teambition;8.閫傜敤浜庤法鍥藉洟闃熺殑椤圭洰绠$悊杞欢Clickup;9.宸ョ▼椤圭洰绠$悊杞欢Oracle Primavera;10....
  • 鎬ユ眰缈昏瘧 璋㈣阿~~~
    绛旓細锛 1 锛 锛 锛 2 锛夊強锛 3 锛 銆傜粨鏋 鍥7鏄剧ず浜嗗嚑甯ф彁鍙栵紝浠庝袱涓棰戝壀杈戞崟鎹绉诲姩纾佺洏銆傚浘8鏄剧ず鐨勪綅缃Щ鍔ㄧ鐩橈紝鍦ㄦ瘡涓椂闂寸灛闂翠笌鏁剰锛屽悜鐩告満鍧愭爣绯诲拰鍥9鏄剧ず浜嗗垏鍚戦熷害鐨勭鐩橈紝鍦ㄦ瘡涓椂闂寸灛闂淬傛垜浠竴鏃︽彁鍙栬繍鍔ㄧ墿浣撳湪鍏朵腑鐨勫舰璞★紝鎴戜滑閫夋嫨鍏朵腑涓涓偣锛堝儚绱狅級瀵瑰璞★紝骞舵壘鍒扮浉搴旂殑璞$礌锛屼互杩欑偣...
  • eclipse濡備綍鎼缓springmvc +mybatis
    绛旓細SpringMVC+MyBatis+Freemarker 绠鍗妗嗘灦鎼缓(涓)涓銆寮鍙鐜: Eclipse銆乀omcat銆丼VN绛夎鍙傝濡備笅鐨勫笘瀛,寰堣缁嗕簡銆 http://www.iteye.com/topic/982182...xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"xsi:schemaLocation="http://...
  • 鑻规灉鍏ㄩ潰绂佹鐑洿鏂,寰俊鍙兘閫鍑篒OS绯荤粺,鑻规灉鍜屽井淇′綘鍑嗗鏀惧純璋乢鐧惧害...
    绛旓細please submit an update by June 12th, 2017. If we do not receive an update by that date, your app may be removed from the App Store.缈昏瘧杩囨潵灏辨槸锛氫翰鐖辩殑寮鍙鑰,浠婂勾3鏈堟垜浠氱煡鎮,鎮ㄧ殑搴旂敤绋嬪簭鍖呭惈浠g爜璁捐鏄庣‘鐨勮兘鍔涙敼鍙樺簲鐢ㄧ▼搴忕殑琛屼负鎴栧姛鑳藉簲鐢ㄥ晢搴楀鏌ユ壒鍑嗗悗,涓嶆寜鐓3.3.2鑺傜殑鑻规灉...
  • 扩展阅读:开发一个app价目表 ... 外挂框架免root软件 ... 中国移动app下载安装 ... 鬼头框架直装外挂5.0 ... ai智能写作一键生成 ... 十大免root框架 ... ai智能生成ppt ... 鬼头科技直装外挂5.0 ... 冷颜框架3.0下载 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网