BestHub
Sign in
Tagged articles
178 articles
Page 2 of 2
Tencent Cloud Developer
Tencent Cloud Developer
Dec 11, 2019 · Frontend Development

Comprehensive Practice of WeChat Mini Program Performance Monitoring System

The article describes a full‑stack performance monitoring system for WeChat Mini Programs presented by Niu Tifa, covering Mini Program architecture fundamentals, a monitoring system architecture using a JS SDK, Druid, Elasticsearch, and practical applications like load timing, error handling, fallback strategies, with dashboards and alerts, emphasizing low request volume and non‑intrusive monitoring.

Frontend DevelopmentJS SDKSystem architecture
0 likes · 13 min read
Comprehensive Practice of WeChat Mini Program Performance Monitoring System
HomeTech
HomeTech
Nov 1, 2019 · Frontend Development

Implementing A-Z Contact List Sorting in WeChat Mini Programs

The article explains how to create a reusable letter sorting component for WeChat Mini Programs, covering data fetching, custom component encapsulation, touch event handling for A-Z indexing, scroll synchronization, and performance optimization techniques.

A-Z sortingPerformance OptimizationTouch Events
0 likes · 8 min read
Implementing A-Z Contact List Sorting in WeChat Mini Programs
Huajiao Technology
Huajiao Technology
Oct 15, 2019 · Frontend Development

High‑Efficiency Mini‑Program Development: Layout, Navigation, User System, and Optimization Practices

This article presents a comprehensive guide to building high‑efficiency WeChat mini‑programs, covering layout schemes, custom navigation and tab bars, user authentication flows, component architecture with a BasicPage wrapper, logging, data analysis, and performance optimizations such as preloading and independent sub‑package loading.

Component ArchitectureUser AuthenticationWeChat Mini Program
0 likes · 18 min read
High‑Efficiency Mini‑Program Development: Layout, Navigation, User System, and Optimization Practices
Tencent Cloud Developer
Tencent Cloud Developer
Oct 14, 2019 · Cloud Computing

Building a Mini-Program Operation Tool with Cloud Development: Maoyan's Practice

Maoyan Entertainment created the “Tangtu” mini‑program operation tool with WeChat Cloud Development, letting operations and product managers visually design, edit and publish holiday activities via cloud storage, database and functions, cutting staff from three to one, slashing development time and cost while highlighting the need for explicit environment variables and careful migration from traditional MySQL services.

Activity TemplateDatabaseFrontend Development
0 likes · 20 min read
Building a Mini-Program Operation Tool with Cloud Development: Maoyan's Practice
MaoDou Frontend Team
MaoDou Frontend Team
Jun 6, 2019 · Frontend Development

Safari Can’t Parse ‘2018‑12‑10 11:11:11’: Why and How to Fix It

This article explains why Safari on iOS throws “Invalid Date” for date strings like “2018‑12‑10 11:11:11”, demonstrates the incompatibility with Chrome, and provides a simple regex‑based solution to convert the format so the date parses correctly across browsers.

Date ParsingJavaScriptMobile Development
0 likes · 3 min read
Safari Can’t Parse ‘2018‑12‑10 11:11:11’: Why and How to Fix It
Suning Design
Suning Design
May 29, 2019 · Product Management

How to Design a Winning WeChat Mini‑Program: Insights from Suning Jiwù

This article analyzes the concept, core features, and competitive landscape of WeChat mini‑programs, then proposes a design strategy for Suning Jiwù that blends online social retail with offline service tools to maximize traffic conversion and user experience.

Mobile CommerceWeChat Mini Program
0 likes · 10 min read
How to Design a Winning WeChat Mini‑Program: Insights from Suning Jiwù
Tencent Cloud Developer
Tencent Cloud Developer
Apr 30, 2019 · Cloud Computing

WeChat Mini Program Cloud Development: Electronic Business Card Creation, Sharing, and Access Notification

This guide walks through building an electronic business card in a WeChat Mini Program with Cloud Development, covering account setup, data CRUD, single‑ and multi‑image upload, AI‑powered OCR, custom QR‑code generation for sharing, and automated template‑message alerts when the card is viewed, demonstrating reduced backend effort.

