关于 微信小程序

换行

     html 中换行直接 <br/> ， 但是小程序里没有 <br/>，有两种方式进行换行：

　　1.  在 <text></text> 标签中使用 \n ( 必须 text 标签， view 标签无效 )；

　　2.  样式控制 

white-space:pre-line;    // 合并空白符序列，但是保留换行符

white-space:pre-wrap;    // 保留空白符序列，但是正常地进行换行

white-space:pre;         // 空白会被浏览器保留

 

全屏覆盖 禁止滚动

    catchtouchmove = " preventTouchMove "  

<!-- 布局中增加捕获事件 -->
<view catch:touchmove='preventTouchMove'>
    <!-- more -->
</view>

/** js 方法 **/
preventTouchMove (e){
    return;
},

 

button 按钮去除边框

   添加伪类，去除border

button::after{ border: none; }

 

setData 回调方法

this.setData({ key: value }, () => {
    console.log('callback')
    ...
})

 

小程序分包引用 js 报错 ，移到主包即可

小程序 canvas 画布保存图片时 样式错乱

CanvasContext.draw() 方法，将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中。这表示，前面的所有步骤操作，只是指令，未进行刻画，仅在调用此方法时才执行绘制的动作。

故需在 wx.canvasToTempFilePath() 这个方法之前，还要加延时 setTimeout 才能保证保存图片的完整性。

CanvasContext.draw(false, () => {

    setTimeout(() => {

        wx.canvasToTempFilePath();

    }, 100)

})

小程序 bug:  避免设置过大的宽高，在安卓下会有crash的问题

 

 ---  未完 待续 ---