1、去除小程序button的默认样式
button.remove-btn-style{
outline:none;
border:none;
list-style: none;
border-radius:0;
}
button.remove-btn-style:after{
outline:none;
border:none;
list-style: none;
}
2、这种错误多半是该js文件中没有Page这个方法，就算是空的js也必须要把Page（{ }）写上去
3、这种错误多半是该json文件没有内容，所以必须要加上{ }，就算是空内容也要加上{ }。
注：小程序里json文件中不允许有注释不然会报错。
4、.获取input输入框的值：
给input绑定事件：bindinput= ' code （自定义事件名称）'，
然后在page里面：
code：function(e){
var txt= e.detail.value //这个txt就是监听到的值
}
5、 scroll-view组件
水平滚动使用方法：
（1） scroll-view的css需要设置white-space:nowrap;这个属性。还有需要设置scroll-x
（2） scroll-view的子集需要设置display:inline-block
垂直滚动使用方法：需要给scroll-view一个固定高度
通用说明：
（1） scroll-top，scroll-left是指定滚动条滚动到设置的位置，不带单位，就一个数值。
（2） scroll-left是水平滚动的时候用的，scroll-top是垂直滚动的时候用的。它们的值可以是动态的，也就是可以通过setData来动态设置数值。
（3） scroll-with-animation 是水平或者垂直滚动时的动画效果，如果没有这个属性，当设置scroll-top，scroll-left的值的时候，就是直接跳转到指定位置，并没有滑到指定位置的动画效果。
6、控件中同时使用wx:if和wx:for导致无效的问题
通过服务器的一个参数控制条目中图片的显示隐藏，比如当前的朋友圈动态是有图片的，则该条目的isShow为true，反之，则isShow为false。布局的方式是大的列表数据嵌套小的图片列表数据，在实现的时候通过wx:if来控制图片列表的显示隐藏，通过wx:for来控制图片列表数据的显示，逻辑结构很简单，但是在图片列表控件上同时添加wx:if和wx:for时，发现wx:if不起作用。图片列表代码如下：
<block class="imglist" wx:if="{
{item.isShow}}" wx:for="{
{item.piclists}}">
<image class='image-view' src="{
{item.pic}}"></image>
</block>
看到这个问题，很是奇怪，逻辑上没有什么问题，然后开始动手做测试，测试过程中发现：如果对同一个控件同时添加wx:if和wx:for，是不能正常起作用的。修改代码，在图片列表控件外添加一个view布局，来单独控制其显示隐藏。修改后代码如下：
<view wx:if="{
{item.isShow}}">
<block class="imglist" wx:for="{
{item.piclists}}">
<image class='image-view' src="{
{item.pic}}"></image>
</block>
</view>
正所谓开发中处处存在bug，没有bug的项目我感觉是不完善的，没有bug会少了很多总结的经验和进步，这样只能停留在很一般的层面上，技术水平提高的过程是很漫长的。一些常见的微信小程序开发中的问题和解决方案，希望能给大家带来帮助，这也许就是进步，是我们共同的进步。
欢迎加入群聊一起探讨技术交流，一起进步和成长，成为IT行业的领头羊。
群号：954314851
或者直接扫码进入
