微信小程序面试你应该知道的问题（面试时小程序常考的知识点）

1 请讲一下微信小程序中主目录和文件的作用。

project.config.json 项目配置文件。 最常用的是配置是否启用https验证。

App.js设置全局基础数据等。

App .json 中的底部选项卡、标题栏和路由设置。

App.wxss 引入公共样式、图标字体等。

页面包含特定页面。

index.json（设置当前页面的标题，引入组件等）；

index.wxml（页面结构）；

index 。 wxss（页面样式表）；

index.js（页面逻辑、请求和数据处理等）；

2 讨论wxml与标准HTML的异同。 所有这些都用来描述页面的结构。 它们都由标签、属性等组成。 标签名称不同，小程序标签较少，单一标签较多。 还有其他属性，例如 wx:if 和 {{ }}。 Expression WXML只能在微信小程序开发者工具中预览，而HTML可以在浏览器中预览。 组件封装不同，WXML重新封装组件，小程序运行在JS中。 Core 缺少 DOM 树和 window 对象，小程序无法使用 window 和 document 对象。 3 讨论WXSS 和CSS 之间的异同。

所有这些都用于描述页面的外观。

WXSS 具有 CSS 的大部分功能，并进行了一些增强和更改。

WXSS 中添加了新功能。 尺寸单位，WXSS在最低级别支持新的尺寸单位rpx。

WXSS 仅支持部分 CSS 选择器。

WXSS提供全局和局部样式

4种方式封装微信小程序请求的数据？

根目录下有utils目录、api.js文件、apiConfig.js文件。

将基本的get、post、put封装在apiConfig.js、upl中。oad等请求方法，配置请求体，引入token和异常处理等等。

将apiConfig.js封装的请求方法引入到API中，并配置相应的方法来指定页面数据请求的URL；

导入；

5 怎么做我在小程序页面之间传输数据？

使用全局变量传输数据

如果页面跳转或重定向，URL 使用组件模板传输带有参数的数据 使用模板传输参数

使用缓存来传递参数。

使用数据库传递数据。

6 讨论一下小程序和vue双向绑定的异同。

本质上是一样的，但是小程序直接的this.data属性无法同步到视图中，所以必须调用this.setData()方法。

7 讨论小程序的生命周期特征。

onLoad() 在页面加载时触发，仅调用一次以检索当前页面路径中的参数。

onShow() 在页面显示或进入前台时触发，通常用于发送数据请求。

onReady()在页面初始渲染完成时触发，仅调用一次，表示页面已准备好与视图层交互。

onHide()在页面隐藏或切换到后台时触发，例如底部选项卡切换到其他页面或小程序切换到后台时。

onUnload() 在页面卸载时触发，例如当redirectTo 或navigateBack 到另一个页面时。

8 请简单介绍一下微信小程序的原理。

小程序本质上是单页应用程序。 所有的页面渲染和事件处理都发生在一个页面内，但可以通过微信客户端调用各种原生接口。

该架构是一种数据驱动的架构模式。 UI和数据分离，所有页面更新都必须通过数据变化来完成。

从技术上来说，它类似于现有的前端开发，使用三种技术：JavaScript、WXML和WXSS。 对于开发来说；

功能可以分为webview和appService。2 部分。

Webview用于显示UI，appService用于处理业务逻辑、数据和接口调用。

这两部分通过系统层JSBridge运行在两个进程中，实现通信、UI渲染、事件处理等。

9 原生开发小程序、wepy、mpvue？

就我个人而言，如果是一个新项目，并且没有旧的h5项目的迁移，我想我会考虑使用较小的程序进行原生开发。 优点是相比第三方框架陷阱更少。

如果你有一个用vue开发的老h5项目，或者你有一个也需要小程序开发的h5项目，wepy或mpvue可能是你迁移或开发的更好选择。 。 由于wepy最近几乎没有更新，所以我推荐美国。 团级MPVUE。

如果你的团队有强大的前端，那么自己构建框架也是可以的。

10 小程序和原生应用哪个更好？

除了公众号的好处，比如开发成本更低、获客成本更低、无需下载等，小程序还得到了显着的提升。请求延迟和用户体验来执行复杂的任务。 我们将增强我们的服务功能，为您提供更好的用户体验。

11 简述微信小程序原理

微信小程序使用JavaScript、WXML、WXSS三种技术开发。 从技术上来说，它和现有的前端开发类似，但是当你深入挖掘时，就会发现不同。

JavaScript：首先，JavaScript代码运行在微信应用中，而不是浏览器中。 因此，一些H5技术应用需要微信应用提供相应的API支持，这就造成了限制。 H5技术的应用并不是严格意义上的H5，有时也被称为伪H5。 同样，微信提供的一些专有API不受H5支持或支持得特别好。

WXML：WXML是微信自己基于XML语法开发的。 因此，开发时只能使用微信提供的现有标签，而不能使用HTML标签。

WXSS：WXSS具有CSS的大部分功能，但并不是全部都支持，马苏支持哪些功能。详细的文档。

微信的架构是数据驱动的架构模型。 UI 和数据是分开的。 所有页面更新都需要更改数据。

一个小程序分为两部分：webview和appService。 其中，webview主要用于显示UI，appService用于处理业务逻辑、数据和接口调用。 它们运行在两个进程中，通过系统层JSBridge进行通信，并实现UI渲染和事件处理。

12 微信小程序和vue双向绑定有什么区别？

小程序直接使用this.data。 属性无法与视图同步。 您需要调用：this.setData({})