BestHub
Sign in
Tag

Mini Program

0 views collected around this technical thread.

Didi Tech
Didi Tech
Jun 12, 2025 · Frontend Development

Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev

Dimina, Didi’s newly open‑sourced mini‑program framework, combines Vue 3 with a custom compiler to translate mini‑program syntax into native apps, offering a modular, high‑performance, cross‑platform solution that lets developers write a single codebase for Android, iOS, Harmony, and Web, complete with extensive component and API libraries.

Cross‑PlatformDiminaMini Program
0 likes · 7 min read
Dimina: Open‑Source Cross‑Platform Mini‑Program Framework for Front‑End Dev
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Feb 25, 2025 · Frontend Development

Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations

Facing slow startup and low first‑contentful‑paint rates, Kuaishou’s development team overhauled the mini‑program simulator by consolidating its dual‑process architecture, introducing container caching, implementing on‑demand compilation, and refining debugger interactions, ultimately boosting instant‑open rates from 18% to 64% and reducing FCP P90 from 4.4 s to 1.9 s.

KuaishouMini ProgramSimulator
0 likes · 12 min read
Kuaishou Mini‑Program Simulator: 3× Faster After Performance Optimizations
JD Tech Talk
JD Tech Talk
Dec 6, 2024 · Frontend Development

Performance Optimization Practices for Taro Mini‑Program: Skyline Rendering Engine and Resource Loading Improvements

During the Double‑11 promotion, our team applied a series of Taro mini‑program performance optimizations—including Skyline rendering engine migration, lazy loading of feed resources, image size reduction, and parallel API requests—to significantly reduce cold‑start, hot‑start, and rendering times, improving overall user experience.

Mini ProgramSkylineTaro
0 likes · 8 min read
Performance Optimization Practices for Taro Mini‑Program: Skyline Rendering Engine and Resource Loading Improvements
DaTaobao Tech
DaTaobao Tech
Sep 2, 2024 · Frontend Development

Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System

The Daily Must‑Grab mini‑program order system evolved from a DX XML‑based UI to a React‑like Rax framework and finally to a native Ao Chuang solution, delivering cross‑platform support, smaller bundles, faster launches, better async handling, and extensible plug‑in architecture while leveraging Taobao’s transaction core.

DXMini ProgramNative
0 likes · 13 min read
Evolution and Architecture of the Daily Must‑Grab Mini‑Program Order System
vivo Internet Technology
vivo Internet Technology
Jun 5, 2024 · Frontend Development

Technical Guide to Generating Poster Images in H5 and Mini Programs

This guide explains how to generate shareable poster images entirely on the front end for H5 pages and mini‑programs, compares client‑side, front‑end, and server‑side approaches, reviews libraries such as html2canvas, dom‑to‑image, wxml‑to‑canvas and Painter, and offers solutions for design fidelity, CORS, and performance issues.

CanvasCross-OriginMini Program
0 likes · 17 min read
Technical Guide to Generating Poster Images in H5 and Mini Programs
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 30, 2024 · Frontend Development

Implementing Chat History Loading in a WeChat Mini‑Program Using Flex Column‑Reverse and a Koa WebSocket Server

This article explains how to solve the common problem of loading historical chat records in a WeChat mini‑program by using a two‑line CSS flex column‑reverse trick, handling edge cases such as limited data and scroll‑view issues, and provides a complete Koa WebSocket backend implementation with full code examples.

ChatFlexboxKoa
0 likes · 9 min read
Implementing Chat History Loading in a WeChat Mini‑Program Using Flex Column‑Reverse and a Koa WebSocket Server
Didi Tech
Didi Tech
Mar 19, 2024 · Frontend Development

Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs

Mpx‑cube‑ui is a cross‑platform mobile component library built on the Mpx mini‑program framework that unifies theming and reuse by organizing components into three layers—basic, basic‑business, and business—while offering hierarchical style variables, compile‑time or runtime theming, and plans to open‑source its core components for broader community adoption.

Component LibraryMini ProgramMpx
0 likes · 9 min read
Design and Development of the Mpx‑cube‑ui Component Library for Mini‑Programs
JD Retail Technology
JD Retail Technology
Mar 14, 2024 · Frontend Development

Performance Optimization of JD Star Store Mini‑Program: Practices, Results, and Future Outlook

This article details how JD Retail's technology team identified performance bottlenecks in the Star Store mini‑program, applied systematic monitoring, daily walkthroughs, and targeted code, packaging, and rendering optimizations—reducing JS error rates by 81%, cutting page load times by up to 28% and shrinking bundle size by nearly 10%—and outlines future plans for continued user‑experience improvements.

Mini ProgramTaroWebpack
0 likes · 14 min read
Performance Optimization of JD Star Store Mini‑Program: Practices, Results, and Future Outlook
Ele.me Technology
Ele.me Technology
Feb 21, 2024 · Frontend Development

MorJS: Converting Mini‑Program Code to Web Applications – Architecture and Implementation

MorJS is a self‑developed tool that automatically converts Alipay mini‑program code into a full React web application by parsing AXML, ACSS and JavaScript into JSX, CSS and React logic, and supplying a runtime with lifecycle mapping, lit‑element UI components and API shims, cutting development effort by over 30% and unifying Ele.me’s web, app and mini‑program ecosystems.

CompilationCross‑PlatformMini Program
0 likes · 12 min read
MorJS: Converting Mini‑Program Code to Web Applications – Architecture and Implementation
JD Tech
JD Tech
Feb 5, 2024 · Frontend Development

Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale

