微信小程序:原生开发汇总

更多小程序组件库,demon,见这个网址: https://github.com/justjavac/awesome-wechat-weapp#%E7%BB%84%E4%BB%B6

  1. 报错(开启增强编译)
Uncaught ReferenceError: regeneratorRuntime is not defined

参考链接: https://www.pianshen.com/article/83091414366/

  1. 后台给的富文本字符串,rich-text渲染
  <p><a href=\"https://detail.tmall.com/item.htm?id=535475120087&scene=taobao_shop\" target=\"_blank\"><img
        src=\"https://gdp.alicdn.com/imgextra/i2/2128794607/TB2Vbs6ouySBuNjy1zdXXXPxFXa_!!2128794607.jpg\" /></a></p>

  <p><a href=\"https://detail.tmall.com/item.htm?id=554380331899&scene=taobao_shop\" target=\"_blank\"><img
        src=\"https://gdp.alicdn.com/imgextra/i3/2128794607/TB2LNYXcm8YBeNkSnb4XXaevFXa_!!2128794607.jpg\" /></a></p>

  <p><a
      href=\"https://detail.tmall.com/item.htm?spm=a1z10.1-b.w5001-7909133155.7.hlvM47&id=43903898229&scene=taobao_shop\"
      target=\"_blank\"><img
        src=\"https://gdp.alicdn.com/imgextra/i2/2128794607/TB2SWZ4oAyWBuNjy0FpXXassXXa_!!2128794607.jpg\" /></a></p>

  <p><img id=\"desc-module-1\" src=\"https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif\" /></p>

  <p><img src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN01LItTie1ju3IDHjtHk_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i2/2128794607/O1CN01SbfiQd1ju3I2nti8A_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i3/2128794607/O1CN018m5qgv1ju3I0hMmpv_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i3/2128794607/O1CN01O65rfi1ju3I2nu75F_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN01yOGd5l1ju3I7CrX6h_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN01KZZfE91ju3I7CrOnN_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN01wsiJQc1ju3IBEaYUq_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i2/2128794607/O1CN01TzhYmG1ju3I0hOGIV_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN01LauDFt1ju3I3onlB7_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN01BtFsvL1ju3I3okwah_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i2/2128794607/O1CN01HrDosR1ju3I39zjD6_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i3/2128794607/O1CN013BZN4y1ju3Hv0PrS2_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN01rrNPoY1ju3I8M0aP9_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN01P4Jb2o1ju3I0hPCVs_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN01vDudC51ju3Hv0Tkde_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i2/2128794607/O1CN01qwlVgY1ju3I5nQk1P_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN01EXsIPp1ju3I3onYjj_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i4/2128794607/O1CN017cpSjn1ju3IFcjbCu_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i1/2128794607/O1CN016dPELu1ju3I3A2HDS_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i3/2128794607/O1CN014k83qX1ju3ESLLRF6_!!2128794607.jpg\" /><img
      src=\"https://img.alicdn.com/imgextra/i3/2128794607/O1CN01uQsrdD1ju3EVPHGPf_!!2128794607.jpg\" /></p>

参考链接: https://blog.csdn.net/qq_37301074/article/details/91412099

 Data.goodsDesc = Data.goodsDesc.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')
 console.log(Data.goodsDesc)
 this.setData({
   hotelObj: Data
 })
  1. 小程序使用md5

npmjs下载js-md5 引入js文件后直接md5(‘Message to hash’);使用

  1. 小程序蒙层穿透滚动(打开弹出层底部会滚动) https://segmentfault.com/q/1010000011312184 (看木子喵那个)
  2. 小程序返回上一页 https://www.jianshu.com/p/85a2644b41d7

wx.navigateBack()

  1. 小程序拍照 ,并转换成base64

小程序弹窗选择拍照和相册 https://blog.csdn.net/weixin_44763569/article/details/89399489
将小程序本地路径转换成base64 https://blog.csdn.net/qq_36875339/article/details/81086205

  1. 获取小程序tababr高度和可显示区域高度

