前端面试-微信小程序

1 微信⼩程序有⼏个⽂件

• WXSS (WeiXin Style Sheets) 是⼀套样式语⾔，⽤于描述 WXML 的组件样式， js逻辑处理，⽹络请求 json ⼩程序设置，如⻚⾯注册，⻚⾯标题及 tabBar 。
• app.json 必须要有这个⽂件，如果没有这个⽂件，项⽬⽆法运⾏，因为微信框架把这个作为配置⽂件⼊⼝，整个⼩程序的全局配置。包括⻚⾯注册，⽹络设置，以及⼩程序的window 背景⾊，配置导航条样式，配置默认标题。
• app.js 必须要有这个⽂件，没有也是会报错！但是这个⽂件创建⼀下就⾏ 什么都不需要写以后我们可以在这个⽂件中监听并处理⼩程序的⽣命周期函数、声明全局变量。
• app.wxss 配置全局 css

2 微信⼩程序怎样跟事件传值

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

3 ⼩程序的 wxss 和 css 有哪些不⼀样的地⽅？

• wxss 的图⽚引⼊需使⽤外链地址
• 没有 Body ；样式可直接使⽤ import 导⼊

4 ⼩程序关联微信公众号如何确定⽤户的唯⼀性

使⽤ wx.getUserInfo ⽅法 withCredentials 为 true 时 可获取encryptedData ，⾥⾯有 union_id 。后端需要进⾏对称解密

5 微信⼩程序与vue区别

• ⽣命周期不⼀样，微信⼩程序⽣命周期⽐较简单
• 数据绑定也不同，微信⼩程序数据绑定需要使⽤ {{}} ， 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 中声明的变量。