AI RecognitionElectronic Business CardJavaScript
0 likes · 8 min read
WeChat Mini Program Cloud Development: Electronic Business Card Creation, Sharing, and Access Notification
Tencent Cloud Developer
Tencent Cloud Developer
Apr 12, 2019 · Information Security

Comprehensive Overview of Authentication: From Historical Tokens to Modern OAuth 2.0 and WeChat Mini‑Program Practices

The article surveys authentication from ancient token methods to modern password and session techniques, explains OAuth 2.0 flows and their adaptation for WeChat Mini‑Programs—including access‑token retrieval, simplified client‑credentials grants, and cloud‑call automation—while also previewing future trends such as biometrics, blockchain‑based decentralization, and AI‑driven trust models.

AuthenticationOAuth 2.0Security
0 likes · 13 min read
Comprehensive Overview of Authentication: From Historical Tokens to Modern OAuth 2.0 and WeChat Mini‑Program Practices
Tencent Cloud Developer
Tencent Cloud Developer
Apr 11, 2019 · Mobile Development

Building a Markdown Content Publishing System with WeChat Mini‑Program Cloud Development

The guide walks through creating a full‑stack markdown publishing system for a WeChat mini‑program using Cloud Development, detailing project initialization, defining an “article” collection, importing .md files via cloud functions, displaying lists, rendering markdown on detail pages, and debugging cloud functions without a separate backend.

ComiJavaScriptMarkdown
0 likes · 12 min read
Building a Markdown Content Publishing System with WeChat Mini‑Program Cloud Development
Tencent Cloud Developer
Tencent Cloud Developer
Apr 4, 2019 · Mobile Development

Introducing Cloud Call: One‑Line API Calls for WeChat Mini Programs

Cloud Call lets WeChat Mini Programs invoke most server‑side APIs with a single line of code by automatically handling access‑token acquisition and refresh, so developers can directly call functions such as templateMessage.send without managing credentials, while benefiting from the broader cloud development platform’s serverless resources.

APICloud CallServerless
0 likes · 5 min read
Introducing Cloud Call: One‑Line API Calls for WeChat Mini Programs
Tencent Cloud Developer
Tencent Cloud Developer
Mar 26, 2019 · Mobile Development

Building a WeChat Mini Program with Taro and Cloud Development: A Japanese Sentence Helper Case Study

The article explains how to create a WeChat Mini Program backend with Tencent Cloud development, use the React‑based Taro framework to build a Japanese sentence helper, consolidate multiple cloud functions via tcb-router, and scrape example sentences with superagent and cheerio, highlighting setup tips and known limitations.

ReActSuperagentTaro
0 likes · 7 min read
Building a WeChat Mini Program with Taro and Cloud Development: A Japanese Sentence Helper Case Study
Ctrip Technology
Ctrip Technology
Mar 21, 2019 · Frontend Development

Marketing Strategies for WeChat Mini Programs: Poster Generation, Search Direct, and Multi‑Platform QR Codes

This article explains how Ctrip's marketing team leverages WeChat mini‑program features—poster drawing with canvas, search‑direct navigation, and universal QR‑code routing—to create low‑cost, high‑conversion viral marketing campaigns, complete with code examples and implementation details.

CanvasFrontendQR code
0 likes · 9 min read
Marketing Strategies for WeChat Mini Programs: Poster Generation, Search Direct, and Multi‑Platform QR Codes
Tencent Cloud Developer
Tencent Cloud Developer
Mar 6, 2019 · Cloud Native

Building a Subscription Management Mini Program with Tencent Cloud Serverless Functions

The article shows how a single front‑end developer can create the “Moly Subscription Assistant” WeChat mini‑program in five days using Tencent Cloud serverless development, covering OpenID authentication, cloud‑function CRUD for subscriptions, scheduled currency‑rate updates, and a fully managed backend without any traditional servers.

Cloud FunctionsCurrency ExchangeDatabase
0 likes · 10 min read
Building a Subscription Management Mini Program with Tencent Cloud Serverless Functions
58 Tech
58 Tech
Jan 24, 2019 · Mobile Development

Integrating WebRTC Real‑Time Audio/Video with WeChat Mini Programs: Architecture and Implementation Details

This article describes a comprehensive solution for enabling real‑time audio and video communication between existing WebRTC endpoints and WeChat Mini Programs by introducing a WebRTC Gateway and Streaming Server, detailing architecture, signaling flows, media conversion, performance optimizations, and session reliability mechanisms.

