微信小程序教程

微信小程序目录

第1章  微信小程序基础

第2章 微信小程序配置

第3章 微信小程序基础知识

第4章 微信小程序基本应用

第5章 微信小程序生命周期

第6章 微信小程序高级应用

第7章 微信小程序事件和导航

第8章 微信小程序网络请求

第9章 微信小程序组件及组件之间的通讯

  • 第1章  微信小程序基础

  • 第2章 微信小程序配置

    • 注册小程序开发者账号

    • 小程序账号的基本信息设置

    • 小程序账号的开发设置

    • 小程序账号的成员管理

    • 下载并安装微信开发者工具

    • 新建小程序项目

    • 预览小程序

    • 开发者工具主界面功能介绍

    • 介绍小程序项目的结构

    • 介绍小程序页面的组成部分

  • 第3章 微信小程序基础知识

    • 新建小程序页面

    • 修改小程序项目的默认首页

    • 介绍text文本组件的用法

    • 介绍view视图容器组件的用法

    • 介绍button按钮组件的用法

    • 介绍input文本输入框组件的用法

    • 介绍image图片组件的用法

    • 介绍wxss的概念

    • 演示wxss中常用的样式选择器

    • 什么是rpx尺寸单位

    • rpx与px之间的换算

    • rpx和iphone6设计稿的关系

    • 案例-使用rpx绘制占屏幕宽度一半的盒子

    • @import样式导入

    • 全局样式和局部样式

    • wxss的概念

    • 全局样式和局部样式

  • 第4章 微信小程序基本应用

    • 介绍app.json配置文件的作用

    • pages数组的用法

    • 小程序窗口的组成部分以及window节点常用的配置项

    • 设置导航栏标题文字内容

    • 设置导航栏背景色

    • 设置导航栏标题颜色

    • 全局开启下拉刷新功能

    • 设置下拉刷新窗口的背景色

    • 设置下拉loading的样式

    • 设置上拉触 底的距离

    • 介绍什么是小程序中的tabBar

    • tabBar的组成部分

    • 介绍tabar节点的配置项

    • 案例-配置tabBar

    • 使用页面级别的配置文件

  • 第5章 微信小程序生命周期

    • 介绍小程序中生命周期的概念

    • 介绍小程序中生命周期函数的概念

    • 了解应用生命周期函数

    • 了解页面生命周期函数

  • 第6章 微信小程序高级应用

    • 在data节点中定义页面的数据

    • 介绍mustache语法使用

    • bindtap绑定触摸事件

    • bindinput绑定文本框的输入事件

    • 实现文本框与data中数据之间的数据同步

    • 事件传参

    • wxs的概念以及注意点

    • wxs遵循了commonjs模块化规范

    • wxs的基础语法

    • 内嵌wxs脚本

    • 外联wxs脚本

    • 在wxs中不要使用高级的js语法

    • 小程序的结构与配置

    • 条件渲染

    • 结合block标签控制多个标签的条件渲染

    • 通过hidden实现条件渲染

    • 两种条件渲染的对比

    • 列表渲染

    • 手动指定索引和当前项的变量名称

    • 结合block标签实现列表渲染

    • key值的注意点

    • key在列表循环中的作用

    • 下拉刷新的概念及应用场景

    • 启用下拉刷新的两种方式

    • 设置下拉刷新窗口的样式

    • 监听页面的下拉刷新事件

    • 停止下拉刷新的效果

    • 上拉加载更多的概念及应用场景

    • 配置上拉触底的距离以及监听页面上拉触底的事件

    • 通过上拉触底模拟数据的分页加载效果

  • 第7章 微信小程序事件和导航

    • 其它页面事件-onpagescroll

    • 页面其它事件-onshareappmessage中object参数的介绍

    • 页面其它事件-onshareAppMessage自定义转发内容

    • 页面其它事件-ontabitemTap

    • 声明式导航-导航到非tabbar页面

    • 声明式导航-导航到tabBar页面

    • 声明式导航-后退导航

    • 编程式导航-导航到非tabBar页面

    • 编程式导航-导航到tabBar页面

    • 编程式导航-后退导航

    • 导航传参-演示如何通过声明式导航和编程式导航传参

    • 导航传参-页面接收导航传递过来的参数

    • 导航传参-自定义编译模式快速传参

  • 第8章 微信小程序网络请求

    • 网络数据请求-配置服务器域名

    • 网络数据请求-跳过域名校验

    • 网络数据请求-发起get请求

    • 网络数据请求-发起post请求

    • 网络数据请求-小程序中没有跨域限制

  • 第9章 微信小程序组件及组件之间的通讯

    • 组件的创建与引用-创建组件

    • 组件的创建与引用-引用组件

    • 组件的创建与引用-使用样式美化组件

    • 组件的data与methods-使用data定义组件的私有数据

    • 组件的data与methods-使用methods定义组件的事件处理函数

    • 组件的properties-properties的作用以及声明properties的两种方式

    • 组件的properties-为组建传递properties的值

    • 组件的properties-在组件内修改properties的值

    • 数据监听器-数据监听器的基本用法

    • 数据监听器-监听子数据的变化

    • 组件的生命周期-介绍组件中三个主要的生命周期函数

    • 组件的生命周期-定义组件的生命周期函数

    • 组件的生命周期-组件所在页面的生命周期

    • 插槽-默认插槽

    • 插槽-多个插槽

    • 组件间的通信-selectComponent函数

    • 组件间的通信-通过事件监听实现子向父传值