1.小程序与普通网页开发的区别

1.运行环境不同

网页运行在浏览器环境中

小程序运行在微信环境中

2.API不同

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

但是,小程序中可以调用微信环境提供的各种API,例如:地理定位、扫码、支付...

3.开发模式不同

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

小程序开发模式:

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

2.1小程序代码的构成-项目结构 

1. pages用来存放所有的小程序的页面
2. utils用来存放工具性质的模块(例如:格式化时间的自定义模块)
3. app.js小程序项目的入口文件
4. app.json小程序项目的全局配置文件
5. app.wxss小程序项目的全局样式文件
6. project.config.json项目的配置文件
7. sitemap.json用来配置小程序及其页面是否允许被微信索引

2.2小程序页面的组成部分 

其中,每个页面由4个基本文件组成,它们分别是:

• .js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
• .json文件(当前页面的配置文件,配置窗口的外观、表现等)
• .wxml文件(页面的模板结构文件)
• .wxss文化(当前页面的样式表文件)

小程序项目中有4种json(json是一种数据格式,在实际开发中,json总是以配置文件的形式出现)配置文件,分别是:

项目根目录中的app.json配置文件(是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等), 配置如下:                       

项目根目录中的project.config.json配置文件

• setting中保存了编译相关的配置
• projectname中保存的是项目名称
• appid中保存的是小程序的账号id

项目根目录中的sitemap.json配置文件(用来配置小程序页面是否允许微信索引)(allow是允许索引,disallow是不允许索引)

每个页面文件夹中的.json配置文件 (.josn文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项)

三.新建小程序页面 

只需要在app.json->pages中新增页面的存放路径,小程序开发者工具既可以班组我们自动创建对应的页面文件,如图所示:

 四.修改项目首页

只需要调整app.json->pages数组中页面路径的前后顺序,即可修改项目首页。小程序会把排在第一位的页面当成项目首页进行渲染,如图所示: