Tagged articles
16 articles
Page 1 of 1
Python Crawling & Data Mining
Python Crawling & Data Mining
Aug 24, 2021 · Frontend Development

Master WeChat Mini Program Development: From Setup to Advanced Features

This comprehensive guide walks you through installing the WeChat Developer Tool, creating a Mini Program project, understanding its file structure, using WXML/WXSS for layout and styling, handling data binding, templates, imports, custom scripts, configuration files, sitemap settings, and event binding, all illustrated with step‑by‑step screenshots and code examples.

ConfigurationFront-endJavaScript
0 likes · 18 min read
Master WeChat Mini Program Development: From Setup to Advanced Features
Aotu Lab
Aotu Lab
Aug 25, 2020 · Frontend Development

How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100

This article walks through a systematic performance audit of the Jingxi Mini‑Program, identifies seven key penalty items—including excessive WXML nodes, oversized images, tiny tap targets, redundant network calls, and unbound data—and details concrete optimizations that reduced the audit score to a perfect 100.

AuditsNetwork RequestsPerformance Optimization
0 likes · 11 min read
How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100
Tencent Cloud Developer
Tencent Cloud Developer
Mar 28, 2019 · Mobile Development

Community Mini-Program Feature Implementation Using Cloud Development

The guide shows how to create a WeChat community mini‑program with cloud development that lets users post text and up to six images, implements home, publishing, and personal‑center pages, handles data pagination, image preview and deletion, stores posts in cloud collections, manages user authorization and avatar display, and addresses typical permission and refresh problems.

JavaScriptUser AuthenticationWXML
0 likes · 12 min read
Community Mini-Program Feature Implementation Using Cloud Development
Tencent Cloud Developer
Tencent Cloud Developer
Apr 25, 2018 · Mobile Development

Developing a WeChat Mini‑Program for ID Card Capture: A Personal Technical Walkthrough

A Tencent Cloud UI engineer details how they built a WeChat mini‑program that captures a personal ID card with the device camera, uses WXML, WXSS, and JavaScript, adapts layouts with rpx units, leverages WeUI components, and overlays text masks via cover‑view components before uploading the image for registration.

Camera ComponentResponsive DesignWXML
0 likes · 6 min read
Developing a WeChat Mini‑Program for ID Card Capture: A Personal Technical Walkthrough
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.

ComponentizationWXMLWeChat Mini Program
0 likes · 10 min read
Guide to Custom Component Development in WeChat Mini Programs
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 21, 2017 · Frontend Development

WeChat Mini Programs Demystified: Architecture, Views, and Tips

This article introduces WeChat Mini Programs, explains their architecture—including view and logic layers—details the WXML and WXSS syntax, outlines the development environment and routing APIs, and shares practical advantages and limitations to help developers build efficient mini‑apps.

MobileWXMLWXSS
0 likes · 5 min read
WeChat Mini Programs Demystified: Architecture, Views, and Tips
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 ServicePWAWXML
0 likes · 11 min read
Understanding WeChat Mini Program Architecture: From View Layer to App Service
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.

JavaScriptMobile UITutorial
0 likes · 13 min read
Mastering WeChat Mini Programs: From Architecture to Real-World Development
Java High-Performance Architecture
Java High-Performance Architecture
Sep 28, 2016 · Frontend Development

Master the Architecture of WeChat Mini Programs: A Quick Guide

This article provides a concise overview of WeChat Mini Program development, detailing the project’s directory structure, file types (js, wxml, wxss, json), core logic layer, data binding, API usage, modularization, and view components with practical code examples to help newcomers quickly grasp the overall design.

JavaScriptMiniProgramWXML
0 likes · 7 min read
Master the Architecture of WeChat Mini Programs: A Quick 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