微信小程序

一、什么是小程序？

​ ”触手可及“、”即用即走“，无需下载安装，不用关心安装过多应用；

• 整个小程序所有分包大小不超过 8M
• 单个分包/主包大小不能超过 2M

二、 小程序优点

• 平台封闭，上手简单
• 跨平台运行
• 使用方便

三、找官网的顺序：浏览器搜索微信公众号官网，点击扫码登录进入微信开放文档

3-1初始化项目：

• 新建项目
  • 扫码登录
• 开发工具
  • 切后台
  • sensor 用来调试地理位置调式重力感应的api
• 目录结构
  • app.json
    • 全局的公共配置:是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
  • app.wxss
    - 小程序公共样式表（相当于所学的css）
  • app.js
    - 小程序逻辑
  • project.config.json
    - 记录开发者工具配置信息例如界面颜色、编译配置等等 （项目的偏好设置）
  • sitemap.json
    - 配置小程序页面是否被微信索引；（小程序中的搜索）

四、小程序页面

• js ：页面逻辑
• wxml：页面结构
• json：页面配置
• wxss： 页面样式

局部配置的优先级高于全局配置的优先级，所以局部配置会全局配置覆盖掉

全局配置要用到的一些属性

entryPagePath ：小程序默认启动首页；
Pages：页面路径列表；

"pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/user/user"
  ],
window：全局默认窗口的样式；
 "window":{
   
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#ff5555",
    "navigationBarTitleText": "微