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

要得太多，无从做起。给你两个东西自己照着做吧。

去百度搜

t110.mpq或jp110.mpq(1.10版)

jp111.mpq(1.11版)

下载以后直接放入暗黑文件夹中。建立启动程序的快捷方式，在属性的目标一串地址后面加：

（空格）-mpq jp111.mpq

用快捷方式启动游戏，去阿卡拉那买东西，符文珠宝宝石板符任你买，取之不尽。附带一些合成公式，给装备合绿装、暗金、金色装、打孔，都可以。做符文之语出来的也直接是JP。

6BOSS任务没办法，单机没有模拟得更好的了。

使用方法：在快捷方式目标栏加上 -mpq jp111.mpq 参数

jp111.mpq相比jp110.mpq只是多了几个公式,绝大部分一样

31#+32#+33# =3把钥匙,一样一个

3个33# = 眼睛,角,大脑

红门的合成公式同bn一样

其余功能:(和jp110.mpq一样)

a.老规矩,全部是JP ,可能个别runeword数据有错误 ,请指正

b.商店全套rune,jew,gem,sc,gc,lc卖

c.1#=2#=3#= ...................=33#=1# rune循环

d.有叠加公式，很变态

e.赌博可以出角色专用装备.

f.左键可以使用全部技能.

g.CD 在崔斯特瑞姆可以找到. ( 死后会掉4个 DD , 3个sc ,一个 gc ,都是暗金的,具体内容见后面说明)

h.更方便的洗gc ,sc公式.

i. 许多人反映洗soj不方便,现在使用rune定位暗金项链,戒指

特别公式：

1.任意物品加一个鉴定卷轴=该物品的unique形态（charm不行）

2.任意物品加一个回城卷轴=该物品的set形态

3.任意物品加一瓶生命恢复药水=保留原全部属性的该物品的升级形态，升级次序为normal->exceptional->elite->再返回exceptional

4.打空公式：任意没打孔的weapon或者armor+1#－6#=在这个物品上打1-6个孔（不能超过物品本身得空数限制）

5.任意一个smallcharm+32#=带+461%经验值属性的smallcharm(辅助快速升级，连续合成几次,可以得到 +461%更多经验值获得的sc)

6.任意一个smallcharm+33#=带+7技能等级属性的smallcharm(连续合成7次,就成了+7技能的SC了)

7.任意具有耐久度的物品 + 解毒药剂 = 物品变无形,并且可以恢复耐久度(无形DD可以用这个公式修理，这个比较厉害，以后咱全用eth滴咯)

8.洗东西公式：

蓝色物品 = 蓝色物品（属性会变化，不过要出JP也需要rp哦）

金色物品 = 金色物品

绿色物品 = 绿色物品

超强白色物品=超强白色物品 ( ED什么的会改变)

任意武器+蓝瓶=残忍之快速的武器

任意装甲+蓝瓶= 100life ,4s 血甲

洗GC的公式:

任意一个 grand charm + 第三级别以上的宝石 + 任意血瓶 = 加一人物技能 ,45life 的 grand charm

任意一个 grand charm + 第三级别以上的宝石 + 任意法力瓶 = 加一人物技能 ,12fhr 的 grand charm

紫宝石 对应 asn 的技能

黄宝石 对应 ama 的技能

蓝宝石 对应 barb 的技能

骷髅对应 nec 的技能

钻石对应 pal 的技能

红宝石 对应 sorc 的技能

绿宝石 对应 dru 的技能

任意一个 grand charm + 蓝瓶+红瓶 = 10max,74ar ,45life 的 grand charm

任意一个 grand charm + 2个红瓶 = 132 ar ,45life 的 grand charm

任意一个 grand charm + 2个蓝瓶 = 14max, 74ar 的 grand charm

任意一个 grand charm + 3个蓝瓶 = 10max, 74ar ,12fhr 的 grand charm

洗SC的公式:

任意一个 small charm + 2个完美绿宝石+ = 451毒素伤害的 small charm

