小程序相关

1.云函数 注意入口文件与app.js文件

2.搭建框架时需注意：

        1.环境变量

        2.app.json分包

        3.flex布局，使用flex:auto，flex:1,元素有变形风险，注意flex:1全称，可使用calc()

        4.设置公共样式与创建公共组件

        5.是否设置合法域名，是否本地设置不校验合法域名

        6.接口https(否则无法配置合法域名，项目无法上线)

3.小程序优化

        1.数据量过大，使用this.setData部分加载

        2.属性复用，在app.wxss定义类似page{--gereen:#00A980},在使用的页面引用:

        viewClass{color:var(--green)}

        3.常用的集中色号：#00A980;#FF6F00;#808080;#FFFFFF;#00A980;#F3F3F3;#3775F6

        4.ios底部安全距离，设置

                padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/

                padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/

        5.input ios穿透，弹窗无法遮挡，解决方案：可设置disabled

        6.微信小程序禁止ios端出售虚拟产品（30%的税？）,否则审核无法通过

        7.scroll-view元素设置 enhanced="{{true}}" show-scrollbar="{{false}}"，

        .scroBox::-webkit-scrollbar {width: 0;height: 0;color: transparent;display: none;}

        ::-webkit-scrollbar {width: 0;height: 0;color: transparent;}

        清除滚动条

        8.数据过滤使用wxs文件，类js但不完全等同

        通过<wxs src="../../index.wxs" module="tools" />引入，直接{{tools.toFixEd}}

        9.ios页面滚动，可设置："disableScroll":true

        10.小程序本地图片可直接使用canvas绘制，线上图片需要使用wxGetImageInfo({src:''})

        11.小程序处理new Date()，时，格式需为"2022/04/20",不能为"2022-04-20"，可使用.replace(/-/g, "/")处理更换’-‘字符串，否则ios无法兼容