Course Introduction

Introduction to WeChat Mini Program

Environment preparation for WeChat mini program

My first WeChat applet

Introduction to WeChat Developer Tools

Directory structure of native framework

Global configuration file-pages field

Global configuration file-window field

Global configuration file-tabbar field

Page configuration file

sitmap configuration

Code editor skills before data binding

data binding

Operation

Array and object loops

Use of block tags

Conditional rendering

event binding 1

Event binding 2

style-rpx

Style-Import

Styles - selectors and using less

How to write wxss comments

view and text tags

image picture tag

swiper - calculate the height of swiper proportionally

swiper - common properties

navigator navigation tag

rich-textRich text tag

button-appearance style

Button's opening ability 1

Button's opening ability 2

iconicon

radio radio button

checkboxcheckbox

Introduction to custom components

First experience with custom components

Custom component-Tabs-style optimization

Custom component-title activation selected

Custom component - parent passes data to child

Custom component - child passes data to parent

Custom component-slot

Other properties of the component

Application life cycle

Page life cycle

Project preview

Project technology selection

Project construction step one

Project construction step 2 (introducing iconfont)

Project construction step three (build tabbar)

Project construction step four - initialize page style

Home page-Search box

Home page-Get carousel chart data

Home-Carousel-Dynamic Rendering

Modify the native request into a promise

Home-Category Navigation

Home-Floor 1

Home-Floor 2

Classification-the relationship between interface data and page effects

Classification-get interface data

Category-Page Layout 1

Category-Page Layout 2

Category-Click the menu to switch product content

Classification - using caching technology

Category-click the menu-top the list on the right

Optimize interface code-extract public interface path

Optimized interface - simplify return values ​​and use es7's async

Product list-get category id

Product list-implement search box and tabs components

Product List-Static Style

Product List-Dynamic Rendering

Product list-load next page data

Product list-pull down to refresh

Add global loading icon effect

Product Details-Get Data

Product details-interface data and page analysis

Product details - dynamic rendering of carousel images

Product details - price & name & picture and text details

Product details-optimized dynamic rendering

Product details-enlarge preview image

Product details-bottom toolbar

Product details-bottom toolbar

Product Details-Add to Cart

Shopping Cart-Shopping Cart Analysis & Receipt Button Style

Shopping cart-delivery address analysis

Shopping Cart-Complete process of obtaining shipping address

Shopping cart - optimize the code for obtaining the shipping address

Shopping cart-shipping address and button switching display

Shopping Cart-Shopping Cart List-Static Style

Shopping cart-bottom toolbar-static structure

Shopping cart-data dynamic rendering

Shopping Cart-Select All-Data Display

Shopping Cart - Total Price and Total Quantity

Shopping cart - product selected

Shopping cart-select all-inverse selection

Shopping Cart-Item Quantity Editing