主题
微信小程序
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
中声明的变量。