微信小程序会知道面试问题（小程序面试问题汇总）

1请谈谈微信小程序主要目录和文件的功能？Project.config.json项目配置文件，最常用的是配置是否开启https验证；

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

App.json底部的tab、标题栏、路由等设置；

App.wxss公共样式，介绍iconfont等。

Pages包含特定页面；

Index.json（配置当前页面标题和介绍组件等。);

Index.wxml（页面结构）；

Index.wxss（页面样式表）；

Index.js（页面逻辑、请求和数据处理等。);

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

WXSS具有CSS的大部分功能，并进行了一些扩展和修改。

WXSS增加了尺寸单位，WXSS支持新的尺寸单位rpx在底部；

WXSS仅支持部分CSS选择器；

WXSS提供全局样式和本地样式。

4如何封装微信小程序的数据请求？在根目录下创建utils目录、api.js文件和apiConfig.js文件；

在apiConfig.js中封装get、post、put、upload等基本请求方法，设置请求体，自带token和异常处理等。

api中引入apiConfig.js封装的请求方法，根据页面数据请求的URL设置并导出相应的方法；

在特定页面中导入；

5小程序页面之间传输数据的方法有哪些？使用全局变量实现数据传输

当页面跳转或重定向时，使用url通过参数传递数据。

使用组件模板传递参数

使用缓存传递参数

使用数据库传输数据

请谈谈小程序双向绑定和vue的异同？基本相同，只是小程序中直接this.data的属性无法同步到视图中。必须调用this.setData（）方法！

请谈谈小程序的生命周期功能？当加载onLoad（）页面时触发，它只会被调用一次以获取当前页面路径中的参数。

当onShow（）页面显示/剪切到前台时触发，该页面通常用于发送数据请求；

当onReady（）页面首次呈现时触发，它将只被调用一次，这意味着页面可以与视图层交互。

当onHide（）页面隐藏/切入后台时触发，例如底部选项卡切换到其他页面或切入后台的小程序。

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

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

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

它在技术方面与现有的前端开发相似，并且是使用JavaScript、WXML和WXSS开发的。

功能可以分为两部分:webview和appService

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

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

请谈谈原生开发小程序、wepy和mpvue的对比？个人认为，如果是新项目，旧的h5项目没有迁移，可以考虑使用小程序进行原生开发，这与第三方框架相比具有坑少的优势。

但是，如果一个旧的h5项目是由vue开发的，或者一个h5项目也需要applet开发，那么它更适合由wepy或mpvue进行迁移或开发。最近wepy几乎不更新，推荐美团的mpvue。

而且如果团队前端很强，自己做一套框架也没问题。

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

11简述微信小程序的原理。微信小程序由JavaScript、WXML和WXSS开发。从技术上来说，它与现有的前端开发类似，但如果您深入了解，则有所不同。

JavaScript:首先，JavaScript代码是在微信App中运行的，而不是在浏览器中运行的，因此H5技术的一些应用需要微信App提供相应的API支持，这限制了H5技术的应用，它不能称为严格的H5，而可以称为伪H5。同样，微信提供的一些独特的API也不支持或不太支持。

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

WXSS:WXSS具有CSS的大部分功能，但并不是所有功能都受支持，并且没有关于哪些功能受支持以及哪些功能不受支持的详细文档。

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

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

12微信小程序和vue的双向绑定有什么区别？applet的this.data属性不能直接同步到视图，必须调用:this . setdata（{ }）。

推荐教程:微信小程序

以上是微信小程序面试问题的详细内容。更多资讯请关注主机参考其他相关文章！

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

• 微信小程序必知面试题(小程序面试题前端)

本文由主机参考刊发，转载请注明：微信小程序会知道面试问题（小程序面试问题汇总） https://zhujicankao.com/102408.html