学习小程序第二天的笔记

不愧是我，五天了，才学第二天的东西。。。哈哈自己都对自己好无语。

不能再上一个文章中补内容吗？好吧

笔记中的东西还没有实践，学完了在实践，所以不保证正确性，有可能个别字母打错了

app.json中V2跟V1代表版本

其他常用组件

1.button 按钮

open-type属性调用

<button> 普通按钮 </button>
<button type="primary"> 主色调按钮 绿</button>
<button type="warn"> 警告按钮 红</button>
<button size="mini"> 小尺寸按钮 </button>
<button plain> 边框镂空按钮 </button>

2.image 图片

默认宽高 300 *  240 px

<image src="" mode=""></image>

怪不得人家可以开大学，确实有东西

3.navigator

这个应该在后面？还是因为阉割版，反正没看到相关内容

宿主环境API

1.事件监听

以on开头 监听事件触发 

举例：wx.onWindowResize(function  callback)监听窗口尺寸变化

2.同步

Sync结尾 同步API 执行结果 可以通过函数返回值获取 错误异常

举例：wx.setStorageSync('key','value')向本地存储写入内容

3.异步

据说是类似JQuery里面$.ajax(options)函数，废话（不过我没学过这个，我就看过JQAJAX开头所以并不清楚,这东西现在好像用的少了），需要success,fail,complete接收调用的结果

举例：wx.request()发起网络数据亲贵，通过success回调接受

数据绑定

1.数据绑定的基本原则

（1）在data中定义数据

        在页面对应的.js中，把数据定义到data对象中

Page({
    data:{
        //字符串类型数据
        info:'init data',
        //数组类型的数据
        msgList:[{msg:'hello'},{msg:'world'}]
    }
})

（2）在WXML中使用数据

3.Mustache语法格式

适用于绑定内容绑定属性运算（三元算数，算术运算等等）

<view>{{info}}</view>

data:{
info:'hello world'
},

渲染，动态绑定内容，我感觉像是封装调用那些

动态绑定属性差不多，代码如下

Page({
    data:{
        imgSrc: '图片路径'
    }
})

<image src="{{imgSrc}}"></image>

这个适用于直接插入图片，然后给个裁剪缩放那些

4.三元运算 算术运算 我直接跳过 用不到他 用到了在回来看6：24

不想学了，今天就这样吧，嘿嘿，看会公考去