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

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核心，没有DOM树和窗口对象。窗口对象和文档对象不能在小程序中使用。请谈谈WXSS和CSS的异同？用来描述页面的外观；

WXSS拥有CSS的大部分特性，并做了一些扩展和修改。

WXSS增加新的维度单位，WXSS支持新的维度单位rpx在底部；

WXSS仅支持部分CSS选择器；

WXSS提供全局样式和局部样式。

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

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

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

在特定页面中导入；

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

当页面跳转或重定向时，url用于传递带有参数的数据。

使用组件模板传递参数

使用缓存传递参数

使用数据库传输数据

6请谈谈小程序和vue双向绑定的异同？一般都是一样的，只是小程序直接对this.data的属性不能同步到视图上。必须调用this.setData()方法！

7请谈谈小程序的生命周期功能？加载页面时会触发OnLoad()。它将只被调用一次来获取当前页面路径中的参数。

onShow()页面显示/切入前台时触发，一般用于发送数据请求；

当第一次呈现完成时，onReady()页面被触发。它只会被调用一次，这意味着页面可以与视图层进行交互。

当onHide()页面隐藏/剪切到背景中时触发，例如底部选项卡切换到其他页面或applet剪切到背景中。

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

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

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

从技术上讲，类似于现有的前端开发，使用JavaScript、WXML和WXSS技术进行开发；

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

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

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

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

但是如果有vue开发的老h5项目或者h5项目也需要小程序开发，那么wepy或者mpvue迁移或者开发更合适。最近wepy几乎不更新，推荐美团的mpvue。

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

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

11微信小程序原理简介。微信小程序是用JavaScript，WXML，WXSS开发的，从技术上来说和现有的前端开发差不多，但是深挖就不一样了。

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

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

WXSS:WXSS拥有CSS的大部分特性，但并不是所有的特性都被支持，也没有详细的文档说明哪些是支持的，哪些是不支持的。

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

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

2微信小程序和vue的双向绑定有什么区别？applet的this.data属性不能直接同步到视图，所以必须调用:this.setData({})

推荐教程:“微信小程序”以上是微信小程序必须知道的面试题目的详细内容。请多关注主机参考其他相关文章！

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

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

本文由主机参考刊发，转载请注明：微信小程序必知面试题(小程序面试题前端) https://zhujicankao.com/77090.html