微信小程序项目总结微信小程序项目总结

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

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