小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布

小程序的项目结构

小程序项目的基本组成结构

在这里插入图片描述

小程序页面的组成部分

在这里插入图片描述

json配置文件

json是一种数据格式 在实际开发中总是以配置文件的形式出现 通过不同的json配置文件 可以对小程序项目进行不同级别的配置
在这里插入图片描述
在这里插入图片描述
app.json
在这里插入图片描述
sitemapLocation:用来指明sitmap.json的位置
project.config.json
在这里插入图片描述
注意:projectname不一定是小程序名称
sitmap.json
在这里插入图片描述

在这里插入图片描述

关于app.json和index.json的设置

在这里插入图片描述
在这里插入图片描述

新建页面

在app.json文件中page数组中加入要创建的文件路径 然后保存即可自动生成
在这里插入图片描述

修改项目首页

只需要调整app.json->pages数组里面页面路径的前后顺序
小程序会把排在第一位的页面当做首页渲染

WXML模板——小程序里的标签语言

在这里插入图片描述

WXSS样式——小程序里的样式

在这里插入图片描述

js逻辑交互

在这里插入图片描述

宿主环境

在这里插入图片描述
在这里插入图片描述
小程序可以借助宿主环境提供的能力 完成许多普通网页无法完成的功能:微信扫码、支付、登录、地理定位等
小程序宿主环境包含的内容:
1.通信模型
2.运行机制
3.组件
4.API

通信的主体

小程序中通信的主体是渲染层逻辑层
在这里插入图片描述

通信的模型

在这里插入图片描述

运行机制

启动过程

在这里插入图片描述

页面渲染过程

在这里插入图片描述

组件

分类

在这里插入图片描述

视图容器组件

在这里插入图片描述

scroll-view的使用

在这里插入图片描述

在这里插入图片描述

swiper的使用

在这里插入图片描述
常见属性
在这里插入图片描述

常见的基础内容组件

在这里插入图片描述

text的使用

通过selectable属性 实现长按选中文本内容的效果(只有text属性可以)
ps:我的用user-select才有效

rich-text的使用

在这里插入图片描述

button的使用

1.通过type属性指定按钮颜色的类型
在这里插入图片描述

在这里插入图片描述
2.通过size属性指定按钮尺寸大小
在这里插入图片描述
在这里插入图片描述
3.plain镂空按钮
在这里插入图片描述
在这里插入图片描述

image组件的使用

和html类似
mode属性
在这里插入图片描述

API

分类在这里插入图片描述

协同工作和发布

版本问题

在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值