微信小程序

  事件元素 id

1.通过 e.currentTarget.id 即可获取该元素id。

2.通过e.currentTarget.dataset.id 即可获取你自己设置的data-id里面值。

(可用于页面跳转)

-------------------------------------------------------------------------------------

e

e为事件对象，可以携带额外信息，如 id, dataset, touches。

target 触发事件的组件一些属性值集合

currentTarget  当前的组件的属性值集合

-------------------------------------------------------------------------------------

setData()

setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。

1. 直接修改this.data，而不调用this.setData()，是无法改变当前页面的状态的，会导致数据不一致
2. 仅支持可以JSON化的数据
3. 单次设置的数据不能超过1024KB，尽量避免一次设置过多的数据
4. 不要把data中的任何一项的value设为undefined，否则这一项将不能被设置，可能会有潜在的问题

-------------------------------------------------------------------------------------

wx:for定义

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名为 index，数组当前项的变量名为 item

wx:key定义

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。

wx:key 的值以两种形式提供

1. 字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。
2. 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

人话：wx:key是用来告诉程序按照某个key去排序这个组件，例如wx:key="Id",此时组件顺序就会按照你arr中Id值来进行排序了(注意此时的Id是唯一切不能动态改变的，也是你要迭代对象中唯一的一个标识符)。而如果没有这个wx:key的话，当渲染时框架会去查找这个"key"，造成资源的浪费。

wx:key=" *this"

         相信大家对这个也是一头雾水，我的理解它就是告诉wx,用我自身（this关键字不用解释了吧！）作为这个key来进行迭代，当然，此时要求你自身是唯一的数字或者字符串（就是不能为对象，不然让人家咋找）。

1.需要wx:key的情况

1. 列表中项目的位置会动态改变或者有新的项目添加到列表中
2. 希望列表中的项目保持自己的特征和状态
   （如 <input/> 中的输入内容，<switch/> 的选中状态）

2.可不需要wx:key的情况

如果明确知道该列表是静态，或者不必关注其顺序，可以不用加wx:key

 

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。

默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item

使用 wx:for-item 可以指定数组当前元素的变量名，

使用 wx:for-index 可以指定数组当前下标的变量名：

--------------------------------------------------------------------------------------------------------

getStorageSync()

--------------------------------------------------------------------------------------------------------

statusCode  状态码

--------------------------------------------------------------------------------------------------------

wx.request

小程序客户端与服务器端交互的接口
--------------------------------------------------------------------------------------------------------

小程序页面跳转

如果页面要跳转到tabbar绑定的其中一页，可以用wx.switchTab并且只能跳转带有tabbar的页面 而redirectTo或者navigateTo则不能跳转tabbar绑定过的页面

 

如app.json(tabbar绑定过的界面)

"tabBar": {
    "backgroundColor": "black",
    "color":"white",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  } 

wx.redirectTo 

wx.navigateTo//保留当前页面跳转到（最多5个）,避免使用多层及交互或使用 wx.navigateTo

wx.switchTab //wx.redirectTo和wx.navigateTo不允许跳转到tabbar页面

-------------------------------------------------------------
form

 当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

-------------------------------------------------------------
showToast
显示消息提示框
showModal
显示模态对话框，确定和取消两个选择+标题+内容的对话框

-------------------------------------------------------------

<input type="submit" /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。
-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------

-------------------------------------------------------------