任意一个 small charm + 完美红宝石+血瓶 = 带火焰伤害属性,+20life的 small charm

任意一个 small charm + 完美黄宝石+血瓶 = 带闪电伤害属性,+20life的 small charm

任意一个 small charm + 完美绿宝石+血瓶 = 带毒素伤害属性,+20life的 small charm

任意一个 small charm + 完美蓝宝石+血瓶 = 带冰冻伤害属性,+20life的 small charm

任意一个 small charm + 完美钻石+血瓶 = 带增加四防属性,+20life的 small charm

任意一个 small charm + 2个蓝瓶 = 3max , 20ar, +5fhr的 small charm

任意一个 small charm + 完美红宝石+ 蓝瓶 = 带火焰伤害属性,+5fhr的 small charm

任意一个 small charm + 完美黄宝石+ 蓝瓶 = 带闪电伤害属性,+5fhr的 small charm

任意一个 small charm + 完美绿宝石+ 蓝瓶 = 带毒素伤害属性,+5fhr的 small charm

任意一个 small charm + 完美蓝宝石+ 蓝瓶 = 带冰冻伤害属性,+5fhr的 small charm

任意一个 small charm + 完美钻石+ 蓝瓶 = 带增加四防属性,+5fhr的 small charm

任意一个 small charm + 蓝瓶+红瓶 = 3max , 20ar, 20life 的 small charm

任意一个 small charm + 蓝瓶+体力药剂= 3max , 20ar, 3frw 的 small charm

任意一个 small charm + 完美绿宝石+ 体力药剂 = 带毒素伤害属性,+3frw的 small charm

任意一个 small charm + 完美红宝石+ 体力药剂 = 带火焰伤害属性,+3frw的 small charm

任意一个 small charm + 完美黄宝石+ 体力药剂 = 带闪电伤害属性,+3frw的 small charm

任意一个 small charm + 完美蓝宝石+ 体力药剂 = 带冰冻伤害属性,+3frw的 small charm

任意一个 small charm + 完美骷髅+红瓶= 17mana, 20life 的 small charm

任意一个 small charm + 完美骷髅+蓝瓶= 17mana, 5fhr 的 small charm

任意一个 small charm + 完美骷髅+体力药剂= 17mana, 3frw 的 small charm

洗黄金装备:

任意黄金武器+33# = 带40ias ,450ed ,2s 属性的黄金武器,其余2个 mod 随机

任意黄金武器+32# = 带40ias ,300ed ,2s, 1xxx ar(以角色等级决定),4x max dam(以角色等级决定)属性的黄金武器,其余2个 mod 随机

(注意: 40ias属性不能出现在bow上!)

洗头环:

任意黄金头环+完美宝石=+2技能头环

紫宝石 对应 asn 的技能 固定有 2asn skill , 30frw , 20fcr ,2 sock 属性,其余2mod随机

黄宝石 对应 ama 的技能 固定有 2ama skill , 30frw , 20dex ,2 sock 属性,其余2mod随机

蓝宝石 对应 barb 的技能 固定有 2bar skill , 30frw , 30str ,2 sock 属性,其余2mod随机

骷髅对应 nec 的技能 固定有 2nec skill , 20dex , 20fcr ,2 sock 属性,其余2mod随机

钻石对应 pal 的技能 固定有 2pal skill , 20dex , 20fcr ,2 sock 属性,其余2mod随机

红宝石 对应 sorc 的技能 固定有 2sor skill , 20dex , 20fcr ,2 sock 属性,其余2mod随机

绿宝石 对应 dru 的技能 固定有 2dru skill , 20dex , 20fcr ,2 sock 属性,其余2mod随机

洗项链和戒指:

任意黄金项链+血瓶=双偷项链

任意黄金戒指+血瓶=双偷戒指

任意黄金戒指+蓝瓶=fcr项链 ,带固定mod : 90 mana ,20str

手工艺品:

公式照旧 ,

洗blood amu ,blood ring , 固定有 双偷,20str属性

