隔得时间长不用小程序原生要注意的点

1,data中的数据如果要访问需要用this.data.属性名,写vue写多了会忘掉data。

2.数据的更新一定切记使用this.setData({属性名:要更新的值})这样更新。

3.如果想要得到flex-shrink布局效果,display无法实现,只能使用微信小程序自带的标签scroll-view,属性文档里都有。

4.使用vant要先在微信小程序工具-构建npm-然后路径要记得在project.config.json换成一样的

"packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram_npm/"
      }
    ],

 vant里有导入教程;

5.如果使用vscode写原生或者uni,需要本地配置打勾✔,

 6.如果页面需要双层for循环或者多层循环不要忘了需要用属性设置子循环名称:

 wx:for-item="child"

 7.在原生的小程序中如果后台返回html数据,需要使用标签来渲染,v-html不起效果,但是uni是可以的,

<rich-text nodes="{{allList.goods_introduce}}"></rich-text>

8.各种常用api汇聚一下

//操作菜单,底部出现弹出操作菜单
wx.showActionSheet({
      itemList: ['选择图片','选择视频'],
      itemColor: '#000000',
      success: (result)=>{
        console.log(result);
        //tapIndex是选择的下标比如itemList里有两个,选第一个的话tapindex就是0;
      },
      fail: ()=>{},
      complete: ()=>{}
    });


//出现确认模态框
wx.showModal({
      title: '退出提示',
      content: '确定要退出么',
      showCancel: true,
      cancelText: '取消',
      cancelColor: '#000000',
      confirmText: '确定',
      confirmColor: '#3CC51F',
      success: (result) => {
        if (result.confirm) {
            //点击确定所作操作
        }
      },
    });


//小程序的本地存储
wx.getStorageSync()
wx.setStorageSync()


//弹出提示信息
wx.showToast({
        title: '',
        icon: 'none',
        image: '',
        duration: 1500,
        mask: false,
        success: (result)=>{
          
        },
        fail: ()=>{},
        complete: ()=>{}
      });


//查看是否有授权
wx.getSetting({
      success: (result) => {
        
      },
      fail: () => {},
      complete: () => {}
    });


//开启权限
wx.openSetting({
   success: (result)=>{
                    
   },
   fail: ()=>{},
   complete: ()=>{}
});


//获取地址信息,并跳转地址页,右上角有确定,真机测试能体验完整功能,如果电脑测试只是假数据地址并且不能添加地址
wx.chooseAddress({
  success: (result) => {
                        
  },
 fail: () => {},
  complete: () => {}
});


//上传图片   ,当你看到这篇文章时,证明上传video和image都可以使用wx.chooseMedia,因为他们不在维护了,但并不代表不能使用,使用wx.chooseMedia会更加方便
wx.chooseImage({
      count: 9,             //最多可以选择的图片的数量
      sizeType: ['original', 'compressed'],  //图片的尺寸或者叫原图和压缩
      sourceType: ['album', 'camera'],        //图片的来源
      success: (result) => {
        
      },
      fail: () => {},
      complete: () => {}
    });


//上传文件接口
wx.uploadFile({
      url: '上传的网络地址',
      filePath: ,     //小程序本地的路径
      name: ,         //后台获取我们图片的key
      formData: {},   //额外的参数formData
      success: (result) => {
        
      },
      fail: () => {},
      complete: () => {}
    });


//上传视频
wx.chooseMedia({
      count:1,                        //上传数量
      sourceType:['album', 'camera'], //图片来源
      sizeType:['original', 'compressed'], //图片:原图和压缩
      compressed: true,               //是否压缩
      maxDuration:15,                  //拍摄的时长
      camera: 'back',                  //前置还是后置的摄像头
      success: (result)=>{
        console.log(result);
      },
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值