微信小程序开发实战 第2版 (黑马程序员) (Z-Library)

# 微信小程序开发实战 第2版 — Reading Guide ## 【One-Line Pitch】 A hands-on, project-driven textbook that takes you from zero to building complete WeChat Mini Programs, covering page design, interaction logic, core APIs, and two full real-world projects. Ideal for beginners with basic web (HTML/CSS/JS) knowledge who want to learn by building rather than just reading. ## 【Book Arc】 - **Opening (~0%–10%)**: Introduces what WeChat Mini Programs are, their market position and growth stats, then walks through setting up the WeChat Developer Tool, project configuration, shortcuts, and managing team members — the essential groundwork before writing any code. - **Early (~10%–25%)**: Dives into page construction with core components — `view`, `image`, `swiper`, `checkbox`, `radio`, and tabBar configuration — using small demos and a wedding invitation case to practice layout and styling with WXSS. - **Early–Middle (~25%–42%)**: Moves into page interaction: event binding (`bind` vs `catch`, bubbling), handling user input, building a calculator app, fetching data with `wx.request`, and rendering lists with `wx:for` — the bridge between static pages and dynamic apps. - **Middle (~42%–55%)**: Covers the first batch of common APIs: `wx.showLoading`/`wx.showToast` for feedback, WXS for data filtering, and a music player case demonstrating audio playback controls, progress tracking, and playlist management. - **Late (~55%–75%)**: Continues with more APIs — user login flows, data caching, Tencent Map SDK integration, WebSocket for real-time chat — then ties everything together in a full "点餐" (food ordering) mini program with modules for merchant pages, menus, cart, and order management. - **Ending (~75%–100%)**: Advanced topics: custom components, custom tabBar, Vant Weapp and WeUI component libraries, plus a uni-app based "短视频" (short video) project showing cross-platform development. ## 【Key Takeaways】 - **Mini Programs are lightweight, install-free apps inside WeChat** (Early): Users access them via search, QR code, or sharing — no download or uninstall needed. This distribution model is why they've grown to 450M+ daily active users across industries like education, media, and e-commerce. - **The Developer Tool is your command center** (Early): Master project configuration, code compression options, domain validation settings, and keyboard shortcuts. The "不校验合法域名" checkbox is especially important during development to test APIs without HTTPS certificate hassles. - **Components are the building blocks of pages** (Early): `view`, `image`, `swiper`, `checkbox`, `radio` each have specific attributes — e.g., `image` supports 5 scaling modes (`aspectFit`, `aspectFill`, `widthFix` etc.), and `swiper` enables auto-playing carousels with configurable intervals and indicators. - **Events drive interactivity, and bubbling matters** (Early–Middle): Use `bind` for events that should propagate to parent components and `catch` to stop propagation. The `event.detail.value` pattern is the standard way to capture user input from form components. - **`wx.request` + `wx:for` is the core data-display pattern** (Middle): Fetch data in `onLoad`, store it in page data, then loop-render with `wx:for` and `wx:key`. Always handle HTTP status codes and show loading/error feedback via `wx.showLoading` and `wx.showModal`. - **WXS is a mini-program-specific scripting language** (Middle): It borrows JavaScript syntax but is distinct — primarily used as a "filter" to preprocess data before rendering in WXML, keeping presentation logic clean. - **Real projects cement the fundamentals** (Late): The "点餐" case study walks through a complete flow — network request encapsulation, login, merchant pages, menu lists, shopping cart, and order confirmation — showing how individual APIs combine into a production-like app. - **Component libraries accelerate development** (Ending): Vant Weapp and WeUI provide ready-made UI components, while custom components and custom tabBars give you control beyond the defaults. uni-app extends your skills to multi-platform development. ## 【Reading Tips】 - **Skim Chapter 1** if you're already familiar with web development — the key items are the Developer Tool settings (especially domain validation) and project structure. The market statistics and member management details are nice context but not critical. - **Deep-read Chapters 2–3**: These are the foundation. Build the wedding invitation and calculator examples yourself — don't just read the code. Pay special attention to the `bind` vs `catch` distinction and the `wx:for` rendering pattern, as they appear in every subsequent chapter. - **Treat Chapters 4–5 as a reference**: The API cases (music player, login, maps, chat) are best studied when you need that specific capability. The login flow and data caching sections are worth extra attention since they're needed in most real apps. - **Chapter 6 is the payoff**: The "点餐" project ties everything together. If you're short on time, build this one fully — it covers request encapsulation, login, list rendering, cart logic, and order flows, which are the core skills for any mini program. - **Watch for version notes**: The book references specific base library versions (e.g., 2.25.2) and tool settings that may have changed. If something doesn't work, check the current WeChat documentation rather than assuming the book is wrong. ## 【Coverage Limits】 This guide covers the book's first six chapters in detail (foundations through the "点餐" project). The advanced topics in Chapters 7–8 (custom components, Vant Weapp, uni-app, short video project) are summarized at a high level only, as the excerpts provide limited detail on those sections. ##