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

想做合格的前端程序员

已于 2022-05-13 11:10:18 修改

阅读量189

点赞数

分类专栏：微信小程序文章标签：学习小程序

于 2022-05-13 11:08:28 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/spring0205/article/details/124730240

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

小程序的项目结构

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

在这里插入图片描述

小程序页面的组成部分

在这里插入图片描述

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

分类

协同工作和发布

版本问题

在这里插入图片描述

想做合格的前端程序员

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
小程序开发学习记录——通信的主体、通信的模型、运行机制、组件、协同工作和发布

小程序的项目结构小程序项目的基本组成结构小程序页面的组成部分json配置文件json是一种数据格式在实际开发中总是以配置文件的形式出现通过不同的json配置文件可以对小程序项目进行不同级别的配置app.jsonsitemapLocation:用来指明sitmap.json的位置project.config.json注意：projectname不一定是小程序名称sitmap.json关于app.json和index.json的设置新建页面在app.json文件
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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