cast amu , cast ring , 固定有 10fcr ,110 mana ,20str属性

洗jew :

任意jew+血瓶= ed jew ,另一个mod随机

任意jew+血瓶+ 1# =ed/ias jew

任意jew+血瓶+ 2# =ed/fhr jew

任意jew+血瓶+ 3# =ed/-req jew

任意jew+血瓶+ 4# =ed/str jew

任意jew+血瓶+ 5# =ed/dex jew

任意jew+蓝瓶=4r jew,另一个mod随机

任意jew+蓝瓶+ 1# =4r/ias jew

任意jew+蓝瓶+ 2# =4r/fhr jew

任意jew+蓝瓶+ 3# =4r/-req jew

任意jew+32# =-REQ/7FHR/30fr 黄金jew,第四个mod随机

任意jew+33# =-REQ/7FHR/30ed 黄金jew,第四个mod随机

物品复制:

戒指 + 融解药剂=复制3个戒指

项链 + 融解药剂=复制3个项链

sc + 融解药剂=复制3个sc

jew + 融解药剂=复制3个jew

9. 回城卷+鉴定卷=奶牛关

10.灰色物品的制作 : 随便一个物品 +体力药剂变成超强的,如果超强物品的属性不满意,放在盒子里面直接洗(干洗 )洗到满意为止

再用rune打孔,变成灰色 ,接着加个解毒瓶,变成无形的.(本mod最大得特点，针对110得runeword提供得最好得功能）

11. 开放收缩戒指 , shako和skin 替换为 08shako , 08skin 怀念一下...:)

复活全部未开放的暗金物品: ^_^

青色愤怒Azurewrath水晶剑 (以前1.09有的,1.10被暴雪屏蔽了)

血块撕裂者Gore Ripper十字军铁手套Crusader Gaunt

撒卡纳姆的救助Zakarum's Salvation撒卡纳姆盾牌Zakarum Shield

厌恶Odium骸骨链甲Boneweave

拉苏克的斗士Larzuk's Champion传说之锤Legendary Mallt

重残Giantmaimer巨神之剑Colossal Sword

黑暗恐惧Darkfear活动头盔Armet

冥府乌鸦Nethercrow天空之灵Sky Spirit

瓦瑞夫的守护Warriv's Warder超大型护身符grand charm (用合成公式合不出来的 ,^_^ ,去杀 clone diablo 吧! 它会给你的,身上只能带一个)

人鱼的速度(人鱼的齿轮)Merman's Speed大院长之弓Grnd Matron Bow

席嘉德的隐藏Sigurd's Staunch执政官铠甲Archon Plate

加耶之杖 Gaya Wand 鬼魂之杖 Ghost Wand

盖亚之怒 Gaia's Wrath 强化钉头锤Reinforced Mace

华莱士之泪 Wallace's Tear 征服之剑Conquest Sword

夫得勾-迪尔-索 Fuego Del Sol 漩涡球Vortex Orb

异教的啊沙梅 Pagan's Athame 秘银小刀Mithral Point

派罗大公 Palo Grande 树皮之杖Shillelagh

黑帝斯号角 Hadeshorn 小护身符Small Charm (用合成公式合不出来的 ,^_^ ,去杀 clone diablo 吧! 它会给你的,身上只能带一个)

凤凰蛋 Phoenix Egg小护身符Small Charm (用合成公式合不出来的 ,^_^ ,去杀 clone diablo 吧! 它会给你的,身上只能带一个)

12 .开放5套绿色装备:

1).坦的皇者之袍 Tang's Imperial Robes

坦的祖先 Tang's Fore-Fathers头冠 Corona

坦的规则 Tang's Rule统治者大盾Monarch

坦的王权 Tang's Throne 神圣盔甲Sacred Armor

坦的战斗常规 Tang's Battle Standard 征服之剑Conquest Sword

2).奥岗的残暴面孔 Ogun's Fierce Visage

