WeChat Mini Program Framework: Project Structure and Logic Layer
A mini program framework provides the foundational development tools and standards needed to build WeChat mini programs efficiently. It abstracts away complexity and enables developers to focus on application logic by managing structure, data flow, and page interacsions.
Project Structure Overview
Creating a New Project
When creating a new mini ...
Posted on Fri, 18 Sep 2026 16:13:29 +0000 by hip_hop_x
Custom Animated Navigation Bar for WeChat Mini Programs
Implementing Dynamic Navigation in WeChat Mini Programs
This implementation creates a fluid navigation bar with animated bubble transitions. The solution adapts web-based animation concepts to WeChat Mini Program constraints by replacing GSAP enimations with the native animation API.
Core Implementation
The navigation system uses layered elemen ...
Posted on Sat, 12 Sep 2026 16:29:42 +0000 by scotmcc
WeChat Mini Program View Layer Scripting with WXS
WXS (WeiXin Script) is a lightweight, sandboxed scripting language designed exclusively for the view layer in WeChat Mini Programs. It operates alongside WXML to enable dynamic rendering and data transformation directly within templates.
Key Characteristics
WXS runs independently of the JavaScript execution context and cannot access global JS ...
Posted on Fri, 11 Sep 2026 16:31:30 +0000 by GuitarheadCA
Integrating MPVue Components into Native WeChat Mini Programs
When extneding an existing native WeChat Mini Program (using WXML, WXSS, JS, JSON) with new features under tight deadlines, MPVue offers a practical solution. Here's how to integrate an MPVue-built subpackage into a native mini program architecture.
Project Structure Overview
The recommended approach involves placing both the MPVue project and ...
Posted on Sat, 29 Aug 2026 16:17:37 +0000 by Xoom3r
Handling Scroll Conflicts in Mini-Program Modal Overlays
When implementing modal dialogs in mini-programs, a common issue arises where both parent and child containers feature scrlolable areas, leading to conflicting scroll behaviors. This can result in an undesirable user experience where scrolling affects multiple layers simultaneously.
The solution involves controlling scroll behavior through dyna ...
Posted on Thu, 06 Aug 2026 16:06:45 +0000 by joshmmo
Frontend Development Technical Guide
When using the map component in Taro, rendering failures occurred during frequent page transitions. The issue appeared to be that variables weren't properly bound to the map component's properties. Initially tried setState, local variables, and caching without success. Finally resolved by changing the lifecycle method from componentDidMount to ...
Posted on Sat, 16 May 2026 08:57:41 +0000 by Foser