不难懂--------微信小小程序笔记
001、小程序全局生命周期
onLaunch 监听小程序初始化全局只触发一次
onShow 监听小程序的显示，当从后台进入前台的时候
onHide 监听小程序的隐藏，当小程序从前台进入后台的时候
onError 页面不存在监听的函数
002、页面级别的生命周期
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
onUnload 监听页面写在
003、监听用户下拉动作
onPullDownRefresh
004、页面上拉触底事件的处理函数 onReachBottom
005、用户点击分享
onShareAppMessage
006、页面滚动的时候触发的处理函数 onPageScroll
007、监听当页面尺寸发生改变的时候
onResize
008、小程序如何进行数据请求 wx.request()
009、小程序如何修改data中的数据 this.setData()
010、小程序如何实现路由的跳转
1、组件 <navigator></navitator>
2、方法 navigateTo, redirectTo 只能打开非 tabBar 页面。
switchTab 只能打开 tabBar 页面。
reLaunch 可以打开任意页面
011、微信小程序背景图的引用
微信小程序中不允许引入本地路径背景图
解决方案： 1、base64:引入图片 http://imgbase64.duoshitong.com/
2、服务器地址引入图片 background:url('http://192.168.31.163:8020/pr/source/img/searchLeft.png')
012、微信小程序事件分为哪几种 事件分为冒泡事件和非冒泡事件
1、冒泡事件 bind事件绑定不会阻止冒泡事件向上冒泡
2、非冒泡事件 catch事件绑定可以阻止冒泡事件向上冒泡。
013、如何动态设置当前页面标题
wx.setNavigationBarTitle(Object object)；
014、如何引入模板文件
外部引入 <include src=""/> <import src=""/>
外部样式的引入 @import "路径"
015、小程序如何实现授权
1、button按钮
2、wx.authorize
016、微信小程序如何获取用户的地理位置
wx.getLocation({ type: 'gcj02', //切记换成gcj02 success: function(res) {} }
017、微信小程序如何获取系统信息 例如屏幕宽度高度
wx.getSystemInfo()
018、如何调用地图控件
wx.createMapContext
019、如何获取用户的地址(收货地址)
wx.chooseLocation({})
020、如何获取用户授权设置 wx.getSetting({})
021、如何让用户手动打开授权 wx.openSetting({})
022、微信小程序中如何使用缓存
异步 wx.setStorage({ key:缓存数据的名称 data:需要缓存的数据， success:成功回调 })
wx.getStorage({ key:"需要获取数据的名称", success:成功的回调 })
wx.removeStorage(key)
同步 wx.setStorageSync(key,val)
wx.getStorageSync(key)
wx.removeStorageSync(key)
023、微信小程序中的请求反馈有哪些？
wx.showToast({}) 弹出框
wx.showLoading({}) loding
wx.hideLoading() 关闭loading
024、如何调用音频控件
wx.createInnerAudioContext()
025、如何播放音乐
let audio = wx.createInnerAudioContext()
audio.play()
026、如何监听是否播放
let audio = wx.createInnerAudioContext()
audio.onPlay(()=>{})
027、如何获取音乐时间的总长度
let audio = wx.createInnerAudioContext()
//一定要在开始播放后获取 audio.onTimeUpdate((res)=>{ audio.duration })
028、如何获取音乐实时播放的时间
let audio = wx.createInnerAudioContext()
//一定要在开始播放后获取 audio.onTimeUpdate((res)=>{ audio.currentTime })
029、如何将音乐时间 跳转到指定位置 let audio = wx.createInnerAudioContext()
audio.seek(number)
030、如何检测音乐的播放状态 let audio = wx.createInnerAudioContext()
audio.paused: true的话我们可以调用 audio.play()方法进行播放
false的化我们可以调用 audio.paused()方法暂停播放
031、 你是怎么封装微信小程序的数据请求的
1、将所有的接口放在统一的js文件中并导出
2、在app.js中创建封装请求数据的方法
3、在子页面中调用封装的方法请求数据
032、小程序中有哪些参数传值方式
1、给HTML元素添加data-*属性来传递我们需要的值，然后通过e.currentTarget.dataset或onload的param 参数获取。但data-名称不能有大写字母和不可以存放对象
2、设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数 值
3、在navigator中添加参数传值
033、小程序和原生App哪个更好一些？
小程序除了拥有公众号的低开发成本、低获客成本低以及无需下载等优势，在服务请求延时与用户使用体验是 都得到了较大幅度 的提升，使得其能够承载跟复杂的服务功能以及使用户获得更好的用户体验
034、小程序的双向绑定和vue有什么不同
小程序直接修改this.data的属性是不可以同步到视图的 必须调用this.setData
035、 webview中的页面怎么跳回小程序中
1、首先要引入新版的jweixin-1.3.2.js
2、 调用 wx.miniProgram.navigateTo
wx.miniProgram.navigateTo({ url: '/pages/login/login'+'$params' })
036、 小程序调用后台接口遇到哪些问题？
1、数据的大小有限制，超过范围会直接导致整个小程序崩溃，除非重启小程序；
2、小程序不可以直接渲染文章内容页这类型的html文本内容，若需显示要借住插件，但插件渲染会导致页面 加载变慢，所以好在后台对文章内容的html进行过滤，后台直接处理批量替换p标签div标签为view标签，然 后其它的标签让插件来做，减轻前端的时间
037、小程序中如何创建一个自定义组件
1、通过Component({})来创建一个组件，注意组件中的事件需要写在methods中
2、在使用组件的时候，在页面的配置项中配置usingComponents, key值为组件名称，val值为组件路径
3、页面与组件进行传值的时候，在组件内部通过properties进行接收
038、在小程序中如何打开另一个小程序 wx.navigateToMiniProgram(Object object)
wx.navigateToMiniProgram({
//要打开小程序的appId appId: '',
//要打开的页面路径，如果为空则打开首页 path: 'page/index/index?id=123',
需要传递给目标小程序的数据，目标小程序可在 App.onLaunch，App.onShow 中获取到这份数据。 extraData: { foo: 'bar' },
envVersion: 'develop', success(res) { // 打开成功 } })
