小程序知识点总结

一、小程序的文件分为哪几种?

• wxml:HTML

  • wxss:CSS

  • js :JS

  • json:配置文件

  • wxs :微信语法

小程序中凡是以app开头的文件都是全局配置文件

二、小程序全局的生命周期有哪些？页面级别的生命周期有哪些？

小程序全局生命周期

• onLanuch

• onShow

• onHide

• onError 页面级别生命周期

• onLoad

• onShow

• onReady

• onHide

• onUnload

三、小程序中如何注册一个小程序以及如何注册一个页面

App({})小程序 Page({})

四、如何获取小程序的实例

getApp()

五、如何修改页面数据的状态

this.setData({})

六、小程序中事件分为哪几种？区别？事件如何进行传参？

事件绑定分为：bindxx catchxx 区别：前者会有事件冒泡 后者会阻止事件冒泡 传参：通过绑定自定义属性 接收的时候通过e.currentTarget.dataset进行接收

七、小程序中的模板文件如何使用？如何传递参数?

通过template包裹的结果就是模板文件，template身上有2个属性一个是name 代表模板名称 另一个属性是is代表使用的哪个模板。

传递参数的时候通过data进行传递参数 语法 data="{{key:val}}"

八、wxs的使用

创建wxs文件 在wxs文件中编写相对应函数 通过module.exports的方式进行导出 在需要使用的页面中通过<wxs src="xxx" module="模块名称"/> 进行引入使用

九、微信小程序如何进行网络数据的请求？

wx.request()

十、小程序中如何创建组件

• 1、在json文件中编写 component:true

  • 2、在js文件中通过Component来注册一个组件

  • 3、使用的时候在相对应的页面中的JSON文件中进行(usingComponents)配置 key值为组件名称 value值为组件的路径

十一、小程序中组件与页面之间如何传递参数

页面与组件进行传值 传递:通过给组件定义自定义属性 接收:在组件内部通过properties进行接收

组件与页面进行传值 传递:在组件内部通过this.triggerEvent进行传递参数(this.triggerEvent中的第一个参数为自定义事件名称,参数二为需要传递的参数)

接收:在页面通过给组件绑定自定义方法,值为接收参数的函数

十二、小程序中如何设置当前页面导航条的状态

wx.setNavigationBarTitle
wx.hideNavigationBarLoading
wx.showNavigationBarLoading

十三、小程序路由跳转的方式

<navigator><navigator> opne-type:类型

• navigate

• redirect

• switchTab

• relaunch

• navigateBack

Api跳转

• wx.navigateto

• wx.redirectTo

• wx.switchTab

• wx.relaunch

• wx.navigateBack

十四、小程序中的本地存储

• wx.setStorage

• wx.getStorage

• wx.removeStorage

• wx.clearStorage

十五、微信小程序如何实现用户授权

• Button : 专门获取用户个人信息(open-type)

• wx.authorize 其他授权 (此方法已经不能在进行获取用户个人信息了)

• wx.getSetting 获取用户已经授权了哪些行为

• wx.openSetting 手动打开用户授权页面

十六、小程序登陆流程？

• 通过wx.login获取code值

• 通过wx.request将code值传递到服务端

• 服务端通过code2Session接口(code|appid|secret)获取openid+session_key

• 将openid与session_key融入到token中

• 将token发送到客户端，客户端保存在storage中

• 用户进行数据请求的时候必须携带当前token值

• 服务进行token值得校验

十七、小程序中socket使用的方法有哪些

• wx.connectSocket

  • wx.sendSocketMessage

  • wx.onSocketopen

  • wx.onSocketClose

  • wx.onSocketMessage

  • wx.closeSocket