根据小程序总结分享一些面试问题，让你的面试稳操胜券！（2021年小程序面试问答）

本文根据小程序总结分享了一些面试问题（附分析），让你的面试稳操胜券。希望对你有帮助！

小程序登录过程

第一步:wx.login获取用户的临时登录凭证代码。

第二步:wx.getUserInfo获取加密数据和解密参数iv。

步骤3:将步骤1和2中的代码、encryptedData和iv发送到开发人员自己的服务器。第四步:服务器获取代码、encryptedData和iv后，使用get方法请求以下微信界面个人项目。没有后端接口，回答云开发中的登录流程。

小程序页面申报期

●加载onload（）页面时触发，只会调用一次，可以获取当前页面路径中的参数。

●在前台显示/剪切on show（）页面时触发，该页面通常用于发送数据请求；

●在on ready（）页面第一次呈现时触发，它只会被调用一次，这意味着页面可以与视图层进行交互。

●当on hide（）页面隐藏/剪切到后台时触发，例如底部的tab切换到其他页面或剪切到后台的小程序。

●卸载onunload（）页面时触发，例如重定向到或导航回其他页面时。

小程序的通用框架

WeUIWeUI是一个与微信原始视觉体验一致的基本样式库。微信官方设计团队设计了微信中的页面和小程序，使用户的感知更加统一。小程序开发中最常用的框架之一受到开发人员的欢迎。美团小程序框架Mpvue正式介绍:mpvue是一个使用Vue.js开发小程序的前端框架该框架基于Vue.js的核心，mpvue修改了Vue.js的运行时和编译器实现，使其可以在小程序环境中运行，从而为小程序开发引入了一整套Vue.js开发经验。

组件化开发框架wepy官方介绍:组件化开发，完美解决组件隔离、组件嵌套和组件通信问题，支持使用第三方npm资源，自动处理npm资源之间的依赖关系，完美兼容所有npm资源包，无平台依赖性。官方框架MINA的官方介绍:该框架提供了自己的视图级描述语言WXML和WXSS。以及基于JavaScript的逻辑层框架，并提供视图层和逻辑层之间的数据传输和事件系统，这使得开发人员可以方便地专注于数据和逻辑。

你知道微信小程序吗？简述小程序的原理。

微信程序由三种技术开发:⽤JavaScript、WXML和WXSS。本质上，它是一个单应词。所有渲染和事件处理都在内部完成，但原始连接可以通过微信客户端进行调整。

微信的架构是数据驱动的架构模式。它的UI和数据是分离的，所有的更新都需要通过更改数据来实现。

该计划分为两个部分:webview和appService。其中webview主要用于展示UI，appService用于处理业务逻辑、数据和调试。它们在两个进程中运行，通过JSBridge进行通信，呈现UI并处理事件。

applet项目的主目录文件功能

project.config.json的配置文件，并做一些个性化配置，如界面颜色、编译配置等；app.json当前小程序的全局配置，包括所有页面路径配置、界面性能、网络超时、底部标签页等。sitemap.json配置小程序及其页面是否允许被微信索引；Pages包含特定页面；Wxml（微信标记语言）是一套用于框架设计的标记语言。结合基本组件和事件系统，我们可以构建页面的结构。wxss（微信样式表）是一组用于描述WXML组件样式的样式语言。作为全局样式，WXSS将作用于当前小程序的所有页面，而本地页面样式page.wxss仅在当前页面生效。app.js小程序的逻辑js逻辑处理，网络请求json页面配置。

小程序和vue的双向绑定区别在哪里？

