Skip to content

微信小程序

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

  1. WXSS (WeiXin Style Sheets) 是⼀套样式语言,用于描述 WXML 的组件样式, js 逻辑处理, 网络请求 json 小程序设置, 如页面注册, 页面标题及 tabBar
  2. app.json 必须要有这个文件, 如果没有这个文件,项目无法运行, 因为微信框架把这个作为配置文件⼊⼝ ,整个小程序的全局配置 。包括页面注册, 网络设置, 以及小程序的 window 背景色, 配置导航条样式, 配置默认标题。
  3. app.js 必须要有这个文件,没有也是会报错!但是这个文件创建⼀下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数 、声明全局变量。
  4. app.wxss 配置全局 css

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

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

3. 小程序的 wxss 和 css 有哪些不⼀样的地方?

  1. wxss 的图片引⼊需使用外链地址
  2. 没有 Body ;样式可直接使用 import 导⼊

4. 小程序关联微信公众号如何确定用户的唯⼀性

使用 wx.getUserInfo ⽅法 withCredentialstrue 时 可获取 encryptedData , 里面有 union_id 。后端需要进行对称解密

5. 微信小程序与 vue 区别

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