调试 Hippy 调试原理 项目初始化 终端环境准备 调试 Javascript iOS 远程调试 Android Elements 可视化审查 Android Chrome 调试 iOS Chrome 调试 框架日志输出 HMR & Live-Reload 能力 Hippy-Vue Hippy-React 接口 调试 ...

前端调试 Hippy 调试原理 终端环境准备 调试 Javascript iOS Android 框架日志输出 前端调试 Hippy 调试原理 Hippy 是直接运行于手机的 JS 引擎中的，在 Android 上使用 WebSocket 通过 Chrome DevTools Protocol 与电脑上的 Chrome 进行通讯调试...

hippy-vue 介绍 架构图 样式 转 Web 尚未实现的部分 CSS 更多选择器和 scope 的支持 CSS 3 动画 未完善的组件和模块 hippy-vue 介绍 hippy-vue 其实是基于官方 Vue 2.x 源代码，通过改写 node-ops 外挂实现的自定义渲染层，但不仅仅是个到终端的渲染层，还同时实现前端组件到终端...

hippy-react 介绍 架构图 hippy-react 介绍 hippy-react 是基于 Facebook React 的官方自定义渲染器 react-reconciler 重新开发的 React 到终端的渲染层，可以使用 React 的全部特性。 在语法上 hippy-react 更加接近底层终端，使用了类似 React Nati...

hippy-vue 介绍 架构图 样式 转 Web 尚未实现的部分 CSS 更多选择器和 scope 的支持 CSS 3 动画 hippy-vue 介绍 hippy-vue 其实是基于官方 Vue 2.x 源代码，通过改写 node-ops 外挂实现的自定义渲染层，但不仅仅是个到终端的渲染层，还同时实现前端组件到终端的映射、CSS 语法...

开始接入 终端集成 前端接入 hippy-react 准备 hippy-react 运行时依赖 hippy-react 编译时依赖 hippy-react 编译配置 hippy-react 终端开发调试用编译配置 终端线上包配置 hippy-react 入口文件 hippy-react npm script hippy-react 转 W...

从 React Native 迁移 触屏 Touchable 系列组件 动画系统 手势系统 从 React Native 迁移 Hippy React 基本兼容 React Native 语法，但相对 React Native 提供的组件，Hippy 更加内聚，除了部分组件可能需要通过前端重新实现，主要还有以下三个区别： 触屏 Touc...

C++ 模块扩展 继承 ModuleBase JS 桥接 重新编译 Core 效果 C++ 模块扩展 我们将以 TestModule 为例，从头扩展一个 Module，这个 Module 将展示前端如何调用终端能力，并且把结果返回给前端。 继承 ModuleBase 在 core/module/ 下创建 test-module.h ...

样式 内联样式 外部样式 盒模型 长度单位 布局（Flex） flexDirection alignItems justifyContent flex flexBasis flexGrow flexShrink 样式 Hippy 的所有样式支持由终端直接提供，基本和浏览器一致，但暂不支持百分比布局，但可以使用最新的 Flex ...

自定义终端模块 Module扩展 创建HippyNativeModuleBase的子类 添加HippyNativeModule注解 3. 实现导出给JS的方法 4. 注册Module 注意事项 混淆说明 自定义终端模块 很多时候JS需要访问对应终端的一些能力模块，比如数据库、下载、网络请求等，这时候就需要使用Module来暴露接口给JS...