1. WXML（WeiXin Markup Language）

作用：写页面结构（类似 HTML）

• 用于描述小程序页面的布局和组件结构。
• 使用 <view>、<text>、<button> 等标签，不支持原生 HTML 标签。

✅ 类比：HTML

2. WXSS（WeiXin Style Sheet）

作用：写页面样式（类似 CSS）

• 控制 WXML 元素的外观、布局、颜色、间距等。
• 支持 rpx（响应式单位）、局部/全局样式、部分 CSS 特性。

✅ 类比：CSS

3. JavaScript（.js）

作用：写页面逻辑（处理数据和交互）

• 负责数据绑定、事件处理、网络请求、生命周期管理等。
• 通过 Page() 或 Component() 定义页面或组件行为。

✅ 类比：JavaScript（但运行在微信客户端环境）

4. JSON（.json）

作用：写配置信息（声明页面、窗口、组件等）

• 全局配置（app.json）：注册页面、设置 tabBar、窗口样式等。
• 页面配置（xxx.json）：覆盖当前页的导航栏、启用下拉刷新、引入自定义组件等。

✅ 类比：项目配置文件（如路由表 + 元数据）

🧩 一句话总结：

WXML 搭骨架，WXSS 穿衣服，JS 赋予灵魂，JSON 告诉微信“怎么组织这一切”。

四者缺一不可，共同构成一个完整的小程序页面。