附上以下网址
微信小程序开发文档
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
微信小程序开发工具下载
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
微信小程序后台管理
https://developers.weixin.qq.com/
微信支付商户官网
https://pay.weixin.qq.com
===================================================
踩坑记录
1.
小程序在弹框中加入
catchtouchmove=‘true’ 即可禁止弹框底部的内容滑动
············································································
2.
小程序的swiper-dots轮播自定义样式
.swi .wx-swiper-dots.wx-swiper-dots-horizontal{
margin-bottom: 9rpx;
}
.swi .wx-swiper-dot{
display: inline-flex;
justify-content: space-between;
width: 14.6rpx;
height: 14.6rpx;
}
.swi .wx-swiper-dot::before{
content: ‘’";
flex-grow: 1;
background: #eee;
}
.swi .wx-swiper-dot-active::before{
background: lightblue;
}
············································································
3.自定义小程序导航栏
app.json
“window”: {
“navigationStyle”: “custom”, // 自定义导航栏
“withShareTicket”: true // 全局可分享
}
············································································
4.
微信开发者工具版本,更新到版本（1.02.1902010）之后，导入项目时报错：tunneling socket could not be established,cause=connect ECONNREFUSED 127.0.0.1:49527
解决：打开微信开发者工作的【设置】，选择【代理设置】，弹出设置页面，选择【不使用任何代理，勾选后直连网络】即可解决
············································································
5.
小程序自定义点击按钮进入客服
···········································································
6.
去掉小程序scroll-view的滚动条
::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
}
···········································································
7.
小程序tabBar以及button点击去掉灰色背景
···········································································
8.
关于小程序wepy框架下载报错
wepy-cli Failed to download repo standard: connect ETIMEDOUT 199.232.68.133 ：433
在 链接: https://githubusercontent.com.ipaddress.com/raw.githubusercontent.com
查询到ipaddress，在本地C:\Windows\System32\drivers\etc目录下的hosts文件头部添加：199.232.68.133 raw.githubusercontent.com
保存后重新创建项目wepy init standard myproject9
···········································································
9.
wepy的安装与卸载
//查看版本
npm ls -g --depth=0
//卸载 wepy-cli
npm uninstall -g wepy-cli
//安装特定版本 @1.7.0
npm install -g [email protected]
···········································································
10.
关于wepy找不到编译器：wepy-compiler-less
npm install less 后再 npm install wepy-compiler-less 解决
···········································································
11. 小程序修改对象的值
// index.js
data:{
tabList: {
txt: ''我的"
}
}
onLoad: function () {
let txt = 'tabList.txt"
this.setData({
txt: ‘‘你的’’
})
}
···········································································
12. 小程序上传手机图片的临时路径和模拟器不一样
直接读取文件在拼接成base64格式
···········································································
13.
小程序的rich-text
富文本的图片给img 加上class 就可自定义img宽高
···········································································
14.
小程序加载图片很慢
1）.改变图片尺寸：对于上传的图片，在后台对图片进行可接受范围内的最大限度压缩，图片宽高不用太大，大概预留你图片容器的1.5倍就行
2）.将图片上传到云端，图片地址存储到数据库，去云端获取图片访问链接，如OSS
3）.将图片进行质量处理，压缩图片大小，转换为webp格式
4）.使用微信的image上自带lazy-load(懒加载)，当屏幕移动到图片位置的时候，再把图片的地址换成它的地址，显示图片；适用于淘宝类型的多图展示
···········································································
15.
小程序查看PDF 可用web-view
···········································································