微信前端（小程序+H5）面试题及详细答案（实战版）.docxVIP

微信前端（小程序+H5）面试题及详细答案（实战版）

一、基础核心类（必问）

1、简单说说微信小程序的运行机制和渲染原理

参考答案：

小程序采用双线程运行模式，分为渲染层和逻辑层，两者相互独立、通过原生层的消息通道通信，这也是小程序和普通网页最大的区别。

渲染层负责页面渲染、样式展示、事件捕获，基于WebView实现，所有WXML、WXSS的解析和页面绘制都在这里完成；逻辑层是AppService，基于JSCore运行，专门处理JS逻辑、接口请求、数据处理、页面生命周期等。

双线程分离的核心优势是，逻辑层的JS阻塞不会影响页面渲染，有效避免页面卡顿。但缺点是线程间通信存在开销，频繁大量传参容易造成页面延迟。用户的点击、滑动等交互事件，会从渲染层传递到逻辑层，逻辑层处理数据后，再将最新数据回传给渲染层，驱动页面更新。

2、小程序的页面生命周期有哪些？各自的使用场景？

参考答案：

常用页面生命周期共5个，日常开发高频使用：

onLoad：页面加载完成时触发，仅执行一次。主要用于接收路由参数、初始化页面数据、首次接口请求。

onShow：页面显示/切回前台时触发，可多次执行。适合做页面刷新、状态更新、登录态校验、数据重新拉取。

onReady：页面初次渲染完成，仅执行一次。此时页面节点已经挂载完成，可用于获取节点信息、调用部分页面渲染相关API。

onHide：页面