15个高频微信小程序面试题

微信小法式口试题

1.  小法式有几个文件？

• WXML：微信自己界说的一套组件
  
• WXSS :    用于描写 WXML 的组件款式
  
• js :   逻辑处置
  
• json  :  小法式页面设置
  

2.小法式怎样跟处置务传值

在  页面标签上经过 绑定 dataset-key = value ， 然后绑定点击经过e.currentTarget.dataset.key   来获得标签上绑定的值。

<button bindtap="get"  data-name="测试"> 拿到传值</button>

get(e){
    console.log(e.currentTarget.dataset.name)
  },
3. 小法式 WXSS 与 CSS 的区分

WXSS

• wxss 布景图片只能引入外链，不能利用本舆图片
  
• 小法式款式利用 @import 引入 外联款式文件，地址为相对途径。
  
• 尺寸单元为  rpx , rpx 是响应式像素,可以按照屏幕宽度停止自顺应。
  

4. 小法式的双向绑定和Vue那里纷歧样。

小法式 间接利用this.data.key = value  是  不能更新到视图傍边的。
必须利用  this.setData({ key ：value })  来更新值。

5. 小法式的生命周期函数

• onLoad  :  页面加载时触发。一个页面只会挪用一次，可以在 onLoad的参数中获得翻开当前页面途径中的参数
  
• onShow :   页面显现 / 切入前台时触发挪用。
  
• onReady :  页面初度衬着完成时触发,一个页面只会挪用一次。
  
• onHide : 页面隐藏 / 切入背景时触发，如 navigateTo 或底部 tab切换到其他页面，小法式切入背景等
  
• onUnload : 页面卸载时触发。如 redirectTo或 navigateBack 到其他页面时.
  

6. 小法式怎样实现下拉革新

两种计划
计划 一 ：

• 经过在 app.json  中， 将 "enablePullDownRefresh": true,    开启全局下拉革新。
  
• 大概经过在 组件 .json ，  将 "enablePullDownRefresh": true,    单组件下拉革新。
  

计划二：

• scroll-view  ：利用该转动组件 自界说革新，经过 bindscrolltoupper  属性， 当转动到顶部/左侧，会触发 scrolltoupper事务，所以我们可以操纵这个属性，来实现下拉革新功用。
  

7.  bindtap 和  catchtap 区分

不异点： 都是点击事务
分歧点： bindtap 不会阻止冒泡，   catchtap 可以阻止冒泡。

8. 小法式有哪些传递数据的方式

1. 利用全局变量

• 在 app.js  中的   this.globalData = { }   中放入要存储的数据。
  
• 在 组件.js 中， 头部 引入   const app = getApp(); 获得到全局变量
  
• 间接利用 app.globalData.key  来停止赋值和获得值。
  

2. 利用 路由

• wx.navigateTo    和 wx.redirectTo 时，可以经过在 url  后 拼接 + 变量， 然后在 方针页面  经过在   onLoad 周期中，经过参数来获得传递过来的值。
  

3. 利用当地缓存
9. 简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch() 区分

• wx.navigateTo() : 保存当前页面，跳转到利用内的某个页面。可是不能跳到 tabbar 页面
  
• wx.redirectTo() :  封闭当前页面，跳转到利用内的某个页面。可是不答应跳转到 tabbar 页面
  
• wx.switchTab()  :  跳转到 TabBar 页面，并封闭其他一切非 tabBar 页面
  
• wx.navigateBack() : 封闭当前页面，返回上一页面或多级页面。可经过 getCurrentPages() 获得当前的页面栈，决议需要返回几层
  
• wx.reLaunch() :  封闭一切页面，翻开到利用的某个页面。
  

10.  小法式 wx:if   和  hidden 的区分

• wx:if :  有更高的切换消耗。
  
• hidden : 有更高的初始衬着消耗。
  

利用

• 频仍切换利用 hidden,   运转时条件变化利用 wx: if
  

11. app.json 全局设置文件描写

• pages  :  用于寄存当前小法式的一切页面途径
  
• window : 小法式一切页面的顶部布景色彩，笔墨色彩设置。
  
• tabBar  :  小法式底部的 Tab ,最多5个，最少2个。
  

12. 若何封装小法式请求

• 封装 wx.request  请求传递需要的参数( url ,   data ,   method , success 成功回调    ， fail 失利回调 )  , 封装常用方式 POST ,   GET  , DELETE , PUT  ....  最初导出这些方式
  

• 然后新建一个 api.js  文件，导入封装好的方式，然后调取响应的方式，传递数据。
  

wx.request 封装

var app = getApp(); //获得小法式全局唯一app实例
var host = '******************'; //接口地址



//POST请求
function post(url, data, success,fail) {
  request(url, postData, "POST", doSuccess, doFail);
}

//GET请求
function get(url, data, success, fail) {
  request(url, postData, "GET", doSuccess, doFail);
}

function request(url, data, method, success, fail) {
  wx.showLoading({
    title: "正在加载中...",
  })
  wx.request({
    url: host + url, //请求地址
    method: method, //请求方式
    header: { //请求头
      "Content-Type": "application/json;charset=UTF-8"
    },
    data: data, //请求参数   
    dataType: 'json', //返回数据格式
    responseType: 'text', //响应的数据范例
    success: function(res) {
      wx.hideLoading();
      //成功履行方式，参数值为res.data,间接将返回的数据传入
      success(res.data);
    },
    fail: function() {
      //失利履行方式
      fail();
    },
  })
}
module.exports = {
  postRequest: post,
  getRequest: get,
}
组件利用 封装好的请求

var http = require('../../utils/request.js'); //相对途径


var params = {//请求参数
  id:this.data.userId
}
http.postRequest("user/delUser", params, function(res) {
  console.log("点窜成功！");
  
}, function(res) {
  console.log("点窜失利！！！")
})
13. 小法式运转机制

• 热启动 ：假如用户已经翻开了某个小法式，在一按时候内再次翻开小法式的话，这个时辰我们就不再需要重新启动了，这需要把我们的背景翻开的小法式切换到前台来利用。
  
• 冷启动：用户初次翻开小法式或被微信自动烧毁再次翻开的情况，此时小法式需要重新加载启动。
  

14. 小法式什么时辰会自动烧毁？

小法式在进入背景以后，客户端会帮我们在一按时候内保持我们的一个状态，跨越五分钟后，会被微信自动烧毁.
官方也没有明白说明 什么时辰烧毁， 在分歧机型表示也纷歧样，
2019年开辟时：时候官方文档没有说明，可是经过询问一般指5分钟内
2020年开辟时：时候官方文档没有说明，实测安卓没有固按时候，内存充足情况下，偶然辰一天了还在，偶然辰几分钟就没了。

15. 微信授权流程

居然 盗 我文章 ！！！！！！！！！

哈哈哈 快去告发他

之前告发过了[思考]