前端面试题之——小程序篇

小程序面试题

1.数据请求怎么封装

将所有的接口放在统一的 js 文件中并导出（或者将请求地址、头、方法在一个 js 文件里统一定 义为一个常量并导出）

在 app.js 创建封装请求数据的方法

在子页面中调用封装的方法请求数据

2.参数传值的方法

给 HTML 元素中添加 data-*属性来传递需要的值，之后通过 e.currentTarget.dataset 或 onload 的 param 参数获取。注意不能有大写字母，不可以存放对象 跳转页面时通过 navigator 传递需要的参数值 设置 id 的方法标识，通过 e.currentTarget.id 获取设置的 id 值，然后通过设置全局变量的方法来传 递数值

3.提高小程序的应用速度的方法

减少默认 data 的大小

组件化方案，公用的如弹框等写个自定义的组件，然后调用

4.小程序的优点

无需下载

打开速度快

开发成本低

为用户提供良好的安全保障。发布有一套严格的审查流程，不能通过审查的程序无法发布上线

服务请求快

5.小程序的缺点

依托微信，不能开发后台管理功能

大小限制不能超过 2M，不能打开超过 5 个层级的页面

6.简述小程序原理

小程序分为两个部分 webview 和 appService，webview 用来展现 UI，appService 用来处理业

务逻辑、数据及接口调用，它们在两个进程中运行，通过系统层 JSBridge 实现通信，完成 UI 渲 染、事件处理。

7.怎么解决异步请求问题

不封装接口的话可以在返回成功的回调里面处理逻辑

可以用 Promise 来封装

可以引用 runtime 来使用 async await

使用 wepy 或着美团的小程序框架，可以通过安装库解决

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

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

先在管理后台配置域名白名单， 然后引入 jweixin-1.3.2.js（https://res.wx.qq.com/open/js/jweixin-1.3.0.js），最后 wx.miniProgram.navigateTo({url: ‘/pages/login/login’+‘$params’}) wx.miniProgram.navigateTo({url: ‘/path/to/page’})