Tag

WeChat Mini Program

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 11, 2025 · Mobile Development

Using Trae AI IDE to Rapidly Develop a WeChat Mini Program: A Step‑by‑Step Experience

This article documents how the author leveraged the Trae AI‑powered IDE to quickly create a three‑page WeChat mini‑program, detailing project setup, code generation, interactive AI assistance, and the resulting development experience.

AI IDECode GenerationMobile Development
0 likes · 7 min read
Using Trae AI IDE to Rapidly Develop a WeChat Mini Program: A Step‑by‑Step Experience
Ctrip Technology
Ctrip Technology
Nov 14, 2024 · Mobile Development

Technical Practice of Ctrip’s Market Insight Platform Using Donut for High‑Performance Cross‑Platform Mobile Development

This article details how Ctrip’s Market Insight platform leveraged the Donut framework to build a high‑performance, cross‑platform mobile application, covering background, technical challenges, technology selection, development workflow, multi‑login management, large‑list rendering optimization, push integration, build and release processes, encountered pitfalls, and the resulting efficiency and performance improvements.

CI/CDCross‑PlatformDonut
0 likes · 24 min read
Technical Practice of Ctrip’s Market Insight Platform Using Donut for High‑Performance Cross‑Platform Mobile Development
php中文网 Courses
php中文网 Courses
Aug 29, 2024 · Frontend Development

WeChat Mini Program Component Development Course Overview

This course provides a comprehensive guide to developing rich WeChat Mini Program applications by teaching learners how to use and customize a wide range of built‑in and extended components, covering fundamentals, UI design, data binding, and practical project implementation.

Component DevelopmentMobile DevelopmentWeChat Mini Program
0 likes · 3 min read
WeChat Mini Program Component Development Course Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 15, 2024 · Mobile Development

Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)

This guide summarizes the typical problems encountered while building a WeChat mini‑program with uniapp + Vue 3 + TypeScript—such as nickname input validation, custom navigation bars, custom tabbars, iOS safe‑area handling, list scrolling quirks, and privacy‑policy configuration—and provides concrete code‑level solutions and best‑practice recommendations.

TypeScriptVue3WeChat Mini Program
0 likes · 16 min read
Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)
HelloTech
HelloTech
Jun 19, 2024 · Frontend Development

WeChat Mini Program Package Size and Performance Optimization Strategies

To keep a WeChat mini‑program under the 2 MB limit and improve both startup and runtime performance, the article proposes splitting the main bundle into async sub‑packages, removing unused code, pre‑fetching data, using on‑demand imports, and implementing a backend‑driven size‑control and CI release gate.

Package Size OptimizationWeChat Mini Programcode-splitting
0 likes · 16 min read
WeChat Mini Program Package Size and Performance Optimization Strategies
DeWu Technology
DeWu Technology
Jun 14, 2024 · Frontend Development

WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD

The guide explains how to build WeChat Mini Programs using a hybrid WebView‑JavaScript sandbox architecture, stay within 20 MB (2 MB per package) limits, organize code with main and sub‑packages, choose uni‑app or Taro, optimize assets, configure app.json, employ dev tools, automate builds and uploads with miniprogram‑ci, and monitor performance via WeAnalysis.

CI/CDWeChat Mini Programcross‑platform frameworks
0 likes · 16 min read
WeChat Mini Program Development Guide: Architecture, Packaging, Tools, and CI/CD
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

Image OptimizationOSSWeChat Mini Program
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2023 · Artificial Intelligence

Getting Started with TensorFlow.js: Front‑end, Node.js, and WeChat Mini‑Program Integration

This article introduces TensorFlow.js, explains its origin and core features, and provides step‑by‑step instructions for using it in browsers, Node.js, and WeChat mini‑programs, including package installation, sample code, and practical tips for front‑end developers.

Front-endJavaScriptNode.js
0 likes · 13 min read
Getting Started with TensorFlow.js: Front‑end, Node.js, and WeChat Mini‑Program Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 26, 2023 · Mobile Development

Habit Tracker Mini Program: Features, Architecture, and Custom Calendar Styling

This article introduces a WeChat mini‑program for habit tracking that combines PHP‑MySQL backend services with a UniApp‑based front‑end, detailing its habit‑check‑in, focus‑training features, custom calendar UI styling, and chart integration for statistical visualization.

Habit TrackingMySQLPHP
0 likes · 6 min read
Habit Tracker Mini Program: Features, Architecture, and Custom Calendar Styling
Test Development Learning Exchange
Test Development Learning Exchange
Nov 12, 2023 · Operations

Using Jenkins to Build and Display WeChat Mini Program QR Codes

This guide explains how to configure Jenkins with the WeChat Mini Program Builder plugin, create a pipeline that builds the mini‑program, generates a QR code, and displays the latest QR image on the Jenkins dashboard for quick testing, including full pipeline and code examples.

AutomationCI/CDJenkins
0 likes · 9 min read
Using Jenkins to Build and Display WeChat Mini Program QR Codes
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Oct 31, 2023 · Mobile Development

Performance Metrics and Optimization Strategies for WeChat Mini Programs

This article explains the startup process and lifecycle of WeChat mini programs, defines key performance measurement indicators such as launch time, first render time, and first screen load time, and provides detailed optimization techniques to address long startup, page load, and UI lag issues.

Mobile DevelopmentWeChat Mini Programoptimization
0 likes · 13 min read
Performance Metrics and Optimization Strategies for WeChat Mini Programs
php中文网 Courses
php中文网 Courses
Oct 31, 2023 · Mobile Development

How to Develop AR Experiences for WeChat Mini Programs Using PHP

This article explains the required preparations, server configuration, and step-by-step PHP code to handle AR resource uploads, as well as the integration of WeChat Mini Program AR plugins and JavaScript calls, enabling developers to create AR experiences within Mini Programs.

ARMobile DevelopmentPHP
0 likes · 5 min read
How to Develop AR Experiences for WeChat Mini Programs Using PHP
php中文网 Courses
php中文网 Courses
Oct 30, 2023 · Artificial Intelligence

Implementing AI Features in WeChat Mini Programs Using PHP

This article explains how to integrate artificial intelligence into WeChat Mini Programs by deploying a TensorFlow model on a PHP backend, providing step‑by‑step instructions and sample code for creating an API, handling requests with wx.request, and returning predictions to the client.

AIAPITensorFlow
0 likes · 5 min read
Implementing AI Features in WeChat Mini Programs Using PHP
High Availability Architecture
High Availability Architecture
Sep 12, 2023 · Frontend Development

AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend

The article describes how the author used ChatGPT to generate over 5,000 lines of code for a WeChat mini‑program community app, outlining the AI‑Driven Development (AIDD) workflow, detailed login and post‑list module implementations, multiple iteration cycles, code snippets, and reflections on efficiency and reuse.

AI-driven developmentCode GenerationComponent Reuse
0 likes · 13 min read
AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend
php中文网 Courses
php中文网 Courses
Jun 17, 2023 · Mobile Development

Implementing Voice Functionality in WeChat Mini Programs

This guide explains how to integrate WeChat Mini Program voice capabilities by importing the recorder and audio APIs, recording audio, uploading for speech recognition, and playing back the result, with example code snippets for each step.

JavaScriptSpeech RecognitionVoice API
0 likes · 3 min read
Implementing Voice Functionality in WeChat Mini Programs
php中文网 Courses
php中文网 Courses
Jun 17, 2023 · Frontend Development

Implementing Audio Recording and Playback in WeChat Mini Programs with PHP Backend Storage

This guide explains how to implement audio recording and playback in WeChat Mini Programs using the wx.getRecorderManager and wx.createInnerAudioContext APIs, and demonstrates storing the recorded files on a PHP server via wx.uploadFile and standard PHP file handling.

JavaScriptPHPWeChat Mini Program
0 likes · 5 min read
Implementing Audio Recording and Playback in WeChat Mini Programs with PHP Backend Storage
Test Development Learning Exchange
Test Development Learning Exchange
May 23, 2023 · Backend Development

Automated Testing of WeChat Mini Program APIs with Python, Requests, and Beautiful Report

This guide explains how to use Python3, the Requests library, and Beautiful Report to perform automated API testing for WeChat Mini Programs, covering prerequisite knowledge, obtaining an access token, writing test cases, and generating detailed HTML test reports.

API testingBeautifulReportRequests
0 likes · 5 min read
Automated Testing of WeChat Mini Program APIs with Python, Requests, and Beautiful Report
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Apr 25, 2023 · Frontend Development

Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs

This article explains the concept and importance of motion transition design, introduces the Skyline rendering engine for WeChat mini‑programs, and provides detailed implementation guidelines—including custom routing, shared‑element animations, gesture handling, and performance optimizations—illustrated with complete code examples.

SkylineWeChat Mini Programanimation
0 likes · 18 min read
Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs
TAL Education Technology
TAL Education Technology
Feb 9, 2023 · Frontend Development

WeChat Mini Program Architecture: From Dual‑Thread Model to Fast Rendering

This article explains the dual‑thread architecture of WeChat Mini Programs, analyzes the rendering WebView and its file structure, and details the fast rendering pipeline that transforms virtual DOM into real DOM for rapid page display.

Dual ThreadFast RenderingRendering
0 likes · 7 min read
WeChat Mini Program Architecture: From Dual‑Thread Model to Fast Rendering