Day1
小程序简介
小程序有与普通网页的区别
运行环境不同
网页运行在浏览器中,小程序运行在微信环境中
API不同
由于运行环境的不同,所以小程序中,无法调用DOM和BOM的API
但是,小程序中可以调用微信环境提供的各种API,例如:
开发模式不同
网页的开发模式:
浏览器+代码编辑器
小程序有自己的一套标准开发环境:
- 申请小程序开发账号
- 安装小程序开发者工具
- 创建和配置小程序项目
进度:p1
第一个小程序
了解微信开发者工具
微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:
- 快速创建小程序项目
- 代码的查看和编辑
- 对小程序功能进行调试
- 小程序的预览和发布
小程序代码的构成
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 文件是用于微信小程序的一个配置文件,它用于配置小程序页面的索引信息,以帮助微信搜索引擎更好地索引小程序的内容。这个文件可以提高小程序的搜索可见性,使小程序页面更容易在微信搜索中被找到。
|
小程序的宿主环境
协同工作和发布