wx:if、hidden、wx:for、wx:key | 微信小程序

本章属于「微信小程序 / WXML、WXSS 与页面渲染」，围绕「wx:if、hidden、wx:for、wx:key」建立核心认知，要求能够解释概念、理解机制或 API、完成最小代码实验，并能连接到 Java 全栈真实项目与秋招问题。

wx:if、hidden、wx:for、wx:key

一句话核心

本章要解决的问题是：在「微信小程序」的「WXML、WXSS 与页面渲染」模块中，理解并能够实际使用 wx:if、hidden、wx:for、wx:key。

本章知识点

  • 明确 wx:if、hidden、wx:for、wx:key 是什么、解决什么问题，以及它在整个技术链中的位置。
  • 掌握该主题对应的核心语法、API、配置项、协议字段或运行机制，而不是只记操作步骤。
  • 能说明它与本课程前后知识点的依赖关系，并建立从浏览器前端到 Java / Spring Boot 后端的语义连接。
  • 能完成一个最小可运行示例，并把该能力迁移到星雨笔录、管理后台或苍穹外卖式业务场景。
  • 能识别至少一种常见错误，知道如何利用 DevTools、IDE、日志、Network 或后端日志定位问题。

实战任务

  1. 用自己的语言解释本章概念，不看教程完成 1 次口述。
  2. 独立完成一个最小代码 / 配置实验并运行验证。
  3. 将本章能力接入一个真实业务场景，说明输入、处理过程和输出。
  4. 制造一个常见错误，再完成定位与修复。

秋招验收

  • 能回答：是什么？为什么需要？底层或关键机制是什么？怎么使用？什么时候不应该使用？
  • 能结合 Java 全栈项目给出真实例子，而不是只背定义。
  • 优先级：P1。