今天折腾这玩意，从复杂到简单，最后发现只要这几行就能解决，效果还十分优雅。
css
.progress-circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
html
const progressStyle = `background: conic-gradient(#fff ${progress}%, rgba(0, 0, 0, 0.3) 0%)`
<View className=”progress-circle” style={progressStyle} />
${progress} 是变量，0 到 100。
发现这样换行组织语句，可读性还蛮好的，排错也容易。
有老司机带的感觉，真好。
这两天 get 新知识。
以前的后端技能半桶水不到，现在有半桶水了。
借助 mysql2，小程序云函数轻松连接 mysql.
前两天弃坑了，打算还是自己搞 UI，于是就想看看人家的写法，借鉴一下。
看了之后果然收获不小。把 api、utils 都集中放在 index 去 export，开发、维护、调用都好方便。
今天使用 WebView，报这个错：
Template `tmpl_0_67` not found
前几天也有遇到类似问题，添加这段配置可以解决：
compiler: {
type: ‘webpack5′,
prebundle: {
exclude: ['taro-ui']
}
}
而 WebView 这个问题，社区连 issue 都搜不到。TaroUI 开发交流群也比较冷清。
Taro 在维护，而 TaroUI 看起来已经被抛弃，导致不兼容。
还好早发现，没陷太深。果断弃坑。
三四年没有碰 npm，发现 cnpm 几年前就改了域名，原来的已经不能再使用。
不知道咋回事，npm 和 cnpm 都用不了，重装 node 和升级 node 都没用，单独升级 npm 也升级不了。
最后发现重装 cnpm 就行了。
不过直接 install cnpm 也不行，安装失败，需要先 uninstall，然后再 install.
这坑，必须 mark 一下。
npm uninstall -g cnpm
npm install -g cnpm –registry=https://registry.npmmirror.com
写了一份 Git 工作流规范，方便团队协作。
mobx 监听数组变化，有时可以，有时不行，今天才看出名堂，迟钝。
1. 用 splice 改变数组，mobx 可以直接刷新数据，比如：
myList.splice(index, 1, newItem)
2. 这点很重要。如果要把列表项作为 react 组件，需要把整个列表作为一个组件，而不是把一个 item 作为组件。
以上两点，第 2 点尤其要注意。
连踩了好几个大坑，太深，记录一下。
小程序端 (wepy)
const userInfo = this.$parent.globalData.userInfo
// 参数值需要用 encodeURIComponent 进行编码
const nickName = encodeURIComponent(userInfo.nickName)
const avatarUrl = encodeURIComponent(userInfo.avatarUrl)
// 不能使用 # 字符拼接参数，在真机微信上会报错，推荐使用 ?...&...
this.src = `result?nickName=${nickName}&avatarUrl=${avatarUrl}`
h5 端 (vue)
const paramStr = window.location.href.split('?nickName=')[1]
if (paramStr) {
const param = paramStr.split('&avatarUrl=')
// 使用 decodeURIComponent 解码
this.nickName = decodeURIComponent(param[0])
this.avatarUrl = decodeURIComponent(param[1])
}
最后，使用 <img/> 在真机预览时显示不了图像，就算调用同域名下的远程图像也显示不了，正确的姿势是使用 background .
PS：用 vue + wepy 开发小程序很完美。