tabbar高度 https://blog.csdn.net/github_36843038/article/details/94563443
可显示区域高度 https://segmentfault.com/q/1010000017497709

  1. 小程序取代button默认样式

https://blog.csdn.net/two_too/article/details/79868282

  1. 小程序canvas自适应屏幕大小

https://blog.csdn.net/reoak/article/details/81201708

  1. 根据获取的经纬度获取省市区等详细信息

https://blog.csdn.net/admin_web/article/details/106374142

  1. 小程序获取二维码

根据token获取小程序二维码 (三个接口),buff流生成二维码图片保存在服务器上
{
“path”:"/pages/index/index",
“width”:430
}
小程序报错信息 https://blog.csdn.net/loophome/article/details/77863589
小程序
返回乱码: https://blog.csdn.net/weixin_43929063/article/details/85324942 ok

12.小程序报错wx:key="{{index}}" does not look like a valid key name (did you mean wx:key=“index”

https://blog.csdn.net/nw_ningwang/article/details/104361481

  1. 接入小程序客服(组件通过设置 open-type=“contact” 亦可进入客服会话 )

https://blog.csdn.net/bright2017/article/details/80776546

  1. 小程序组件库选择

https://developers.weixin.qq.com/community/develop/article/doc/000ecc775a86807f7ba9b7dc956c13

  1. 小程序真机预览或打包忽略某个文件(小程序真机预览或打包忽略某个文件)

https://blog.csdn.net/weixin_43972437/article/details/102878355

  1. 小程序跳转第三方地图

https://blog.csdn.net/Mybabyying/article/details/105359075
// 百度的位置解析到小程序地图上不准 百度地图地址
所以后台适合嵌入腾讯自家的坐标拾取器
https://lbs.qq.com/tool/getpoint/index.html

  1. 小程序复制

https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.html

  1. swipe拖动闪烁

https://blog.csdn.net/weixin_44976078/article/details/100769329

  1. onShow中获取options

https://www.cnblogs.com/lwlblog/p/12346267.html

  1. setData修改数组某一属性值

https://blog.csdn.net/eva_feng/article/details/105235791

  1. 小程序ios倒计时不显示

https://developers.weixin.qq.com/community/develop/doc/0006c4ed120310d77a492ae5a56400

    Date.prototype.Format = function (fmt) { // author: meizz
      var o = {
        "M+": this.getMonth() + 1, // 月份
        "d+": this.getDate(), // 日
        "h+": this.getHours(), // 小时
        "m+": this.getMinutes(), // 分
        "s+": this.getSeconds(), // 秒
        "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
        "S": this.getMilliseconds() // 毫秒
      };
      if (/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
      for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
      return fmt;
    }

    let timeFormatStr = this.data.orderObj.createOrderTime.replace(/-/g, '/')  
    // 2019-10-20 10:10:00 需转换成这种 2019/10/20 10:10:00
    let nowTime = new Date().Format("yyyy/MM/dd hh:mm:ss") 
    // "2020/12/07 15:10:56"
    let endTime = new Date(1607393410 * 1000).Format("yyyy/MM/dd hh:mm:ss")
    // "2020/12/08 10:10:10"
  1. scroll-view高度无效

https://www.jianshu.com/p/428547201779

  1. onShow获取当前页面options参数

https://www.cnblogs.com/lwlblog/p/12346267.html

  1. 拨打手机号

https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html

  1. 小程序修改对象的某个属性,页面同步更新
    (亲测可行)

https://developers.weixin.qq.com/community/develop/article/doc/0008e4aeb44bc0b5711b2e1405b813

  1. 小程序分包配置
    在这里插入图片描述
    超过大小上传会提示
    在这里插入图片描述

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

  1. setData真机不生效

setData真机不生效
this.setData({
canvasFlag: false
})
改成这种
this.setData({
[‘canvasFlag’]: false
})

// 根据路径修改对象和数组的属性,使用这种可以引起页面的同步更新
this.setData({
      ['obj.num']: 12
    })
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值