[TOC]

Hippy 概述

Hippy 可以理解为一个精简版的浏览器，从底层做了大量工作，抹平了 iOS 和 Android 双端差异，提供了接近 Web 的开发体验，目前上层支持了 React 和 Vue 两套界面框架，前端开发人员可以通过它，将前端代码转换为终端的原生指令，进行原生终端 App 的开发。

同时，Hippy 从底层进行了大量优化，在启动速度、可复用列表组件、渲染效率、动画速度、网络通信等等都提供了业内顶尖的性能表现。

功能对比

Hippy 从底层增加了很多和浏览器相同的接口，方便了开发者使用，这里有几个 Hippy 的独有功能。

分类 特性 说明 支持情况
接口 fetch Http/Https 协议请求 ✅ 支持
WebSocket 基于 Http 协议的即时通讯 ✅ 支持
事件 onClick 点击事件 ✅ 支持
onTouchStart/onTouchDown 触屏开始事件 ✅ 支持
onTouchMove 触屏移动事件 ✅ 支持
onTouchEnd 触屏结束事件 ✅ 支持
onTouchCancel 触屏取消事件 ✅ 支持
样式 zIndex 界面层级 ✅ 支持
backgroundImage 背景图片 ✅ 支持

包体积

Hippy 的包体积在业内也是非常具有竞争力的。

img

上图是一个空的APK，在引入后终端包大小对比。

img

上图是在前端搭建了一个最简单的 ListView 后，前端打出的 JS 的包大小对比。

渲染性能

ListView 在滑动时的性能对比，Hippy 可以一直保持十分流畅的状态

img

内存占用

而在内存占用上，初始化 List 时 Hippy 就略占优势，在滑动了几屏后内存开销的差距越来越大。

img

跟 Web 接近的开发体验

Hippy 在开发体验上也进行了大量优化，包含但不限于，跟浏览器一样的 onClick、onTouch 系列触屏事件，更加简单的动画方案，hippy-vue 提供了和 Vue 的完全兼容等等。

大家都在用

img

QQ浏览器

img

手机QQ

img

全民K歌

img

QQ音乐

img

云视听极光

img

微视

img

应用宝

img

NOW直播

img

VOOV直播

img

心悦俱乐部

img

王者营地

img

天天快报

img

WiFi管家

img

腾讯自选股

img

大丰满满

img

企鹅号

img

马克思主义

团队贡献

img

TME 全民K歌团队

img

TME QQ音乐团队

img

CDG大丰满满/自选股团队

img

QGraphics团队

img

IVWEB团队

img

腾讯信息流平台部团队

img

游云南WII团队

贡献者

img

Super Zheng

img

XQ Kuang

img

siguangli2018

img

luomy

img

churchill-zhang

img

old kidd

img

Zoom Chan

img

ilikethese

img

Box Tsang

img

jerome han

img

tsangint

img

RonkTsang

img

Elf Sundae

img

三点

img

dequanzhu

img

kassadin

img

Arylo Yeung

交流链接

  • 文章专栏
  • QQ 群：784894901 - 点击链接启动 QQ 加入，或者复制群号码手工加入
  • QQ群二维码，使用手机QQ扫描加入 img

总结

如果您准备好了，那就 开始接入 Hippy 吧。