小程序基础知识整理（上）

 

小程序简介

• —、小程序和普通网页区别
• 二、项目构成
• 三、Json配置文件
• 四、什么是 WXML
• 五、WXSS 样式
• 六、JS 逻辑交互
• 七、小程序中组件的分类
• 八、小程序 API 概述

---

—、小程序和普通网页区别

• 运行环境不同

  网页    远行在 浏览器环境上
  小程序  运行在   微信环境

• 开发模式不同

  网页的开发模式  浏览器+代码编辑器
  小程序有自己的一套标准的开发模式
    申请小程序账号
    安装小程序开发者工具
    创建和配置小程序项目

• API不同

  因为运行环境不同，小程序没有办法调用BOM和Dom的API
  小程序可以调用微信环境提供的各种API
  地理定位
  扫码
  支付

---

二、项目的基本组成结构

① pages    用来存放所有小程序的页面  *
② utils    用来存放工具性质的模块（例如：格式化时间的自定义模块） *
③ app.js   小程序项目的入口文件   *
④ app.json  小程序项目的全局配置文件  *
⑤ app.wxss  小程序项目的全局样式文件  *
⑥ project.config.json 项目的配置文件
⑦ sitemap.json   用来配置小程序及其页面是否允许被微信索引

• 小程序页面的组成部分

  每个页面由 4 个基本文件组成 ：
  ① .js 文件（页面的脚本文件，存放页面的数据、事件处理函数等）
  ② .json 文件（当前页面的配置文件，配置窗口的外观、表现等）
  ③ .wxml 文件（页面的模板结构文件）
  ④ .wxs