RTMPRTPStreaming
0 likes · 12 min read
Integrating WebRTC Real‑Time Audio/Video with WeChat Mini Programs: Architecture and Implementation Details
Tencent Cloud Developer
Tencent Cloud Developer
Jan 11, 2019 · Cloud Computing

Overview of WeChat Mini Program Cloud Development and Architecture

The Tencent Cloud+Community Developer Conference introduced Mini Program Cloud Development (Wafer) and its successor Wafer2, which separate front‑end Mini Programs from back‑end services, provide a unified SDK, free development environment, and integrated modules for data processing, databases, file storage, and cloud console, dramatically lowering entry barriers and streamlining deployment for developers.

Cloud ComputingServerlessWafer
0 likes · 10 min read
Overview of WeChat Mini Program Cloud Development and Architecture
Tencent Cloud Developer
Tencent Cloud Developer
Jan 3, 2019 · Mobile Development

Building a Lightweight Note‑Taking Mini Program with WeChat Cloud Development

The article describes how to quickly build a lightweight WeChat Mini Program for note‑taking using Cloud Development, covering registration, cloud setup, and core code for creating, querying, and editing notes with text and images, while eliminating the need for separate servers, domains, and certificates.

FrontendJavaScriptWeChat Mini Program
0 likes · 13 min read
Building a Lightweight Note‑Taking Mini Program with WeChat Cloud Development
Weimob Technology Center
Weimob Technology Center
Dec 28, 2018 · Mobile Development

12 Must‑Know Mini Program Tips to Avoid Common Pitfalls

Discover essential solutions for common WeChat Mini Program challenges—including plugin relative paths, generating QR codes, swiper current reset, template message limits, subpackage size rules, retrieving unionId, H5‑MiniProgram navigation, canvas overlay handling, image sharing ratios, authorization flows, and data binding constraints.

AuthorizationCanvasQR code
0 likes · 7 min read
12 Must‑Know Mini Program Tips to Avoid Common Pitfalls
Tencent Cloud Developer
Tencent Cloud Developer
Dec 24, 2018 · Cloud Computing

Serverless Development and Cloud Services for WeChat Mini Programs

The talk explains how Tencent’s serverless Mini Program Cloud Development platform eliminates the brain, cost, and coordination pains of backend creation by providing native, one‑click cloud functions, a MongoDB‑compatible database, and CDN‑accelerated storage, enabling single engineers to build scalable, reliable Mini Program services quickly and affordably.

Cloud FunctionsDatabaseServerless
0 likes · 13 min read
Serverless Development and Cloud Services for WeChat Mini Programs
Tencent Cloud Developer
Tencent Cloud Developer
Nov 7, 2018 · Mobile Development

Deploying a WeChat Mini Program Photo Album Demo with Tencent Cloud COS

This tutorial walks developers through registering a WeChat Mini Program, setting up the Small Photo Album demo, configuring HTTPS domains and SSL, deploying a Node.js backend with Nginx, integrating Tencent Cloud COS for image storage, and testing the complete end‑to‑end photo‑album application.

Frontend DevelopmentNode.jsTencent Cloud COS
0 likes · 18 min read
Deploying a WeChat Mini Program Photo Album Demo with Tencent Cloud COS
Weimob Technology Center
Weimob Technology Center
Oct 11, 2018 · Mobile Development

How to Solve Common WeChat Mini‑Program Issues: Dates, Navigation, Images, and More

This article compiles a series of practical solutions for frequent WeChat mini‑program challenges, covering iOS date parsing, live‑stream message throttling, storage sharing, navigation depth limits, floating‑point precision, QR‑code scene length, image preloading, and server‑client time synchronization, with code snippets and explanations.

Date ParsingImage PreloadingJavaScript
0 likes · 9 min read
How to Solve Common WeChat Mini‑Program Issues: Dates, Navigation, Images, and More
Weimob Technology Center
Weimob Technology Center
Oct 8, 2018 · Frontend Development

Boost WeChat Mini Program Performance: Startup, First-Render, and Rendering Optimizations

This article outlines practical techniques for improving WeChat Mini Program performance, covering startup loading, first‑screen experience recommendations, and rendering optimizations, with detailed steps on code size control, subpackage loading, data management, and UI rendering best practices.

