Day1

小程序简介

小程序有与普通网页的区别

运行环境不同

网页运行在浏览器中,小程序运行在微信环境中

API不同

由于运行环境的不同,所以小程序中,无法调用DOM和BOM的API

但是,小程序中可以调用微信环境提供的各种API,例如:

  • 地理定位
  • 扫码
  • 支付

开发模式不同

网页的开发模式:浏览器+代码编辑器

小程序有自己的一套标准开发环境:

  • 申请小程序开发账号
  • 安装小程序开发者工具
  • 创建和配置小程序项目

进度:p1

第一个小程序

了解微信开发者工具

微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:

  1. 快速创建小程序项目
  2. 代码的查看和编辑
  3. 对小程序功能进行调试
  4. 小程序的预览和发布

小程序代码的构成

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
app.json:这是小程序的全局配置文件,用于配置小程序的基本信息,如页面路径、窗口样式、网络超时等。

app.js:小程序的全局JavaScript脚本文件,用于初始化小程序应用、处理生命周期函数等。

app.wxss:小程序的全局样式文件,用于设置小程序的全局样式。

project.config.json:小程序项目配置文件,包含了一些项目的配置选项,如appid、projectname、setting等。

pages 目录:这个目录存放小程序的各个页面,每个页面通常包括以下文件:

.json 文件:页面配置文件,用于设置当前页面的一些特殊配置,如导航栏标题、背景色等。

.js 文件:页面的逻辑文件,包括页面的生命周期函数、事件处理函数等。

.wxml 文件:页面的结构文件,用于定义页面的布局结构和内容。

.wxss 文件:页面的样式文件,用于定义页面的样式。

utils 目录:存放小程序的工具类或辅助函数,可以在各个页面中引用和重复使用。

images 目录:存放小程序所需的图片资源。

components 目录:存放小程序的自定义组件,可重复使用的UI组件。

wxss 文件:全局样式文件,用于设置小程序的全局样式。

sitemap.json 文件是用于微信小程序的一个配置文件,它用于配置小程序页面的索引信息,以帮助微信搜索引擎更好地索引小程序的内容。这个文件可以提高小程序的搜索可见性,使小程序页面更容易在微信搜索中被找到。

小程序的宿主环境

协同工作和发布