微信小程序笔记[持续更新]

1.js中object(object,object)对象转json输出方法为JSON.stringify(object)
2.if语句判断字符串 用===
3.获取input框的值用实时监听bindinput方法

4.this.setData是让前台显示数据,后台实时更新若不setData,前台不能更新实时数据

5.currentTab==0?‘active’:’’ 表示当js文件中data{}中currentTab变量的值为0时激活css文件中的active修饰

class="{{currentTab == 0 ? ‘show’:‘hidden’}}" 表示当currentTab的值不为0时激活css文件中的hidden修饰

6.小程序各种弹窗:https://www.sohu.com/a/203318060_115128
https://www.cnblogs.com/bgwhite/p/9335648.html

7.小程序view水平垂直居中:https://www.jianshu.com/p/869425b79546

8.view中的文字水平垂直居中:(display: flex; align-items: center; justify-content: center;)

9.图片转换base64:http://imgbase64.duoshitong.com/

10.view中文字溢出滚动条overflow-y:scroll

11.小程序图片自适应显示:https://www.cnblogs.com/eyed/p/8521438.html

12.小程序底部弹窗:https://www.cnblogs.com/wush-1215/p/9474439.html

13.设有display:flex或者display:block的元素就是一个flex Container(伸缩容器),里面的子元素称为flex item(伸缩项目),flex container中子元素都是使用Flex布局排版。

display:block 指定为块内容器模式,总是使用新行开始显示,微信小程序的视图容器(view,scroll-view和swiper)默认都是dispaly:block。
display:flex:指定为行内容器模式,在一行内显示子元素,可以使用flex-wrap属性指定其是否换行,flex-wrap有三个值:nowrap(不换行),wrap(换行),wrap-reverse(换行第一行在下面)
使用display:block(默认值)的代码:
<view class="flex-row" style="display: block;"> <view class="flex-view-item">1</view> <view class="flex-view-item">2</view> <view class="flex-view-item">3</view> </view>

猜你喜欢

转载自blog.csdn.net/weixin_44510465/article/details/88761770
今日推荐