Performance OptimizationStartup LoadingWeChat Mini Program
0 likes · 7 min read
Boost WeChat Mini Program Performance: Startup, First-Render, and Rendering Optimizations
Meituan Technology Team
Meituan Technology Team
Sep 13, 2018 · Frontend Development

Optimizing Meituan Scan‑to‑Pay Mini Program: Reducing Package Size and Boosting Conversion Rates

Meituan Scan-to-Pay mini program optimized by reducing package size through split and independent sub‑packages, moving assets to CDN, and adding detailed funnel, exception, performance, and cross‑boundary timing monitoring, which together increased external conversion by about 3 % and improved overall payment success rates.

Front-end MonitoringMeituanWeChat Mini Program
0 likes · 12 min read
Optimizing Meituan Scan‑to‑Pay Mini Program: Reducing Package Size and Boosting Conversion Rates
Qunar Tech Salon
Qunar Tech Salon
Sep 12, 2018 · Frontend Development

Using the ANU Mini‑Program Framework for React‑Style Development in WeChat Mini Programs

This article introduces the ANU mini‑program framework, explains why WeChat mini‑programs need transpilation tools, compares existing solutions, details ANU's features and limitations, and provides step‑by‑step instructions with code examples for building and running a React‑like mini‑program project.

ANUFrontend DevelopmentJavaScript
0 likes · 9 min read
Using the ANU Mini‑Program Framework for React‑Style Development in WeChat Mini Programs
Tencent Cloud Developer
Tencent Cloud Developer
Sep 5, 2018 · Frontend Development

Developing WeChat Mini Programs with Tencent Cloud Serverless Functions

This guide walks developers through creating a WeChat Mini Program using Tencent Cloud's Serverless Cloud Functions, covering IDE installation, project configuration, cloud environment setup, file upload, cloud‑function development, and invoking functions from the Mini Program, enabling a fully serverless backend without traditional servers.

Cloud FunctionsFrontend DevelopmentJavaScript
0 likes · 10 min read
Developing WeChat Mini Programs with Tencent Cloud Serverless Functions
Tencent Cloud Developer
Tencent Cloud Developer
Aug 27, 2018 · Mobile Development

WeChat Mini Program Cloud Development: Overview, Advantages, and Common Pitfalls

WeChat Mini Program Cloud Development offers a serverless backend—cloud functions, database, and file storage—exclusively for Mini Programs, providing simple login, generous free tiers, and easy JavaScript integration, while developers must handle promises for async calls and supplement its limited permission model with custom logic.

DatabaseFaaSJavaScript
0 likes · 7 min read
WeChat Mini Program Cloud Development: Overview, Advantages, and Common Pitfalls
转转QA
转转QA
Aug 9, 2018 · Mobile Development

Automating ZuanZuan "Happy Delivery" Mini Program with Appium and Chrome Inspector

This article details the step‑by‑step setup and execution of automated testing for the ZuanZuan "Happy Delivery" WeChat mini‑program, covering debugging activation, process inspection, Chrome‑Inspector usage, Appium context switching, chromedriver compatibility, and best practices for building a maintainable mobile automation framework.

AppiumChrome InspectorChromeDriver
0 likes · 10 min read
Automating ZuanZuan "Happy Delivery" Mini Program with Appium and Chrome Inspector
Qunar Tech Salon
Qunar Tech Salon
Jul 17, 2018 · Frontend Development

Adapting WeChat Mini Program Component Model to the React Paradigm

This article examines the challenges of using WeChat Mini Programs, proposes a React‑style component architecture by mapping Mini Program concepts such as Component, Page, and App to React's state, lifecycle, and JSX, and provides concrete code examples for definition, lifecycle handling, styling, templating, and configuration.

ComponentFrontendJavaScript
0 likes · 6 min read
Adapting WeChat Mini Program Component Model to the React Paradigm
Youzan Coder
Youzan Coder
May 11, 2018 · Mobile Development

WeChat Mini Program Framework Internal Analysis: Startup Process and Instance Management

The article offers a detailed three‑week debugging analysis of the WeChat Mini Program framework (base library 1.9.93), explaining its startup sequence, global variable initialization, core modules, loading and registration of app, custom components and pages, setData data binding, and performance impacts of component count and sub‑package design.

