2021.11.9 放弃此文档 原因:视频有问题

1.微信小程序介绍

2.环境准备

2.1注册账号

https://mp.weixin.qq.com/wxopen/waregister?action=step1

2.1获取APPID

身份唯一认证


wxa670512a6ba33cd2

[登录界面]
https://mp.weixin.qq.com/

2.3下载

[下载地址]
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

3.第一个微信小程序

3.1打开微信开发者工具

3.2新建小程序项目

3.3填写项目信息

3.4成功

4.微信开发者工具介绍

[官网]
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

5.小程序结构目录

[小程序框架]
https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

MINA:原生框架

5.1结构对比

image.png

5.2基本的项目目录

image.png

6.小程序配置文件

6.1全局配置文件 app.json

6.1.1tabbar

6.2页面配置 page.json

配置单个页面属性

6.3sitemap配置了解即可

7.模板语法

7.1数据绑定

7.1.1普通写法

7.1.2组件属性

7.1.3bool类型

7.2运算

7.3列表渲染

7.4条件渲染

8.小程序时间的绑定

8.1wxml

8.2page

8.3特别注意

9.样式WXSS

9.1尺寸单位

9.2样式导入

9.3选择器

9.4小程序中使用less

10.常见组件

10.1view

10.2text

10.3image

10.4swiper

10.4.1swiper

10.4.swiper-item

10.5navigator

10.6rich-text

富文本标签

10.7buttom