微信小程序开发笔记(二)

注意：在获取小程序里面的data数据的时候一定记得得this.data.属性。。。不要忘记data，在Vue里就不用了！！！

14 微信小程序中的自定义组件、slot 、子组件调用父组件的方法、父组件调用子组件的方法

1. 父组件调用子组件里的方法：
   1、调用子组件的时候定义一个id \<header id="header">\</header>

   2、父组件获取子组件的实例 var header = this.selectComponent("#header")

   3、header.方法名 -> 调用子组件里面的方法
         header.data.msg -> 父组件里面直接获取子组件的数据

2. 子组件调用父组件里面的方法：
   和Vue里一样，只不过是API不一样

   • this.triggerEvent(‘myevent’, 数据, 参数） 参数通过detail属性来获取传递的参数。
   • <footer bindmyevent=“run” />

15 微信小程序自定义toast组件

16小程序view、结合scroll-view、结合真实新闻客户端api实现上拉分页加载更多

3. 在scroll-view中绑定bindscrolltolower事件，当滚动到底部的时候触发该事件。
4. 通过wx.getSystemInfo()来获取系统的信息，例如当前手机屏幕的宽高。
5. 上拉分页加载更多遇到的问题：
   1. 没有数据了下拉依然会去请求(问题解决：因为每次请求的数据都是指定的条数，如果当前页请求的条数小于指定的条数，那么就不让它去请求了！)
   2. 下拉一次可能存在请求多次(通过开关来控制！)

18 微信小程序 导入小程序代码、导入代码片段 、官方组件介绍以及实现swiper组件

6. 真机调试：在真机上的操作可以在电脑上的控制台查看调试信息。

19 微信小程序 video cover-view cover-image 组件的使用

7. 覆盖物组件：在video、map、canvas这些组件上放一下东西，就需要用到cover-view或者cover-image

20 微信小程序基础内容组件 icon 、text 、rich-text、progress

8. rich-text 用于解析html 里的标签，例如p、h1、h2等，但是没有wx-parse那个插件好用。

21 微信小程序表单组件 button checkbox form input label radio slider switch textarea 获取表单数据

9. confirm-type可以修改手机上键盘的右下角的文字功能(发送还是完成等)，这是微信原生提供的能力！！

22 微信小程序表单组件 picker picker-view 实现日期 区域 联动选择

10. 选择时间、选择城市等

23 微信小程序媒体组件 images显示图片以及实现多图预览功能

11. 图片预览功能： https://developers.weixin.qq.com/miniprogram/dev/api/wx.previewImage.html
    通过data-来绑定当前图片的地址

24 微信小程序媒体组件camera、audio、video、live-player、live-pusher

12. 视频中也可以发送弹幕

25 open-data web-view 以及 canvas、map简单介绍

13. 原生微信提供的开放能力，例如获取用户头像、性别、所在城市等
14. <web-view src=‘http://www.baidu.com’></web-view>在小程序内打开web页面