App LifecycleComponent SystemPage lifecycle
0 likes · 10 min read
WeChat Mini Program Framework Internal Analysis: Startup Process and Instance Management
Tencent TDS Service
Tencent TDS Service
May 10, 2018 · Frontend Development

How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement

The article details the design, features, and technical implementation of the Tencent Dajia WeChat mini‑program, explaining how it aggregates high‑quality Chinese internet content, supports multi‑device data sharing, author and column management, user login, collection, sharing, commenting, and analytics, while providing practical code snippets and development tips for front‑end engineers.

Frontend DevelopmentTencent DajiaWeChat Mini Program
0 likes · 35 min read
How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement
Tencent Cloud Developer
Tencent Cloud Developer
May 4, 2018 · Mobile Development

WeChat Mini Program Audio/Video vs WebRTC: Differences, Architecture, and Interoperability

Tencent Video Cloud’s Mini‑Program audio/video, built on the LiteAV SDK with RTMP/HTTP‑FLV tags, contrasts WebRTC’s browser‑native RTP/RTCP approach, but a bridge using an RTMP server and WebRTC‑Proxy translates streams, enabling interoperable live‑push/pull, room‑based multi‑person calls and rapid integration via a packaged webrtc‑room component.

RTMPWeChat Mini ProgramWebRTC
0 likes · 13 min read
WeChat Mini Program Audio/Video vs WebRTC: Differences, Architecture, and Interoperability
Tencent Cloud Developer
Tencent Cloud Developer
Apr 18, 2018 · Mobile Development

Tencent Cloud Mobile Assistant: Using WeChat Public Account and Mini Program for Cloud Service Management

Tencent Cloud created a mobile assistant by integrating WeChat public accounts and mini‑programs, turning key console functions—account management, resource monitoring, and quick actions—into a unified, push‑notified experience that overcomes B2B operational, timing, and notification challenges, boosting efficiency for hundreds of thousands of users.

Cloud ManagementMobile DevelopmentTencent Cloud
0 likes · 8 min read
Tencent Cloud Mobile Assistant: Using WeChat Public Account and Mini Program for Cloud Service Management
Tencent Cloud Developer
Tencent Cloud Developer
Apr 8, 2018 · Mobile Development

Audio and Video Capabilities in WeChat Mini Programs: Architecture, Use Cases, and Technical Details

In late 2017 Tencent Cloud integrated its audio‑video SDK into WeChat Mini Programs, enabling developers to add live streaming, on‑demand video and real‑time calls—such as customer‑service video, court assessments, and insurance claims—through a cloud‑based upstream/downstream architecture that compresses streams, reduces latency, supports multi‑party RTC, and offers tools for moderation and recording.

Mobile DevelopmentWeChat Mini ProgramWebRTC
0 likes · 16 min read
Audio and Video Capabilities in WeChat Mini Programs: Architecture, Use Cases, and Technical Details
360 Tech Engineering
360 Tech Engineering
Mar 30, 2018 · Frontend Development

WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices

This article examines the rapid rise of WeChat mini programs and fast apps, their market impact, technical architecture, development workflow, key frameworks such as WePY and mpVue, code examples, and the opportunities and challenges they present for front‑end developers on mobile platforms.

Frontend DevelopmentMobile WebWeChat Mini Program
0 likes · 16 min read
WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices
JD Tech
JD Tech
Mar 23, 2018 · Frontend Development

Guide to Custom Component Development in WeChat Mini Programs

This article explains how to build lightweight, reusable custom components in WeChat Mini Programs, covering the evolution from basic template imports to full‑featured custom components, the differences between import and include methods, component configuration, event handling, and popular third‑party frameworks such as WePY and mpvue.

ComponentizationFrontend DevelopmentWXML
0 likes · 10 min read
Guide to Custom Component Development in WeChat Mini Programs
Meituan Technology Team
Meituan Technology Team
Mar 8, 2018 · Frontend Development

An Overview of mpvue: A Vue.js‑Based Framework for WeChat Mini Programs

mpvue is a Vue.js‑based framework that lets developers write WeChat Mini Programs using familiar Vue syntax, providing component, lifecycle and event mapping to achieve high code reuse between H5 web apps and Mini Programs, evolving through three stages, supporting bidirectional reuse while noting current Vue feature limitations and best‑practice guidelines.

