微信小程序

页面间通信 页面间通信 如果一个页面由另一个页面通过wx.navigateTo 打开，这两个页面间将建立一条数据通道

小程序登录流程 前端调用wx.login，会返回一个code 调用后台登录接口，把code传给后台。 后台拿到code之后去微信后台换取`openid`和`sessionKey`

自己动手实现一个跑步小程序 用到的方法：wx.onLocationChange，监听实时地理位置变化事件，结合 `wx.startLocationUpdateBackground`使用

开启小程序页面返回询问对话框。真机有效，开发者工具不生效。当前页面在小程序内非首页页面/最底层页， 官方导航栏上的的返回，全屏模式下自绘返回键，android 系统 back 键

开发者工具集成了 Git 版本管理面板。发者可以在打开的项目窗口里，点击工具栏上的 “版本管理” 按钮进入 Git 版本管理界面

继续来看如何实现运动轨迹的回放。map的api提供了`translateMarker`方法，可以平移marker，并且带动画效果

小程序为我们提供了map组件以及对应的api，使用map需指定中心点经纬度，markers用于在地图添加标记点，polyline用于在地图绘制路线。circles用于在地图绘制圆，polygons用于

微信小程序提供了自定义导航栏的能力，我们要实现一个顶部导航栏里面有背景图的导航栏的时候就可以 首先看一下导航栏的属性 属性 类型 默认值 描述 navigationBarBackgroundColor

微信小程序分享给朋友，长按图片可以分享给朋友，识别图片中的二维码，给按钮添加share属性，可以分享给朋友。需求：页面中有一个分享按钮，点击之后可以分享给朋友 实现：用button组件

常常在项目中使用sessionStorage或者localStorage的时候直接使用，定义config 首先定义一个config对象，包含storage的类型，缓存的前缀，过期时间等

微信小程序关于位置location， wx.chooseAddress 获取用户收货地址。调起微信的用户收货地址界面，可以在界面新增编辑收货地址

微信小程序获取精确的地理位置，使用`wx.getLocation`，`wx.onLocationChange`，`wx.startLocationUpdate`，需要用户授权`scope.userLo

开发项目肯定要进行一系列常用的js的封装。比如常用的工具类，vuex状态管理，后台接口工具类， 1. 常用的工具类封装-utils.js 用来存放我们常用的工具类，使用时候直接引入即可 时间戳转年月日

uniapp提供了公共tabbar，但是只适用于一种角色的菜单 index.vue 定义一个index页面，用来作为公共的页面存放不同的角色登录之后的中转页面，判断角色

uview的配置 1. 下载uview压缩包或者导入 uview地址 放在根目录下 2.在main.js注册vue，配置环境变量的3种方法，.env和pages.json以及vue.config.js

本篇主要学习pages.json，其中globalStyle navigationStyle设置为custom，可以实现自定义导航栏，主要用于项目有多个角色展示不同的菜单，所以不能在pages直接用

小程序项目转为uniapp， 首先新建uni-app项目。 uniapp中html，js，css是放在一个vue文件中。vant weapp是一套功能很强大的微信小程序组件，是基于微信的自定义组件原理

介绍一下uni-app的全局文件，package.json 通过uni-app扩展节点，可以实现自定义条件编译平台，只能扩展web和小程序平台，不能扩展app打包。

uni-app的目录结构 注意点： 编译的时候，static下的文件会被打包，不会编译，而非static下的文件只有被引用才会被打包编译，css等资源放在自己新建的common目录下

原生组件 camera，video，input（仅在 focus 时表现为原生组件) textarea,不能覆盖在原生组件上