微信小程序的常见的面试题（总结）

最新推荐文章于 2024-07-22 15:35:41 发布

_仰望星空的你

最新推荐文章于 2024-07-22 15:35:41 发布

阅读量1.8w

点赞数 34

分类专栏：笔记微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_46419373/article/details/108014962

版权

本文深入解析微信小程序的文件结构、事件处理、数据绑定、生命周期、性能优化等关键知识点，对比Vue框架，阐述小程序与H5、原生App的异同，提供异步请求解决方案及页面跳转技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、微信小程序有几个文件

WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式
js逻辑处理，网络请求
json小程序设置，如页面注册，页面标题及tabBar

给 HTML 元素添加 data-*属性来传递我们需要的值，然后通过 e.currentTarget.dataset 或 onload的 param参数获取。但 data -名称不能有大写字母和不可以存放对象

使用 wx.getUserInfo方法 withCredentials 为 true 时可获取 <encryptedData，里面有 union_id。后端需要进行对称解密

生命周期不一样，微信小程序生命周期比较简单
数据绑定也不同，微信小程序数据绑定需要使用{ {}}，vue 直接:就可以显示与隐藏元素，vue中，使用 v-if和 v-show控制元素的显示和隐藏，小程序中，使用wx-if和hidden 控制元素的显示和隐藏
事件处理不同，小程序中，全用 bindtap(bind+event)，或者 catchtap(catch+event)绑定事件,vue：使用v-on:event 绑定事件，或者使用@event绑定事件
数据双向绑定也不也不一样在 vue中,只需要再表单元素上加上 v-model,然后再绑定 data中对应的一个值，当表单元素内容发生变化时，data中对应的值也会相应改变，这是 vue非常 nice 的一点。微信小程序必须获取到表单元素，改变的值，然后再把值赋给一个 data中声明的变量。

小程序直接 this.data属性是不可以同步到视图的，必须调用：

this.setData({
   
    // 这里设置
})

微信小程序采用 JavaScript、WXML、WXSS 三种技术进行开发,本质就是一个单页面应用，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口
微信的架构，是数据驱动的架构模式，它的 UI 和数据是分离的，所