微信小程序开发记录

Posted on Edited on

开发微信小程序，感受就是方便简单，但是限制也颇多。如果提供了API，那么基本不费力，如果没有提供，则会因为种种限制而变得困难重重。下面记录的主要是开发过程中遇到的一些小问题，不一定是坑，一般是一些初次开发时会稍有迷茫的点。

  1. 使用模板 <template> 、嵌套使用时，需要绑定数据

  2. 使用 <scroll-top> 时，要设置 white-space:nowrap ，才能横向滚动

  3. 超出单行时，使用省略号(通用方法)

     ele{
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
 }

  4. 小程序的图片标签为 <image> ，不是 <img>

  5. 奇偶项使用不同模板的方法

     <scroll-view>
     <block wx:for="{{items}}">
         <template is="{{index%2==0?'odd':'even'}}" data="{{data}}"></template>
     </block>
 </scroll-view>

  6. <scroll-view> 的滚动监听，安卓不是实时的，而iOS是实时的。所以两个系统可能需要做不同处理。同时需要注意性能问题。

  7. 如果不设置 box-sizing:border-box; ，使得此元素的宽度超出了父元素 <scroll-view> ，则可能产生晃动现象。

  8. 使用 setData时，要注意作用域。

  9. 循环绑定时，<template> 的 data 值为循环时 wx:for 的值，默认为 item

  10. wx.request() 提交表单时，在header添加 header:{"content-type":"application/x-www-form-urlencoded"}

  11. 下载和打开文件，在安卓上体验十分不好，谨慎使用。

最后，技术重要，思维更重要。程序员也是一个依赖经验的职业。另外，学习到了一个词：防御性开发。