移动开发-微信小程序

微信小程序的本质也是个MVVM框架，下面的语句我建议多读几遍。
我们通常会通过 JS 操作 DOM (对应 HTML 的描述产生的树)，以引起界面的一些变化响应用户的行为。例如，用户点击某个按钮的时候，JS 会记录一些状态到 JS 变量里边，同时通过 DOM API 操控 DOM 的属性或者行为，进而引起界面一些变化。当项目越来越大的时候，你的代码会充斥着非常多的界面交互逻辑和程序的各种状态变量，显然这不是一个很好的开发模式，因此就有了 MVVM 的开发模式(例如 React, Vue)，提倡把渲染和逻辑分离。简单来说就是不要再让 JS 直接操控 DOM，JS只需要管理状态即可，然后再通过一种模板语法来描述状态和界面结构的关系即可。

微信小程序生命周期

小程序App生命周期
App()函数用来注册一个小程序
onLanch
onShow
onHide
onError
onPageNotFound
全局函数
getApp()
Page生命周期
Page()函数用来注册一个页面
onLoad

视图层 wxml
逻辑层 .js
什么是事件？
事件是视图层到逻辑层的通讯方式。
事件可以将用户的行为反馈到逻辑层进行处理。
事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
事件对象可以携带额外信息，如 id, dataset, touches。
冒泡事件和非冒泡事件

修改Page中的data
如果是第一层，可以通过this.setData(object)进行修改
如果不是第一层，要先var that = this ; that.setData(object)

WXSS样式语言

条件渲染
wx:if
在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：
True

兼容性问题
navgigationBarTitle android是靠左，在ios是居中

微信小程序的全局存储，类似于localStorage，退出小程序后重新进入还可以访问吗？
wx.setStorage(OBJECT)
wx.setStorageSync(obj/string)
经过我的测试-退出小程序重进，仍然能访问数据缓存

页面怎么跳转？例如从登陆页面登陆成功后跳转到新的页面
页面跳转可以归类到导航中去

js脚本引用？
例如有一个md5.js，我要怎么引用它？
var tmp = require("./md5.js")

表单提交
formData = e.detail.value

http请求
wx.request({
url: “http://www.xxx.com/user/login”,
method:“POST”,
header: { “Content-Type”:“application/x-www-form-urlencoded”},
data: { ‘params’: ‘{“mobile”:“18312345678”,“verifyCode”:“12345”}’,
“channel”:“weixin”},
success: function(res){
console.log(res.data)
},
fail:function(res){
console.log(“err”)
}

ERR_NAME_NOT_RESOLVED

小程序通过相机选取图片【通过学习这个接口让我明白了调用相机是一件多么简单的事情,调用接口，选取图片，生成临时路径，作为Image的src】
wx.chooseImage(OBJECT)
从本地相册选择图片或使用相机拍照。

组价的使用
map

1. 静态资源存放在assets目录下面，例如图片资源
2. 从哪里找到好用的图标呢？
3. 使用weiui-wxss，查看weiui-wxss的example

待解决问题：有一张从相机里面选择出来的图片，我想获取到它的Base64编码，怎么在可以呢？／

---

2018-06-13 学习小程序第二天成果

---

2018-06-14 第三天成果
视频，图片，地图

2018-06-15 第四天成果
选取图片，相机

2018-06-15 第五天成果
调用face++身份证识别接口

2018-06-19 第六天成果