抽奖小程序的项目收获

微信分享功能：https://blog.csdn.net/brokenkay/article/details/97263247
做分享功能的时候会触发一个onShareAppMessage事件，需要特别注意这个事件不能写在组件里面，他和onload生命周期函数是同级别的
微信小程序的获取手机号码授权与uniapp有点不一样
uniapp： <button type=“default” open-type=“getPhoneNumber” @getphonenumber=“decryptPhoneNumber”>获取手机号
点击按钮后会触发:decryptPhoneNumber这个函数
收货地址授权：https://blog.csdn.net/qq_35713752/article/details/83995033
uniapp选择上传文件有一个事件uni.chooseImage(),点击调用就可以调出文件
客服会话框：https://blog.csdn.net/con_knife/article/details/79454327
文件上传:
let btn = document.querySelector(“button”);
let img = document.querySelector("#img");
let imgOne = document.querySelector("#imgOne");
btn.onclick = function(){
let fileImg = img.files; //获取文件列表信息
console.log(img.value); //打印上传的文件位置
if(fileImg[0].type == “image/jpeg”){ //判断文件的type
var reader = new FileReader(); //创建一个新的对象
reader.readAsDataURL(fileImg[0]); //读取上传文件的位置
reader.onload = function(e) {
imgOne.src = e.target.result;
console.log(e.target.result); //打印转换后的src地址
}
}

} 

浏览器实现复制粘贴功能
function copyUrl2(){
var Url2=document.getElementById(“biao1”);
Url2.select(); // 选择对象
document.execCommand(“Copy”); // 执行浏览器复制命令
alert(“已复制好，可贴粘。”);
}
uni自带
copy(value){
uni.setClipboardData({
data:value,
success:function(){
console.log(“复制成功”)
}
})
},
++++++++++++++++++++跳转首页
uni.switchTab({
url: ‘/pages/index/index’
});
++++++++++++++++++++关于分享
当调用button on-type=“shar” 的时候会调用一个函数：onShareAppMessage
onShareAppMessage:function(e) {
console.log(“分享成功”,e)
return {
title: “这是一个非常好玩的小程序”, //转发的标题。当前小程序名称
path: /pages/index/index, //转发的路径 分享未加用户id
}
}
wx图片转base64
// wx.chooseImage({
// success: res => {
wx.getFileSystemManager().readFile({
filePath: url, //选择图片返回的相对路径
encoding: “base64”, //编码格式
success: res => {
//成功的回调
console.log(“data:image/png;base64,” + res.data);
let base64 = “data:image/jpeg;base64,” + res.data;
this.defaultPrizeData[this.ind].prizeImg = base64;
console.log(this.defaultPrizeData[this.ind].prizeImg);
}
});
// }
// });
++++++++++++++++++++++++uniapp下载图片+++++++++++++++++++++++
// let base64 =
// console.log(“base:”+base64)
// uni.downloadFile({
// url: base64,
// success: (res) =>{
// if (res.statusCode === 200){
// uni.saveImageToPhotosAlbum({
// filePath: res.tempFilePath,
// success: function() {
// uni.showToast({
// title: “保存成功”,
// icon: “none”
// });
// },
// fail: function() {
// uni.showToast({
// title: “保存失败，请稍后重试”,
// icon: “none”
// });
// }
// });
// }
// }
// })
++++++++++++++++++++++++++++++++++微信下载图片++++++++++++++++
var imgSrc = _this.shareImg.substring(22,_this.shareImg.length);//base64编码
var save = wx.getFileSystemManager();
var number = Math.random();
save.writeFile({
filePath: wx.env.USER_DATA_PATH + ‘/pic’ + number + ‘.png’,
data: imgSrc,
encoding: ‘base64’,
success: res => {
wx.saveImageToPhotosAlbum({
filePath: wx.env.USER_DATA_PATH + ‘/pic’ + number + ‘.png’,
success: function (res) {
wx.showToast({
title: ‘保存成功’,
})
},
fail: function (err) {
console.log(err)
}
})
console.log(res)
}, fail: err => {
console.log(err)
}
})
地址：https://www.cnblogs.com/china-fanny/p/11213746.html
加载动画++++++++++++++++++++++++++++++++++++++++++++++加载动画
uniapp加载：
https://uniapp.dcloud.io/api/ui/prompt?id=hideloading
订阅消息+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
微信调用订阅消息：https://www.jb51.net/article/172815.htm
抓包：fiddler
+++++++++++++++++++++++++++++++++++微信小程序授权
授权：https://blog.csdn.net/qq_42896240/article/details/100541528
uniapp传对象++++++++++++++++++++++++++++++++++++++++++++++++++++
goDetail: function (e) {
// if (!/前|刚刚/.test(e.published_at)) {
// e.published_at = dateUtils.format(e.published_at);
// }
let detail = {
author_name: e.author_name,
cover: e.cover,
id: e.id,
post_id: e.post_id,
published_at: e.published_at,
title: e.title
}
uni.navigateTo({
url: “…/list2detail-detail/list2detail-detail?detailDate=” + encodeURIComponent(JSON.stringify(detail))
})
},
++++++++++++++++微信上拉加载下拉刷新地址+++++++++++++++++
具体操作：https://blog.csdn.net/xfcy1990/article/details/88874416
微信小程序 onReachBottom 上拉加载更多 onPullDownRefresh 下拉刷新
+++++++++++++++++++++++++++++++微信小程序默认的提示框调用方式+++++
具体地址：https://www.jb51.net/article/98187.htm
wx.showToast({
title: ‘提交成功’,
duration: 2000
})
开发注意事项：
1.先看设计图，看了设计图后进行分析讨论，该公共化的就公共化，组件，css样式这些，先提公共的部分出来
2.所有函数名都用驼峰式命名
3.按模块化的开发方式创建文件夹，例如api和状态管理都分别为一个模块方便于开发
4.为了方便后期维护，每个函数或者组件，以及需要特殊说明的，或者不好理解的必须写注释
快速搭建vue结构快捷键：@
微信小程序预览：
wx.previewImage({
current: ‘’, // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
})