Tag

WXSS

1 views collected around this technical thread.

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 ComponentWXMLWXSS
0 likes · 6 min read
Developing a WeChat Mini‑Program for ID Card Capture: A Personal Technical Walkthrough
Baidu Waimai Technology Team
Baidu Waimai Technology Team
Mar 9, 2017 · Frontend Development

An Introduction to WeChat Mini Programs: Technology Stack, Development Settings, and Lifecycle

This article provides a comprehensive overview of WeChat Mini Programs, covering their technical stack (WXML, WXSS, WXAPI), development environment setup, file architecture, component system, application and page lifecycles, login process, and practical considerations for frontend developers.

Frontend DevelopmentWXMLWXSS
0 likes · 9 min read
An Introduction to WeChat Mini Programs: Technology Stack, Development Settings, and Lifecycle
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.

WXMLWXSSWeChat Mini Programs
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 frameworkWXMLWXSS
0 likes · 12 min read
Understanding WeChat Mini Program Development: Data, UI, and Interaction Patterns
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.

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