applet的属性直接this.data不能同步到视图，必须调用:this . setdata（{//set here }）。

小程序页面的生命周期功能

加载onLoad页面时触发。一个页面只会被调用一次。您可以从onLoad（监听页面加载）的参数中获取打开当前页面的路径中的参数。

当onShow（）页面显示/切入前景（监视器页面显示）时触发。

首次呈现onReady（）页面时触发。一个页面只会被调用一次，这意味着该页面已经准备好与视图层进行交互（监听页面的第一次呈现已经完成）。

当onHide（）页面隐藏/切入背景时触发。例如底部的navigateTo或tab切换到其他页面、切入后台的小程序等。（监听页面已隐藏）

卸载onUnload（）页面时触发。例如重定向或导航回其他页面（监听页面卸载）

微信小程序的优缺点

优点:即用即走，无需安装，节省流量，节省安装时间，不占用桌面和依赖微信流量，自然推广和传播的开发成本低于App。缺点:用户留存、使用和走是优点，但也存在一些问题。与传统应用相比，其入口更深、限制更多，页面大小不能超过2M，超过10级的页面无法打开。

小程序的wxss和css有什么区别？

WXSS类似于CSS，但在CSS的基础上进行了一些添加和修改。

尺寸单位rpxrpx是一个响应式像素，可以根据屏幕宽度进行调整。指定的屏幕宽度为750rpx。例如，在iPhone6上，屏幕宽度为375像素，有750个物理像素，因此750rpx = 375px像素= 750个物理像素。

使用@import标识符导入外联样式。@import后面是要导入的外部通信样式表的相对路径，该路径由定义；指示语句的结尾

小程序页面之间传输数据的方法有哪些？

①使用全局变量实现数据传输。在app.js文件中定义全局变量globalData，将信息存储在其中以供使用时，直接使用getApp（）获取存储的信息。

（2）使用wx.navigateTo和wx.redirectTo时，可以在url中放入一些数据，并初始化新页面onLoad时需要注意的问题:wx.navigateTo和wx.redirectTo不允许仅一次跳转到tab中包含的页面onLoad；（3）使用本地缓存存储相关性。

小程序如何与微信官方账号关联以确定用户的唯一性

如果开发者有多个移动应用、网站应用和公众账号（包括小程序），用户的唯一性可以通过unionid来区分，因为只要是同一微信开放平台账号下的移动应用、网站应用和公众账号（包括小程序），用户的unionid都是唯一的。换句话说，同一用户在同一微信开放平台下的不同应用程序具有相同的unionid。

如何实现下拉刷新

首先，在全局配置中配置窗口中的enablepulldownreshing，并在页面中定义onPullDownRefresh钩子函数。当达到下拉刷新条件时，将执行钩子函数。在启动请求返回的请求方法后，调用wx.stopPullDownRefresh停止下拉刷新。

bindtap和catchtap有什么区别？

相似之处:首先都是点击事件的功能，点击时触发。在这个角色中，他们是一样的，没有区别。

区别:它们的主要区别是bindtap不阻止冒泡事件，而catchtap可以。

“wx.navigateto（）”、“wx.redirect to（）”、“wx.switchtab（）”、“wx.navigateback（）”和“wx.relaunch（）”之间的区别

Wx.navigateTo（）:保留当前页面并跳转到应用程序中的页面。但是你不能跳到标签栏页面

Wx.redirectTo（）:关闭当前页面并跳转到应用程序中的页面。但是不允许跳转到tabbar页面。

Wx.switchTab（）:跳转到tabBar页面并关闭所有其他非tabBar页面。

Wx.navigateBack（）:关闭当前页面并返回上一页或多级页面。您可以通过getCurrentPages（）获取当前页面堆栈，并决定需要返回多少层。

Wx.reLaunch（）:关闭所有页面并在应用程序中打开一个页面。

typeof运算符和instanceof运算符与isPrototypeOf（）方法之间的区别。

Typeof是用于检测数据类型的运算符，例如基本数据类型null、undefined、string、number、boolean以及引用数据类型object和function，但对于正则表达式、日期和数组等引用数据类型，它将全部识别为object；

Instanceof也是一个运算符，它可以很好地识别数据是哪种引用类型。它与isPrototypeOf的区别在于，它用于检测构造函数的原型是否存在于指定对象的原型链中；IsPrototypeOf用于检测调用此方法的对象是否存在于指定对象的原型链中，因此本质上是为了检测不同的目标。

call（）和apply（）之间的区别

其实apply和call的功能是一样的，只是传入的参数列表的形式不同。即使只有一个参数，也应该将Apply（此对象，【参数1，参数2，…】）写入数组。call（此对象，参数1，参数2，…）可以接受多个任意参数。第一个参数与apply相同，后面是一系列参数。

微信小程序如何用事件传递价值？

将data-*属性添加到HTML元素中以传递我们需要的值，然后通过e.currentTarget.dataset或onload的param参数获取该值。但是，data -名称不能有大写字母，并且不能存储对象。

微信小程序和vue的区别

生命周期不同，微信小程序的生命周期相对简单，数据绑定也不同。微信小程序的数据绑定需要使用{{}}，vue可以直接控制元素的显示和隐藏。在applet中，wx-if和hidden用于控制元素的显示和隐藏。在vue中，使用v-if不同于使用v-show处理事件。在小程序中，所有事件都与bindtap（绑定+事件）或catchtap（捕获+事件）绑定。在vue中，使用v-on:event绑定事件，或者使用@event双向绑定事件数据也有所不同。在vue中，您只需要将v-模型添加到表单元素中，然后在数据中绑定一个相应的值。当表单元素的内容发生变化时，数据中对应的值也会相应地发生变化，这是vue非常好的一点。微信小程序必须获取表单元素的更改值，然后将该值赋给data中声明的变量。

有哪些方法可以提高微信小程序的应用速度？

提高页面加载速度、用户行为预测、减少默认数据组件方案的大小

如何解决小程序的异步请求问题

applet支持大多数ES6语法来处理返回成功的回调中的逻辑承诺异步。

小程序wxml和标准html有什么异同？

相同:两者都用于描述页面的结构；由标签、属性等组成。不同:标签名称不同，小程序少，单标签多；有一些属性如wx:if和表达式如{ { } }；WXML只能在微信小程序开发者工具中预览，而HTML可以在浏览器中预览；组件包是不同的，WXML重新打包组件。小程序运行在JS Core中，没有DOM树和窗口对象，因此窗口对象和文档对象不能在小程序中使用。

小程序简单介绍了以下三个事件对象的属性列表？

BaseEvent）类型:事件类型时间戳:事件生成时的时间戳目标:触发事件的组件的属性值集当前目标:当前组件的一些属性集CustomEvent）细节触摸事件触摸已更改的触摸。

小程序如何理解wx:if和hidden的用法？

Wx: if具有较高的开关消耗。隐藏具有较高的初始渲染成本。因此，如果需要频繁切换，则hidden更好，如果运行时条件不太可能改变，则wx:if更好。

微信小程序和H5的区别

运行环境不同:HTML5的传统运行环境是浏览器，包括webview，而微信小程序的运行环境不是完整的浏览器。它是微信开发团队基于浏览器内核完全重构的内置解析器。它是专门为小程序优化的，小程序的性能随着其自己定义的开发语言标准而提高。不同的开发成本:它只在微信上运行，因此您不必担心浏览器兼容性，也不必担心生产环境中的意外和奇妙的BUG获得不同的系统级权限。

App.json是当前小程序的全局配置，告知三个配置的每一项的含义？

页面字段-用于描述当前小程序的所有页面路径，以便让微信客户端知道您的小程序页面当前定义在哪个目录中。窗口字段-小程序所有页面的顶部背景颜色，文本颜色在这里的选项卡字段中定义-小程序的全局顶部或底部选项卡。

使用小程序的onPageScroll方法需要注意什么？

因为此方法被频繁调用，所以可以在不需要时将其移除，并且不应将其留空。使用onPageScroll时，应尽可能避免使用setData（），并尽可能减少使用setData（）的频率。

小程序视图渲染结束回调？

使用setData（data，callback）将后续操作代码添加到回调方法中。

使用小程序同步API和异步API时的注意事项？

Wx.setStorageSync是一个以Sync结尾的API，它是一个同步API。使用它时，try-catch用于检查异常。如果确定API是异步的，则可以在其回调方法success、fail和complete中执行下一个操作。

微信小程序的数据请求如何封装？

1.将所有接口放在一个统一的js文件中并导出。

2.创建一个在app.js中封装请求数据的方法。

3.调用封装的方法来请求子页面中的数据。

小程序和原生app哪个好？

除了微信官方账号开发成本低、获客成本低、无需下载的优势外，小程序还大大改善了服务请求延迟和用户体验，使其能够承载复杂的服务功能，并使用户获得更好的用户体验。

webview中的页面如何跳回到小程序中？

首先，我们应该介绍最新版本的jweixin-x.x.x.js，然后

wx . mini program . navigate to（{ URL:& # 39；/pages/log in/log in & # 39；+'$ params & # 39}）如何从}）webview页面跳转到小程序导航页面？

小程序导航的页面可以通过切换选项卡，但默认情况下不会重新加载数据。如果需要加载新数据，只需将以下代码添加到success属性中:

小程序在调用后台接口时会遇到哪些问题？

1.数据量是有限的。超出范围将直接导致整个小程序崩溃，除非重新启动小程序。

2.小程序不能直接呈现文章内容页面的html文本内容。如果你想显示它，你需要借用一个插件，但是插件的渲染会降低页面的加载速度。因此，最好在后台过滤文章内容的html，并在后台直接处理用视图标签批量替换P标签div标签，然后让插件做其他标签，从而减少前端时间。

微信小程序的优缺点是什么？

优势:

1、无需下载，搜索扫一扫即可打开。

2.良好的用户体验:打开速度快。

3.开发成本比App低。

4、安卓可以添加到桌面，类似于原生App。

5.为用户提供良好的安全性。对于小程序的发布，微信有着严格的审查流程，不能通过审查的小程序不能上线发布。

缺点:

1.有很多限制。页面大小不能超过1M。无法打开超过5层的页面。

2、风格单一。小程序的某些组件已经形成，并且样式无法修改。示例:幻灯片、导航。

3、推广面窄，不能分享朋友圈，只能分享给朋友，附近的小程序推广。其中，附近的小程序也被微信限制。

4.依托微信，后台管理功能无法开发。

【相关学习推荐:小程序开发教程】

以上就是基于小程序总结分享的一些面试问题，让你赢得面试！更多详情请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 根据小程序总结一些面试问题，让你的面试稳操胜券！(微信面试问题小程序)

本文由主机参考刊发，转载请注明：根据小程序总结分享一些面试问题，让你的面试稳操胜券！（2021年小程序面试问答） https://zhujicankao.com/105648.html