奥岗之影 Ogun's Shadow 海妖壳甲Kraken Shell

奥岗之鞭 Ogun's Lash 炎魔之矛Balrog Spear (用投掷类武器做套装,数量显示会隐藏,有点不方便^_^ )

奥岗的复仇 Ogun's Vengeance 恶魔头盖骨面具Demonhead

3).布尔凯索之长 Bul-Kathos' Warden

布尔凯索的孩子 Bul-Kathos' Children征服者皇冠面甲Conqueror Crown

布尔凯索的神圣代价 Bul-Kathos' Sacred Charge 巨神之刃Colossus Blade

布尔凯索的部族守护 Bul-Kathos' Tribal Guardian 秘仪之剑Mythical Sword

布尔凯索的管理者 Bul-Kathos' Custodian 执政官铠甲Archon Plate

4).夫罗卡德的狂嚎 Flowkrad's Howl

夫罗卡德之牙 Flowkrad's Grin 暴君之棒Tyrant Club

夫罗卡德的毛皮 Flowkrad's Fur 古龙皮Wyrmhide

夫罗卡德的脚掌 Flowkrad's Paws 飞龙皮靴Wyrmhide Boots

夫罗卡德之腱 Flowkrad's Sinew 蛛网腰带Spiderweb Sash

5).亚拉岗的名作 Aragon's Masterpiece

亚拉岗太阳火焰 Aragon's Sunfire 次元碎片Dimensional Shrd

亚拉岗冰之凝视 Aragon's Icy Stare 军帽Shako

亚拉岗暴风云 Aragon's Storm Cloud 防寒圆盾Heater

唉 ,发觉做好一套绿色装备真的好难 ,并不是技术上感到困难, 而是在物品属性上的分配.....

一个好的绿色装备,应该禁得起推敲 ,为什么用这个物品 ,为什么用这个属性 ,与神话故事之间的联系 ,

还有属性方面要美观,看起来不至于太乱. 真的很伤脑筋.上面这几套装备,我已经尽很大的努力了 ^_^

13.应朋友的要求 ,做了3套runeword

1) . tradition ( 31# ,26# ,11# ) 材料 ama 专用标q ...

2) . Nature's Kingdom ( 31# , 26# ,29# ) 材料 : 3s装甲 ,3s盾牌 .主要属性: 可以召唤dru的小强们

3) . Treachery ( 32# , 28# ,22# ,30 ) 材料 : 4s装甲 , 主要属性: 可以召唤nec的小强们

14).洗暗金戒指 ,项链

采用rune 定位法 :

任意戒指+ 29# = 鬼火戒指

任意戒指+ 30# = 腐肉戒指

任意戒指+ 31# = soj

任意戒指+ 32# = 婚戒

任意戒指+ 33# = 收缩戒指

任意项链+ 32# = 马拉

任意项链+ 33# = 金属网格

注意: 上面这些东西,一个游戏里面只能洗出一个.

×××叠加公式×××

武器/装甲+ 戒指= 继承武器/装甲所有属性的 戒指

武器/装甲+ 项链= 继承武器/装甲所有属性的 项链

武器/装甲+ jew= 继承武器/装甲所有属性的 jew

武器/装甲+ sc/lc/gc= 继承武器/装甲所有属性的sc/lc/gc

－－不能附加属性太多（限制在32个以内），否则程序会出错。

超强前缀的合成公式只有1.10版的t110.mpq有，回城卷加触到瓶。欺侮没办法。

这是280水冷，你的机箱至少要有两个140mm的风扇位才有可能装，而且还要看这两个风扇位的空间，因为280一体水冷的水箱是在冷排上面的，实际长度在315mm以上，你机箱的这两个140风扇位的长度如果不足315mm，根本无法安装，比如酷冷的mastercase pro系列，虽然顶部有两个140风扇位，但是最大长度限制是297，根本无法安装x62和贼船h115。

如果你确定想买，先看看你自己机箱的情况，买回来x62和h115却装不上的惨剧实在太多了。

---