Cross‑platform developmentFront‑end FrameworkVue.js
0 likes · 15 min read
An Overview of mpvue: A Vue.js‑Based Framework for WeChat Mini Programs
Hujiang Technology
Hujiang Technology
Dec 20, 2017 · Frontend Development

Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration

This article explains the differences between WeChat Mini Programs and H5, details the custom runtime environment, demonstrates performance differences, shows how to wrap callback‑based APIs with Promises, introduces component‑based development, and integrates Redux for state management with code examples.

ComponentizationFrontend DevelopmentPromise
0 likes · 14 min read
Understanding WeChat Mini Programs: Runtime, Promise Wrapping, Componentization, and Redux Integration
Tencent Cloud Developer
Tencent Cloud Developer
Nov 10, 2017 · Mobile Development

Deploying a WeChat Mini Program with PHP: Step‑by‑Step Guide

This guide walks developers through deploying a WeChat Mini Program with PHP by authorizing Tencent Cloud on the WeChat Public Platform, installing the developer tools, importing the wafer2‑quickstart‑php demo from GitHub, configuring credentials, and uploading the code to create a ready‑to‑use cloud environment.

DeploymentPHPTencent Cloud
0 likes · 6 min read
Deploying a WeChat Mini Program with PHP: Step‑by‑Step Guide
Java High-Performance Architecture
Java High-Performance Architecture
Oct 20, 2017 · Frontend Development

Essential Open-Source WeChat Mini‑Program Frameworks & UI Libraries

This article presents a curated collection of popular open‑source GitHub projects for WeChat mini‑program development, including frameworks such as Labrador and WePY, utility libraries like wxParse, and UI component kits such as WeUI, ZanUI‑WeApp, and wx‑charts, each with key features and star counts.

GitHubUI componentsWeChat Mini Program
0 likes · 5 min read
Essential Open-Source WeChat Mini‑Program Frameworks & UI Libraries
Hujiang Technology
Hujiang Technology
Aug 29, 2017 · Frontend Development

WeChat Mini Program Development Tutorial: Course Outline and Tool Installation Guide

This article presents a comprehensive WeChat Mini Program tutorial, outlining the course curriculum from introductory to advanced chapters, and provides step‑by‑step instructions for installing and configuring the WeChat Web Developer Tool on macOS, including project creation, appID setup, and debugging workflow.

Frontend DevelopmentTutorialWeChat Mini Program
0 likes · 4 min read
WeChat Mini Program Development Tutorial: Course Outline and Tool Installation Guide
Hujiang Technology
Hujiang Technology
Aug 24, 2017 · Frontend Development

WeChat Mini Program Practical Tutorial: Course Outline and Development Guide

This article presents a comprehensive Mini Program tutorial covering the full course syllabus—from introductory setup and appID registration to intermediate project structure, utility extraction, network handling, list and detail page implementation—along with a detailed step‑by‑step guide for obtaining and configuring an appID.

AppIdDevelopmentJavaScript
0 likes · 5 min read
WeChat Mini Program Practical Tutorial: Course Outline and Development Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 13, 2017 · Frontend Development

Building a Simple WeChat Mini Program: From Zero to First Page

This article walks through the author's experience of exploring WeChat Mini Programs as a front‑end framework, comparing it to Vue and React Native, and provides a step‑by‑step tutorial for creating a basic catalog page with code snippets and screenshots.

Frontend DevelopmentMobile DevelopmentTutorial
0 likes · 9 min read
Building a Simple WeChat Mini Program: From Zero to First Page
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 20, 2017 · Frontend Development

How QQ Music Mini‑Program Handles Audio Playback: Core Features, Bugs & Fixes

This article walks through the core functionalities of the QQ Music mini‑program—including station launch, friend cards, guided login, playback controls, lyric scrolling, dynamic background colors, and error handling—while sharing implementation details, common bugs on Android and iOS, and practical fixes for developers building audio features in WeChat mini‑apps.

Audio PlaybackBug FixesFrontend Development
0 likes · 14 min read
How QQ Music Mini‑Program Handles Audio Playback: Core Features, Bugs & Fixes
Qunar Tech Salon
Qunar Tech Salon
Apr 10, 2017 · Mobile Development

CTrip WeChat Mini Program Framework: Architecture, Development Challenges, and Solutions

