小程序的宿主环境、组件、API、协同工作和发布

组件

1.小程序中组件的分类

2.常用的视图容器类组件

view组件：

1.普通视图区域
2.类似于HTML中的div,是一个块级元素
3.常用来实现页面的布局效果

scroll-view组件：

1.可滚动的视图区域
2.常用来实现滚动列表效果

swiper和swiper-item组件：

1.轮播图容器组件和轮播图item组件

3.view组件的基本使用

4.scroll-view组件的基本使用

注意：要限制scroll-view的高度

5.swiper和swiper-item组件的基本使用

6.swiper组件的常用属性

7.常用的基础内容组件

① text

1.文本组件
2.类似于HTML中的span标签，是一个行内元素

②rich-text

1.富文本组件
2.支持把HTML字符串渲染为WXML结构

8.text组件的基本使用

只有text支持长按选中，最好通过真机预览，模拟器有可能不显示

9.rich-text组件的基本使用

10.其它常用组件

① button

1.按钮组件
2.功能比HTML中的button按钮丰富
3.通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)

② image

1.图片组件
2.image组件默认宽度约300px、高度约240px

③ navigator

① 页面导航组件
② 类似于HTML中的a链接

11.button按钮的基本使用

12.image组件的基本使用

13.image组件的mode属性

API

1.概述

小程序中的API是由宿主环境提供的，通过这些丰富的小程序API，开发者可以方便的调用微信提供的能力，例如：获取用户信息，本地存储支付功能。

小程序的API的三大分类

事件监听

①特点：以on开头，用来监听某些事件
②举例：wx.onWindowResize(function callback)监听窗口尺寸变化的事件

同步API

①特点1：以Sync结尾的API都是同步API
②特点2：同步API的执行结果，可以通过函数返回值直接获取，如果执行出错抛出异常
③举例：wx.setStorageSync(‘key’,‘value’)向本地存储中写入内容

异步API

①特点：类似于jQuery中的$.ajax(options)函数，需要通过success,fail,complete接收调用结果
②举例：wx.request()发发送网络数据请求，通过success回调函数接收数据

协同工作和发布-协同工作

1.了解权限管理需求

在中大型的公司里，人员的分工非常仔细：同一个小程序项目中，一般会有不同的岗位，不同角色的员工同时参与设计与开发
此时出于管理需要，我们迫切需要对不同岗位，不同角色的员工的权限进行边界的划分，使他们能够高效的进行协同工作。

2.了解项目成员的组成结构

3.小程序的开发流程

协同工作和发布-小程序成员管理

1.成员管理的两个方面

2.不同项目成员对应的权限

3.开发者的权限说明

①开发者权限：可以使用小程序开发者工具及对小程序的功能进行代码开发
②体验者权限：可以使用体验版小程序
③登录权限:可以登录小程序的后台，无需管理员确认
④开发设置：设置小程序服务器域名，消息推送及扫描普通链接二维码打开小程序
⑤腾讯云管理：云开发相关设置

4.添加项目成员和体验成员

协同工作和发布-小程序版本

1.软件开发过程中不同的版本

2.小程序的版本

协同工作和发布-发布上线

1.小程序发布上线的整体步骤

一个小程序的发布上线，一般要经过上传代码->提交审核->发布三个步骤

2.上传代码

3.在后台查看上传之后的版本

4.提交审核

5.发布

6.基于小程序码进行推广

协同工作和发布-运营数据

1.查看小程序运营数据的两种方式