Hippy 概述

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 的包体积在业内也是非常具有竞争力的。上图是一个空的APK，在引入后终端包大小对比。上图是在前端搭建了一个最简单的 ListView 后，前端打出的 JS 的包大小对比。

渲染性能

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

内存占用

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

跟 Web 接近的开发体验

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

大家都在用

QQ浏览器手机QQ 全民K歌 QQ音乐云视听极光微视应用宝 NOW直播 VOOV直播心悦俱乐部王者营地天天快报 WiFi管家腾讯自选股大丰满满企鹅号马克思主义

团队贡献

TME 全民K歌团队 TME QQ音乐团队 CDG大丰满满/自选股团队 QGraphics团队 IVWEB团队腾讯信息流平台部团队游云南WII团队

贡献者

Super Zheng XQ Kuang siguangli2018 luomy churchill-zhang old kidd Zoom Chan ilikethese Box Tsang jerome han tsangint RonkTsang Elf Sundae 三点 dequanzhu kassadin Arylo Yeung