This article introduces CTrip's independently built WeChat mini‑program framework, detailing its CPage architecture, middleware, CWX extensions, component APIs, common development problems such as rendering white‑screens, page‑level limits, authorization dialogs, package size constraints, and the solutions and future plans adopted to overcome them.

DebuggingFrameworkMobile Development
0 likes · 9 min read
CTrip WeChat Mini Program Framework: Architecture, Development Challenges, and Solutions
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 9, 2017 · Frontend Development

Boost Mini Program Development with Essential ES6 Features

This article explains how key ES6 features—arrow functions, array methods, destructuring, enhanced object literals, classes, and block‑scoped variables—can streamline WeChat Mini Program development, improve code readability, and increase development efficiency.

Arrow FunctionsFrontendJavaScript
0 likes · 8 min read
Boost Mini Program Development with Essential ES6 Features
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 4, 2017 · Frontend Development

How to Implement Swipe‑to‑Delete in WeChat Mini Programs

This tutorial explains how to create a left‑swipe delete effect in a WeChat Mini Program list view by layering items, using absolute positioning, and handling touchstart, touchmove, and touchend events to move items and reveal action buttons based on swipe distance.

JavaScriptSwipe DeleteTouch Events
0 likes · 3 min read
How to Implement Swipe‑to‑Delete in WeChat Mini Programs
Tencent Cloud Developer
Tencent Cloud Developer
Jan 22, 2017 · Frontend Development

Dazhong Dianping+ WeChat Mini Program Development Experience and Best Practices

The Dazhong Dianping+ WeChat mini‑program, built by a Meituan‑Dianping engineer using a web‑like hybrid approach, launched on Jan 9 with over two million visits, delivering fast store search and group‑purchase services while adhering to strict limits (1 MB bundle, five pages, no external navigation) through gulp builds, ES6/Promise helpers, manual size optimizations, and Tencent Cloud APIs.

Best PracticesFrontend DevelopmentHybrid App
0 likes · 13 min read
Dazhong Dianping+ WeChat Mini Program Development Experience and Best Practices
Architecture Digest
Architecture Digest
Jan 19, 2017 · Mobile Development

Common Issues and Solutions in WeChat Mini Program Development

This article compiles a comprehensive list of frequently encountered problems and practical solutions for WeChat Mini Program development, covering script environment limitations, navigation constraints, styling rules, network request handling, component usage, platform-specific bugs, and performance tips to help developers build stable mobile applications.

APIDebuggingMobile Development
0 likes · 9 min read
Common Issues and Solutions in WeChat Mini Program Development
Tencent Cloud Developer
Tencent Cloud Developer
Jan 17, 2017 · Mobile Development

Understanding WeChat Mini Program Development: Data, UI, and Interaction Patterns

The article explains WeChat Mini Program development through MVC, detailing data acquisition methods, the WXML/WXSS UI stack, unidirectional interaction via setData, a data‑driven architecture that simplifies basics but limits complex UI control, and highlights common pitfalls such as compatibility, IDE instability, and scarce resources.

JavaScript frameworkMobile DevelopmentWXML
0 likes · 12 min read
Understanding WeChat Mini Program Development: Data, UI, and Interaction Patterns
Tencent Cloud Developer
Tencent Cloud Developer
Jan 16, 2017 · Frontend Development

Understanding WeChat Mini Program Architecture: From View Layer to App Service

This article examines the structure and development workflow of WeChat Mini Programs, covering their core characteristics, entry methods, the dual-layer architecture of View and App Service, language specifics like WXML and WXSS, component models, performance tricks, common pitfalls, and how the model relates to Progressive Web Apps.

App ServiceFrontend DevelopmentPWA
0 likes · 11 min read
Understanding WeChat Mini Program Architecture: From View Layer to App Service
Tencent Cloud Developer
Tencent Cloud Developer
Jan 12, 2017 · Mobile Development

Using WeCOS to Reduce WeChat Mini Program Package Size

WeCOS is a command‑line tool that uploads a Mini Program’s local image assets to Tencent Cloud Object Storage, replaces the code’s image paths with COS URLs, removes the original files, and thus shrinks the package below the 1 MB upload limit, simplifying the otherwise manual process.

