微信小程序开发小技巧
Swiper轮播
- 使用swiper轮播图组件时候，如果里面的插槽(swiper-item)有固定的高度样式，那么包裹外面的(swiper) 一定要大于等于里面的样式高度A（别问为什么不信你试试，不这么写，包证展示有问题。。。。）
Image标签
- 小程序的image标签，在样式中一定要给定宽高,否则图片展示就会按照原图片尺寸展示，在外面包裹view标签都不行(你当还是div盒子布局呢。。。。)
自定义组件Component
-
自定义组件一般命名为index开头的所有文件(js/json/wxml/wxss)，在要使用的wxml文件的目录下的json文件，引入时可以给他一个自定义标签名即可使用。。。(一般我都是这么干。。。。还可以)
-
自定义的组件不能使用普通样式类来定义(给组件添加class样式)，一般是不生效的，只能使用外部样式类(一般第三方组件都有外部样式类)
-
个人以为，组件设计的原则要从稳定性和易用性出发，在当中找到一个平衡点(样式的，骨架的，逻辑的，行为的)，易用性高的组件，通常内部实现起来很麻烦，稳定性就不会太高，所以自己找到一个平衡点来设计
Flex浮动
.container{
display: flex;
flex-diretion: row/column;
align-item: center;
}
-
flex浮动，无论时按照横还是按竖居中都可以，号称浮动三剑客。。。。。(万金油。。。)
-
小程序开发，如果一个页面有多个标签或标签和组件，或标签与图片标签接连使用时，展示结果，标签与标签之间都有一个很小的间隔缝隙，添加样式使用 display:flex 可以解决这一类问题
背景颜色设置
- 至少有三种方法
-
在app.json 添加微信小程序的API组件 设置背景颜色，但是有个问题，开发时候无法显示。。。只有在真机上才能展示，但是还是显示有问题
-
在每个要修改背景颜色的页面的view标签里面添加class样式，可能还是不好，页面一多不能复用，而且当你view标签里面的元素过少的时候背景颜色给黑色，展示的时候，一半黑。。。一半白。因为这个背景色充满view标签定义的内容区，除此之外的地方不会受到影响。。。。。
-
当我们看页面样式的时候，可以看到编译后的源码，最外层嵌套了一个page标签，可以在全局app.wxss或当前页面的wxss里面添加样式。。。。(目前我正在用。。。还是很好用的)
后续的小技巧我会陆续的更新到文章中，希望能帮助各位！！！。。。。
