微信小程序学习路径

1. 基础概念与环境搭建

了解微信小程序的定义
小程序是一种无需下载安装即可使用的轻量级应用。

开发工具的安装
下载并安装微信开发者工具
注册小程序账号，获取 AppID。
项目目录结构
了解小程序基本文件结构（app.js、app.json、app.wxss）。
学会创建简单页面文件（*.wxml、*.wxss、*.js、*.json）。

2. 基础语法学习

2.1 WXML（微信标记语言）

类似 HTML，负责页面结构。
学习标签如：<view>、<text>、<image>、<button> 等。
数据绑定：双大括号语法。

2.2 WXSS（微信样式表）

类似 CSS，负责页面样式。
学习尺寸单位：rpx、px。
常用样式：margin、padding、flex 布局等。

2.3 JS（小程序逻辑处理）

基础语法：
变量声明（let、const）。
条件语句、循环、函数、数组、对象。
小程序生命周期：
onLoad、onShow、onReady、onHide、onUnload。

3. 组件与 API

3.1 组件

基础组件：
视图容器：view、scroll-view
表单组件：input、button、textarea
媒体组件：image、video
导航组件：navigator
自定义组件：学习组件化开发，封装可复用的组件。

3.2 API（接口）

常用接口：
网络请求：wx.request()
获取用户信息：wx.getUserProfile()
数据存储：wx.setStorage()、wx.getStorage()
页面跳转：wx.navigateTo()、wx.redirectTo()
设备与性能：
地理位置：wx.getLocation()
拍照与选择图片：wx.chooseImage()
小程序性能优化。

4. 数据管理与页面跳转

数据传递：
页面间传递参数（query 参数、globalData）。
状态管理：
本地存储（wx.setStorage()）。
简单的状态管理（例如 globalData 共享数据）。
页面跳转：
wx.navigateTo()（保留当前页面）
wx.redirectTo()（关闭当前页面）
wx.switchTab()（切换到 tabBar 页面）。

5. 项目实战

实现基础功能：
首页导航页面。
列表页 + 详情页。
表单提交与数据校验。
常见业务场景：
登录功能：模拟用户授权登录。
轮播图与列表展示：使用 swiper、scroll-view。
模态框与消息提示：wx.showModal()、wx.showToast()。
集成后端 API：
学习调用后端接口，获取动态数据并渲染。