DOCSEARCHbyAlgolia
Submit Docs

Hummer Cross-Platform Framework

website·Indexed 34 days ago

https://hummer.didi.cn

A high-performance cross-platform development framework that allows a single codebase to support both Android and iOS applications. It supports Vue, React, TypeScript, and JavaScript, and includes Tenon, a framework for building user interfaces with components like <ex-list>, <ex-viewpager>, and <ex-popup>, as well as a comprehensive set of gesture events and layout capabilities based on Flexbox.

Tokens
51.1K
Snippets
280
Records
374
Agent score
50%

What's inside Hummer

  1. Overview of the Hummer cross-platform framework

    Hummer is a high-performance, high-availability cross-platform development framework that allows developers to use a single codebase to support both Android and iOS applications. It supports four primary syntaxes: Vue, React, TypeScript, and JavaScript. Key technical advantages include:

    • Ultra-lightweight: Compiled artifacts are smaller than 1MB, minimizing the impact on App package size.
    • Low Learning Curve: Combines Hummer API with the Tenon Reactive Framework to provide a development experience familiar to both client-side and web developers.
    • High Availability: Verified in multiple production environments with a crash rate below 0.01%.
    • High Performance: Leverages native components and modules to maximize native rendering performance and platform capabilities.
    • Cross-Platform: Single codebase for iOS and Android; Tenon allows for quick compatibility with Vue-based Web applications.
    • Dynamic Updates: Uses JavaScript interpretation for fast deployment of dynamic pages, which can be managed via the Hummer Nest platform for cloud publishing.

  2. Overview of Tenon animation capabilities

    Tenon supports several types of animations including translation (position), scaling, rotation, opacity, background color, width, and height. There are three primary types of animation objects used to describe these effects: Basic Animation, Steps Animation, and KeyFrame Animation.

  3. Overview of Tenon supported gesture events

    Tenon supports a set of common gesture events identical to those in hummer. The available gesture events include:

    • touch: Touch events
    • tap: Click/Tap events
    • longPress: Long press events
    • pan: Panning/Translation events
    • swipe: Swipe events
    • pinch: Pinch/Zoom events

  4. Overview of the Canvas component

    The Canvas component is used to draw custom graphics such as line segments, rectangles, circles, ellipses, images, and text to implement complex visual displays. It supports general layout styles and general view styles.

  6. Overview of Tenon React

    Tenon React is a React framework designed for the Hummer cross-platform platform. It allows developers to build user interfaces using React syntax. Its core is based on the react-reconciler from React 17, serving as a custom renderer tailored for the Hummer platform (similar to how react-dom works for the web).

  7. Overview of Hummer Cross-Platform Framework

    Hummer is a high-performance, high-availability cross-platform development framework that allows developers to use a single codebase to support both Android and iOS applications. It supports four primary syntaxes: Vue, React, TypeScript, and JavaScript.

    Key technical advantages include:

    • Ultra-lightweight: Compiled artifacts are less than 1MB, minimizing the impact on App package size.
    • Low Learning Curve: Combines Hummer API with the Tenon Reactive Framework to provide a development experience familiar to both client-side and web developers.
    • High Availability: Verified in multiple Didi business lines with a crash rate below 0.01%.
    • High Performance: Utilizes native components and modules to maximize native rendering performance and platform capabilities.
    • Cross-Platform: Single codebase for iOS and Android; Tenon allows for quick compatibility with Vue-based Web applications.
    • Dynamic Updates: Leverages JavaScript interpretation for fast deployment of dynamic pages and cloud publishing via the Hummer Nest platform.

  8. Overview of the Hummer cross-platform framework

    Hummer is a high-performance, high-availability cross-platform development framework that enables developers to support both Android and iOS applications with a single codebase. It is designed for front-end developers and supports three primary syntaxes: Vue, TypeScript, and JavaScript. Key features include:

    • Lightweight: Compiled artifacts are less than 1MB, minimizing impact on app bundle size.
    • Cross-platform: Single codebase for iOS and Android; Tenon allows for fast compatibility with Vue-based web apps.
    • Dynamic Updates: Supports cloud publishing and dynamic page deployment via JavaScript interpretation.
    • High Performance: Utilizes native components and modules to maximize native rendering performance.
    • Stability: Verified in multiple DiDi business lines with a crash rate below 0.01%.

  9. Overview of Tenon Framework

    Tenon is an MVVM enhancement framework based on Hummer designed to link Native and Web ecosystems. It allows developers to use modern Vue 3 and React syntax, custom tags, and CSS styles to build business applications that interface with Native environments via Hummer.

  10. Overview of the <ex-canvas> component

    The <ex-canvas> component provides a drawing surface for creating custom graphics, including line segments, rectangles, circles, ellipses, images, and text. Configuration for the canvas is performed via method calls rather than standard static attributes.

  11. Overview of Tenon Vue

    Tenon Vue is a Vue framework designed for the Hummer cross-platform platform. It allows developers to build user interfaces using Vue 3.0 syntax. It is implemented using Vue 3's createRenderer method with a custom renderer specifically optimized for the Hummer platform.