微信小程序随堂笔记

某些应用的表示方法：

1.页面导航条属性：title="{{nbTitle}}"

loading="{{nbLoading}}"

front-color="{{nbFrontColor}}"

background-color="{{nbBackgroundColor}}"

color-animation-duration=“2000”

color-animation-timing-func=“easeIn”

Page({

data: {

nbFrontColor: ‘#000000’,

nbBackgroundColor: ‘#ffffff’,

},

onLoad() {

this.setData({

nbTitle: ‘新标题’,

nbLoading: true,

nbFrontColor: ‘#ffffff’,

nbBackgroundColor: ‘#000000’,

})

}

})

2.关于image的写法: 1.image组件默认宽度300px、高度240px

2.image组件中二维码/小程序码图片不支持长按识别wx.previewImage中支持长按识别

3.关于input：input 组件是一个原生组件，字体是系统字体，所以无法设置 font-family

在 input 聚焦期间，避免使用 css 动画

4.关于lable：使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。

5.关于text：selectable表示文本是否可选；

space 表示显示连续空格；

6.关于view：hover-class指定按下去的样式类。当
hover-class=“none” 时，没有点击态效果；

hover-start-time按住后多久出现点击态，单位毫秒

hover-stay-time手指松开后点击态保留时间，单位毫秒

7. navigator：target在哪个目标上发生跳转，默认当前小程序：

self当前小程序

miniProgram其它小程序

url当前小程序内的跳转链接

open-type跳转方式

8.关于生命周期：getLaunchOptionsSync()获取小程序启动时的参数。

getEnterOptionsSync()获取本次小程序启动时的参数。

9.width：设置宽度；

height：设置高度：

10.读取数据时代码：App({

onLaunch() {

wx.getBackgroundFetchData({

fetchType: ‘periodic’,

success(res) {

console.log(res.fetchedData) // 缓存数据

console.log(res.timeStamp) // 客户端拿到缓存数据的时间戳

}

})

}

})

1.     
读取用户信息：getUserInfo（）

实力代码：wx.getUserInfo({

success: function(res) {

var userInfo = res.userInfo

var nickName = userInfo.nickName

var avatarUrl = userInfo.avatarUrl

var gender = userInfo.gender

var province = userInfo.province

var city = userInfo.city

var country = userInfo.country

}

})