关于微信小程序之短视频制作9.6号总结

一、小程序默认加载的页面和它的生命周期

                 1.在app.json里面page属性的数组第一个就是默认显示页面；

                 2. 生命周期包括 onLaunch---监听小程序初始化；onShow---监听小程序启动或切前台；onHide---监听小程序切后台；onError---错误监听函数等。此外需注意的是onLaunch在app.js里面，不在pages里面，onLoad在pages。

二、小程序中如何调试js

                1.本地开发工具调试

                 1.1首先需要在js文件里面标记断点，在生命周期函数中写上debugger；

                 1.2在标记断点后，保存程序编译运行，模拟器则会出现一个debug模式，左边图标点击后进入下一个标记断点的地方，右边则进入标记断点地方的下一行代码；

                 1.3光标的移动体则在调试器等待下一步指令。

                2.远程调试

                 点击真机调试，微信扫描二维码则可以在手机上进行调试。

三、私有页面的生命周期和导航

                 1.Page(Object object)为注册小程序中的一个页面，接受一个object类型参数，其指定页面的初始数据、生命周期回溯、事件处理函数等。

                 2.data：用于定义初始化数据。是第一次渲染使用的初始数据，要求必须是可以转成JSON类型，如字符串，数字，布尔值，对象，数组。

                    (1)具体使用如下：第一次设置数据先在js文件的Page中定义data:{key:value(如：a:"sw")}，再去wxml文件里面写{{key}}。补充：如何在页面中使用js文件里面定义的数据：使用表达式{{数据名}}。

                    (2)获取data中数组的值：设置key3:[{name:"frank"},{age:30}]，数组拿值{{key3[0].name}}，{{key3[1].age}}

四、小程序的事件

                 1.为按钮添加点击事件：首先在wxml文件中按钮属性写上bindtap="自定义(事件值的名字)"，然后在js文件中添加事件函数 事件值的名字：function(参数名){需求内容}。

                2.页面下拉事件：onPullDownRefresh:function(){  console.log("下拉事件触发....")  }；当下拉动作发生后则可以在控制台看见“ 下拉事件触发... ”。

                3.事件的使用方式：在组件中绑定一个事件处理函数，使用wxs函数响应事件。

              4.实现页面跳转：

补充：如何快速找到在标签中自定义属性的值，在wxml页面中可以在控制台打印属性的位置，进而便捷的拿到属性。