微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，微信小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。

目录

新建小程序页面

在 app.json 下，找到 pages 并在其中新增页面的存放路径，小程序开发者工具会自动帮我们创建对应的页面文件。

"pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/list/list" //新增页面，pages目录下的list目录下的list文件
  ],

保存后就会自动进行创建。

修改项目首页

只需要调整在 app.json 下的 pages 数组中的页面路径顺序即可。小程序会把第一个当作是首页。

WXML模板

WXML和HTML的区别

1. 标签名称不同

• HTML：div、span、img、a。
• WXML：view、text、image、navigator。（相对应）

2. 属性节点不同

• HTML：a标签中的链接是 href 属性。
• WXML：navigator中的链接是 url 属性

3. WXML提供了类似于Vue中的模板语法

• 数据绑定
• 列表渲染
• 条件渲染

WXSS样式

WXSS和CSS的区别

1. 新增RPX尺寸单位

• CSS中需要手动进行像素单位的换算。
• WXSS在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算。

2. 提供了全局样式和局部样式

• 项目根目录中的 app.wxss 会作用于所有小程序页面。
• 局部页面的 .wxss 样式仅对当前页面生效。

3. WXSS仅支持部分CSS选择器

• .class 和 #id
• element
• 并集选择器、后代选择器
• ::after 和 ::before 等伪类选择器