This article details how JD's massive‑scale shopping mini program achieved a two‑fold performance boost through systematic front‑end optimizations—including code‑package reduction, independent sub‑packages, async loading, pre‑download, selective code injection, first‑screen rendering tricks, and release‑frequency management—providing practical guidance for developers targeting large‑user bases.

JDMini ProgramPerformance
0 likes · 13 min read
Systematic Performance Optimization of JD Shopping Mini Program for Billion‑User Scale
Didi Tech
Didi Tech
Jan 25, 2024 · Frontend Development

Design of MPX Partial Runtime Capability Enhancement for Mini‑Program Development

The article describes MPX’s partial runtime capability‑enhancement design, which adds modern web‑framework features such as props, default slots and event forwarding to Didi’s recompilation‑based mini‑program framework by enabling on‑demand runtime rendering for selected components, generating minimal base templates, respecting the native dual‑thread event model, and exploring server‑component‑inspired mixed rendering while keeping performance overhead low.

MPXMini ProgramRuntime Enhancement
0 likes · 19 min read
Design of MPX Partial Runtime Capability Enhancement for Mini‑Program Development
Tencent Music Tech Team
Tencent Music Tech Team
Jan 3, 2024 · Frontend Development

Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST

The article describes an AST‑driven command‑line tool that automatically upgrades a Taro 1.x mini‑program to 3.x by updating dependencies, converting imports, restructuring files, consolidating styles, replacing deprecated APIs, and adjusting build settings, offering faster, more reliable migration than the labor‑intensive manual approach.

ASTAutomationMini Program
0 likes · 9 min read
Automated Upgrade of Taro Mini‑Program from 1.x to 3.x Using AST
JD Retail Technology
JD Retail Technology
Dec 20, 2023 · Frontend Development

JD Shopping Mini Program Performance Optimization: Practices and Results

This article details how JD Shopping mini program improved launch speed and user retention by applying code‑splitting, asynchronous sub‑packages, lazy component injection, reduced synchronous API calls, first‑screen rendering tricks, data prefetching, caching, and smarter version release strategies.

Loading SpeedMini ProgramWeChat
0 likes · 10 min read
JD Shopping Mini Program Performance Optimization: Practices and Results
JD Retail Technology
JD Retail Technology
Dec 18, 2023 · Frontend Development

Performance Optimization of JD LBS Store Detail Mini‑Program: Startup, Interaction, Energy, and Tracking Improvements

The JD LBS store‑detail mini‑program team tackled slow page loads, poor scrolling, cart lag, inaccurate tracking and high energy consumption through a series of frontend optimizations—including asynchronous info loading, on‑demand code injection, package slimming, gesture handling, and energy‑saving measures—resulting in roughly 50% faster startup, a 90 health score, 10% crash reduction and tracking reliability above 95%.

EnergyJavaScriptMini Program
0 likes · 19 min read
Performance Optimization of JD LBS Store Detail Mini‑Program: Startup, Interaction, Energy, and Tracking Improvements
JD Retail Technology
JD Retail Technology
Nov 28, 2023 · Frontend Development

Performance Optimization Best Practices for Taro Mini‑Program Development

This article presents a comprehensive set of performance optimization techniques for Taro mini‑program development, covering initial render improvements, update efficiency, long‑list handling with VirtualList and VirtualWaterfall, setData data reduction, scroll‑penetration prevention, preloading strategies, and an upcoming CompileMode feature.

CompileModeMini ProgramTaro
0 likes · 13 min read
Performance Optimization Best Practices for Taro Mini‑Program Development
php中文网 Courses
php中文网 Courses
Oct 27, 2023 · Backend Development

Implementing WeChat Mini Program Recharge Functionality with PHP

This article explains how to develop a recharge feature for WeChat Mini Programs using PHP, covering the setup of payment parameters, generating prepay orders, invoking wx.requestPayment, and handling payment callbacks with example code.

Mini ProgramPHPPayment Integration
0 likes · 6 min read
Implementing WeChat Mini Program Recharge Functionality with PHP
JD Tech
JD Tech
Oct 20, 2023 · Frontend Development

Common Methods for Listening to List Item Exposure in Frontend Development

This article explains why front‑end data‑collection (exposure) points are crucial, outlines three main techniques—estimating visibility from paginated data, listening to scroll events with bounding‑box calculations, and using the IntersectionObserver API—detailing their implementation, advantages, drawbacks, and best‑practice usage across H5, mini‑programs, and Taro.

IntersectionObserverMini ProgramTaro
0 likes · 23 min read
Common Methods for Listening to List Item Exposure in Frontend Development
HelloTech
HelloTech
Oct 17, 2023 · Frontend Development

Running React Code in Mini Programs with Taro: Compilation vs Runtime Approaches

Unlike Taro 1/2, which compiles React code into native mini‑program files through a complex Babel‑based pipeline, Taro 3 runs the original React source at runtime by injecting a lightweight simulated DOM/BOM layer, simplifying development but adding a performance‑overhead that is mitigated with pre‑rendering and virtual lists.

CompilationDOM SimulationMini Program
0 likes · 21 min read
Running React Code in Mini Programs with Taro: Compilation vs Runtime Approaches
JD Retail Technology
JD Retail Technology
Oct 8, 2023 · Mobile Development

Cross‑Platform Development of JD Mini‑Program for Fast Delivery: Background, Action, Research, Progress, and Planning

This report details JD's mini‑program cross‑platform initiative for the Fast Delivery service, covering background, actions taken, research findings, progress achieved, planning considerations, risk mitigation, and expected benefits such as reduced cost, improved stability, and higher development efficiency.

Cross‑PlatformDeploymentJD
0 likes · 9 min read
Cross‑Platform Development of JD Mini‑Program for Fast Delivery: Background, Action, Research, Progress, and Planning