Node.jsTencent Cloud COSWeCOS
0 likes · 7 min read
Using WeCOS to Reduce WeChat Mini Program Package Size
Java High-Performance Architecture
Java High-Performance Architecture
Jan 8, 2017 · Backend Development

Why Your WeChat Mini‑Program Requests Fail: Fixing Invalid URLs and TLS 1.2 Issues

This article walks through two common pitfalls when connecting a WeChat Mini‑Program to a server—an “invalid url” error caused by using single quotes instead of backticks, and a TLS 1.2 requirement that necessitates upgrading OpenSSL and recompiling Nginx, providing step‑by‑step solutions.

Backend DevelopmentInvalid URLOpenSSL
0 likes · 3 min read
Why Your WeChat Mini‑Program Requests Fail: Fixing Invalid URLs and TLS 1.2 Issues
Tencent Cloud Developer
Tencent Cloud Developer
Jan 3, 2017 · Frontend Development

Quick Guide to Setting Up Tencent Cloud WeChat Mini‑Program Development Environment in 10 Minutes

This quick‑start guide shows how certified developers can purchase Tencent Cloud’s low‑cost (3 CNY) WeChat Mini‑Program solution, automatically provision a sub‑domain, load balancer, server and MySQL database, configure the domain, deploy the service, and begin coding with the provided demo repository, all within ten minutes.

Cloud BackendFrontend DevelopmentTencent Cloud
0 likes · 5 min read
Quick Guide to Setting Up Tencent Cloud WeChat Mini‑Program Development Environment in 10 Minutes
Tencent Cloud Developer
Tencent Cloud Developer
Dec 30, 2016 · Mobile Development

Step-by-Step Guide to Quickly Build a WeChat Mini Program Using Tencent Cloud

This step‑by‑step tutorial shows how to use Tencent Cloud’s one‑click Mini Program scaffold to create, configure, and deploy a WeChat Mini Program—automating domain registration, HTTPS/WSS, authentication, scaling and other infrastructure—so developers can bypass traditional setup hurdles and launch a functional app within minutes.

Cloud ScaffoldFrontend DevelopmentTencent Cloud
0 likes · 8 min read
Step-by-Step Guide to Quickly Build a WeChat Mini Program Using Tencent Cloud
Tencent TDS Service
Tencent TDS Service
Nov 4, 2016 · Frontend Development

Mastering WeChat Mini Programs: From Architecture to Real-World Development

This comprehensive guide explains what WeChat Mini Programs are, their underlying framework, supported components and APIs, development workflow, modular design patterns, differences from traditional H5 apps, debugging, building, publishing, and practical advantages and limitations for mobile front‑end developers.

Frontend DevelopmentJavaScriptMobile UI
0 likes · 13 min read
Mastering WeChat Mini Programs: From Architecture to Real-World Development
Architecture Digest
Architecture Digest
Oct 16, 2016 · Frontend Development

Building a DouBan Book Search Mini Program with WeChat Mini Program

This article walks through creating a simple WeChat Mini Program that searches and displays DouBan book information, covering API usage, project setup, page design, event handling, network requests, pagination, and code organization with practical code examples.

Douban APIFrontend DevelopmentJavaScript
0 likes · 8 min read
Building a DouBan Book Search Mini Program with WeChat Mini Program
Java High-Performance Architecture
Java High-Performance Architecture
Oct 11, 2016 · Frontend Development

Master WeChat Mini Program UI: Picker, Checkbox, Slider, Switch & Form Guide

This article demonstrates how to implement common WeChat Mini Program form controls—including picker, multi-select checkbox, slider, switch, and form submission—by presenting their code structures, event handling, and sample WXML/JS snippets, enabling developers to quickly integrate these interactive components into their apps.

FormSliderWeChat Mini Program
0 likes · 3 min read
Master WeChat Mini Program UI: Picker, Checkbox, Slider, Switch & Form Guide
JavaScript
JavaScript
Sep 25, 2016 · Frontend Development

Master WeChat Mini Program Development: From Setup to Todo List App

This guide walks you through setting up the WeChat Mini Program development environment, explains the project directory, core files like app.js, app.json, and app.wxss, details page structure, WXML components, data binding, conditional and list rendering, templates, events, routing, API usage, and culminates with a complete Todo List example.

Todo ListWXMLWXSS
0 likes · 12 min read
Master WeChat Mini Program Development: From Setup to Todo List App