微信小程序面试题大全（持续更新）

发布时间：2023-04-21 文章分类：WEB开发, 电脑百科 投稿人：李佳 字号： 默认 | 大 | 超大 打印

1.请谈谈微信小程序主要目录和文件的作用？

2.请谈谈wxml与标准的html的异同？

3.请谈谈WXSS和CSS的异同？

4.你是怎么封装微信小程序的数据请求的？

5.小程序页面之间有哪些（传值）传递数据的方法？

6.请谈谈小程序的双向绑定和vue的异同？

大体相同，但小程序之间this.data的属性是不可以同步到视图的，必须调用this.setData()方法

7.请谈谈小程序的生命周期函数

8.简述微信小程序原理

9.请谈谈原生开发小程序，wepy，mpvue的对比？

10.简单描述下微信小程序的 相关文件类型

app.json 整个小程序的全局配置，包括：

pages:[所有页面路径]

网络设置（网络超时事件）

页面表现（页面注册）

window：（背景色，导航样式，默认标题）

底部tab等

app.js 监听并处理小程序的生命周期函数，声明全局变量

app.wxss 全局配置的样式文件

11.那些方法来提高微信小程序的应用速度？

12.分析微信小程序的优劣势？

优势：

劣势：

13.微信小程序和H5的区别？

14.怎么解决微信小程序的异步请求问题？

在回调函数中调用下一个组件的函数

app.js
success:function(info){
????????that.apirtnCallback(info)
}
index.js
onLoad:function(){
????????app.apirtnCallback = res =>{
????????????????console.log(res)
????????}
}

15.小程序关联微信公众号如何确定用户的唯一性？

使用wx.getUserlnfo方法 withCredentials为true时，可获取encryptedData，里面有union_id，后端需要进行对称解密

16.使用webview直接加载要注意那些事项？

17.小程序调用后台接口遇到那些问题？

注：插件渲染会导致页面加载变慢，建议在后台对文章内容的html进行过滤，后台直接处理批量替换p标签div标签为view标签，然后其他的标签让插件来做

18.微信小程序如何实现下拉刷新？

用view代替scroll-view，设置onPullDownRefresh函数实现

19.webview中的页面怎么跳转回小程序

wx.miniProgram.navigateTo({
    url:'pages/login/login'+'$params'
})
//跳转到小程序导航页面
wx.miniProgram.switchTab({
    url:'/pages/index/index'
})

20.bindtap和catchtap的区别？

21.简述wx.navigateTo(),wx.redirectTo(),wx.switchTab(),wx.navigateBack(),wx.reLaunch()的区别？

22.小程序和Vue写法的区别？

调用data模型（赋值）的时候：

小程序：this.data.item // 调用，this.setDate({item:1})//赋值

Vue：this.item //调用，this.item=1 //赋值

23.小程序与原生App那个好？

各有各自的优点，都又有缺点

小程序的优点：

  1. 基于微信平台开发，享受微信自带的流量，这个优点最大
  2. 无需安装，只要打开微信就能用，不占手机内存，体验好
  3. 开发周期段，一般最多一个月就可以上线完成
  4. 开发所需的资金少，所需资金是开发原生APP的一半不到
  5. 小程序名称是唯一的，在微信的搜索里权重很高
  6. 容易上手，只要之前有HTML+CSS+JS基础知识，写小程序基本没有大问题
  7. 基本不需要考虑兼容性问题，只要微信可以正常运行的机器，就可以运行小程序
  8. 发布，审核高效，基本上午发布审核，下午就审核通过，升级简单，支持灰度发布
  9. 开发文档完善，社区活跃
  10. 支持插件式开发，一些基本功能可以开发成插件，供多个小程序使用

缺点：

  1. 局限性很强（比如页面大小不能超过1M，不能打开超过5个层级的页面，样式单一，小程序的部分组件已经是成型的了，样式不能修改，比如幻灯片，导航）只能依赖于微信依托与微信，无法开发后台管理功能
  2. 不利于推广，推广面窄，不能分享朋友圈，只能分享给朋友，附近小程序推广，其中附加小程序也收到微信限制
  3. 后台调试麻烦，因为API接口必须https请求，且公网地址，也就是说后台代码必须发布到远程服务器上；当然我们可以修改host进行dns映射把远程服务器转到本地，或者开启tomcat远程调试；不管怎么说终归调试比较麻烦
  4. 前台测试有诸多坑，最头疼莫过于模拟器与真机显示不一致
  5. js引用只能使用绝对路径，不能操作DOM

原生App优点：

  1. 原生的相应速度快
  2. 对于有无网络操作时，譬如离线操作基本选用原生开发
  3. 需要调用系统硬件的功能（摄像头，拨号，短信蓝牙…）
  4. 在无网络或者弱网情况下体验好

原生App缺点：

开发周期长，开发成本高，需要下载

24.小程序的发布流程（开发流程）

参考：https://www.cnblogs.com/ssrstm/p/6855572.html

  1. 注册微信小程序账号
  2. 获取微信小程序的AppID
  3. 下载微信小程序开发者工具
  4. 创建demo项目
  5. 去微信公众号配置域名
  6. 手机浏览
  7. 代码上传
  8. 提交审核
  9. 小程序发布

25.webview中的页面怎么跳回小程序中？

首先，需要在你的html页面中引用一个js文件

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
//然后为你的按钮标签注册一个点击事件
$(".kaiqi").click(function(){
        wx.miniProgram.redirectTo({url: '/pages/indexTwo/indexTwo'})
});
// 这里的redirectTo跟小程序的wx.redirectTo()跳转页面是一样的，会关闭当前跳转到页面，换成navigateTo，跳转页面就不会关闭当前页面

26.小程序授权登录流程

（授权，微信登录获取code，微信登录，获取iv , encryptedData 传到服务器后台，如果没有注册，需要注册。）

27.小程序支付如何实现？

  1. 小程序注册，要以公司的身份去注册一个小程序，才有微信支付权限

  2. 绑定商户号

  3. 在小程序填写合法域

  4. 调用wx.login()获取appid

  5. 调用

    wx.requestPayment(
{
    'timeStamp': '',//时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
    'nonceStr': '',//随机字符串，长度为32个字符以下。
    'package': '',//统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=*
    'signType': 'MD5',//签名类型，默认为MD5，支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
    'paySign': '',//签名,具体签名方案参见微信公众号支付帮助文档;
    'success':function(res){},//成功回调
    'fail':function(res){},//失败
    'complete':function(res){}//接口调用结束的回调函数（调用成功、失败都会执行）
})

    微信小程序面试题大全（持续更新）

28.小程序还有那些功能？

客服功能，录音，视频，音频，地图，定位，拍照，动画，canvas

常见问题：

  1. rpx：小程序的尺寸单位，规定屏幕为750rpx，可适配不同分辨率屏幕
  2. 本地资源无法通过wxss获取：background-image：可以使用网络图片，或者base64，或者使用标签
  3. wx.navigateTo无法打开页面：一个应用同时只能打开5个页面，请避免多层级的交互方式，或使用wx.redirectTo
  4. tabBar设置不显示：1.tabBar的数量少于2项或超过5项都不会显示。2.tabBar写法错误导致不会显示。3.tabBar没有写pagePath字段（程序启动后显示的第一个页面）
标签 , ,