mirror of
https://github.com/Tencent/Hippy.git
synced 2026-10-24 18:20:12 +08:00
41c96226a8
* feat: add waterfall component for hippy * feat(android): make WaterfallView extends HippyListView * feat(android): support 'animated' for scrollToXXX * feat(vue): demo add scrollToXXX * feat(android): add onScroll event params * feat(ios):fix scrollToIndex bug * feat(android): fix scrollToIndex with anim * feat(vue): perf vue waterfall component&demo * feat(react): add waterfall component * feat(react): add waterfall component * refactor(core): build example * fix(android): water fall view reuse error * feat(android): change the onEndReached event send time * feat(android): change the water fall view padding logic * feat(android): change the water fall view padding logic * feat(react): add react waterfall document * feat(ios): improve waterfall item reuse proxy (#1) Co-authored-by: genesisli <genesisli@tencent.com> * feat(ios): fix bug that HippyWaterfallView's bridge isn't assigned * docs(waterfall): add waterfall doc * docs(waterfall): add waterfall doc * chore(build): build react example Co-authored-by: JerryChu <528994690@qq.com> Co-authored-by: genesisli <genesisli@tencent.com> Co-authored-by: derekazhang(张爱民) <derekazhang@tencent.com> Co-authored-by: xilinzheng <xilinzheng@tencent.com> Co-authored-by: hengyangji <hengyangji@tencent.com> Co-authored-by: sweetPotatoZheng <72075059+sweetPotatoZheng@users.noreply.github.com>
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 的完全兼容等等。
大家都在用
团队贡献
TME 全民K歌团队
TME QQ音乐团队
CDG大丰满满/自选股团队
QGraphics团队
IVWEB团队
腾讯信息流平台部团队
游云南WII团队
贡献者
交流链接
总结
如果您准备好了，那就 开始接入 Hippy 吧。