微信小程序 - 编程记录

1、延迟
setTimeout(function () {
//代码语句
}，8000）
8000毫秒=8秒 延迟8秒执行代码语句

 
2、画完的回调函数
ctx.draw(false, function (e) {
console.log(‘draw callback’)
})

 
3、下拉框选项:可用picker

 
4、变量计算
wxml中的{{ }}可以进行简单的运算，复杂的要通过其他方法实现
js中Number()将变量转化为可以计算的

 
5、如何把button上的文字上下左右都居中
设置按钮高度，设置按钮的line-height与按钮高可实现

 
6、如何把button上的文字上下左右都居中
设置按钮高度，设置按钮的line-height与按钮高可实现

 
7、给button设置透明按钮 plain=“true”

 
8、相对布局：父容器是相对布局，子容器也要是相对布局才能实现完全控制

 
9、display: flex布局对齐
display: flex;
flex-direction: row;时用以下方法对齐
justify-content属性定义了项目在主轴上的对齐方式。（可以理解为相对于X轴的位置）
justify-content:flex-start | flex-end | center | space-between | space-around;

 
10、关于Text限定行数
text {
text-overflow: ellipsis; //超出文字用省略号代替
-webkit-line-clamp: 3; //设置行数为3
-webkit-box-orient: vertical; //指定垂直排列，超出隐藏
overflow: hidden; //溢出隐藏
display: -webkit-box; //自适应布局
word-break: break-all //自动换行
}

 
11、小程序配置好了开发工具别忘了刷新
12、微信小程序，函数内使用其他函数，要this.函数名