正文

微信小程序项目总结

IP云
IP云V管理员/1 阅读
09/24
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近公司做的项目，我主要负责小程序前端页面也API数据请求页面渲染工作，因为对微信小程序的不熟悉，在做的过程中不免做了很多弯路。现在总结如下：

              1. 首先遇到的问题就是"微信小程序尺寸单位"的选择
              2. 页面布局到底是用margin：0 auto；还是display：flex;(最后两者都没有选，用了相对定位和绝对定位，还固定了父元素宽高，这简直是作死！)
              3. 关于微信小程序tabBar的iconPath设置方法（其实比较简单）
              4. 微信小程序里面的text标签，他会保留值的格式（包括换行）
              5. 还有就是打电话API了是wx.makePhoneCall，里面都是有属性和方法（例如：phoneNumber和成功回调函数success）
              6. 小程序左上角的返回键怎么设置和取消，其实就是改变跳转方式而已（wx.navigateTo这是有返回键的）（wx.redirectTo这是没有返回键的API）（wx.switchTab）跳转到小程序的tabBar
              7. 小程序的openLocation获取地图API点击链接到地图页面（网上有些存在严重Bug，请谨慎参考！）
              8. 微信小程序消息提示框showToast和showLoading
              9. 微信小程序复制到剪切板API wx.setClipboardData
              10. 可滚动可视区域（这个可以用来设置区域滚动）
              11. “data-（ ）”可以用来用来数据绑定
              12. 字体间距letter-spacing: 20px;
              13. 小程序如何动态增删class类名{{name==name?'name':' '}}
              14. css让图片按照最长或宽等比例缩放（主要是利用background来设置）backgeound-size：length | center | contain | percentag；background-position：center | top left；
              15. 微信小程序if elif else 的用法