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

雨点打透心脏的1/2处 2022-02-27 21:12 314阅读 0赞

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.sohu.com_a_203318060_115128]  
[https://www.cnblogs.com/bgwhite/p/9335648.html][https_www.cnblogs.com_bgwhite_p_9335648.html]

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

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

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

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

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

12.小程序底部弹窗：[https://www.cnblogs.com/wush-1215/p/9474439.html][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>`

[https_www.sohu.com_a_203318060_115128]: https://www.sohu.com/a/203318060_115128
[https_www.cnblogs.com_bgwhite_p_9335648.html]: https://www.cnblogs.com/bgwhite/p/9335648.html
[https_www.jianshu.com_p_869425b79546]: https://www.jianshu.com/p/869425b79546
[http_imgbase64.duoshitong.com]: http://imgbase64.duoshitong.com/
[https_www.cnblogs.com_eyed_p_8521438.html]: https://www.cnblogs.com/eyed/p/8521438.html
[https_www.cnblogs.com_wush-1215_p_9474439.html]: https://www.cnblogs.com/wush-1215/p/9474439.html