2020-02-27

微信小程序学习笔记1
学习了基本对小程序的初认识，大部分都是在摸索着来，并可以查询微信小程序文档，里面也有很详细的步骤和代码示例，十分详细。
下载好微信小程序开发者工具后，会因为很多问题手足无措，例如：要注册小程序的开发，以及利用测试号进行新建项目，慢慢去了解每一个页面都是干什么用的
下面是第一部分学习到并总结出来的相关知识：
应用程序的结构：APP->多个Page->组件
文件的结构分为：App（全局）Page（页面）和component（组件）

• App分为：

  • app.js（创建app实例的代码 展示全局相关的内容）
    app.json（全局的一些配置代码）
    app.wxss（全局的样式配置代码）

• Page页面分为：

  • page.js（创建Page页面的代码）
    page.json（page页面的一些配置代码）
    page.wxml（显示page页面的布局代码）
    page.wxss（page页面的样式配置

• component组件分为：

  • component.js（创建组件的代码）
    component.json（组件的一些配置代码）
    component.wxml（组件的布局代码）
    component.wxss（组件的样式配置代码）

• 当json文件中下一项没有东西时，项目的后面不能加，
  每一个页面都必须创建新的页面对象
  Mustache语法{{ }}其中，{{ }}里放的是data里的值
  在js文件中取出，在wxml文件里绑定，必须进行数据绑定
  列表展示：wx:for=“遍历每一项” item：小程序循环时帮助生成的变量
  打印用console.log(" ")
  绑定点击事件：bindtap
  界面发生事件，如何来到逻辑层；界面如何刷新进行逻辑层监听
  定义函数：加号：HandleBtnClick 按钮属性中事件页框的单击事件的值
  调用函数 this.setData( ) 界面可以刷新
  减号：handleSubtraction
  小程序的MVVM结构：MVVM结构将我们从命令式编程转到声明式编程
  M:Model逻辑层
  V:view 存放.wxml文件
  VM：VIew Model 存放数据
  DataBinding：VIew Model层可以将数据的变量响应式的反应到View层
  Dom Listeners：View Model层可以将Dom的监听绑定到Model层
  网络请求需要API接口，但是接口不是很方便查找，大部分需要购买，练手用了免费的天气预报尝试。

• url：接口地址

• data：请求参数

• header：header中不设置Referer

• method：HTTP请求方式

• dataType：返回数据格式

• success：接口回调函数

指导老师：王凌燕 李辉芳