关于微信小程序中遇到的各种问题汇总（持续更新）

1.关于 <input />标签容易忽略的问题：

使用<input />标签时容易忘记绑定bindblur()方法（输入框失去焦点时触发），因为用户用键盘输入时不一定会点击完成的按钮，有可能输入完之后直接点击屏幕空白处，这样手机键盘会收起，这时不会触发bindconfirm()方法（点击完成按钮时触发），所以会拿不到用户输入的值。当然还有其他的解决办法，这个只是博主遇到的而已。

2.关于微信开发者工具创建项目和导入项目半天不响应或者socket hang out的问题

https://www.cnblogs.com/linck/p/11645882.html

3.mpvue小程序加载不出图片Failed to load local image resource/images/xx.png的问题

https://www.cnblogs.com/linck/p/11636270.html

 

4.__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default(...) is not a function

两种情况：（1）、mpvue项目文件改名后。解决方法：把压缩打包的文件dist和依赖包node_modules删除，重新运行yarn install、yarn start

（2）、直接文件复制粘贴。解决方法：不要直接复制粘贴文件，即使是同名、代码都一样的文件。应该采用新建文件的方式，然后把代码复制过去

 

5.页面之间的通信

搬运工：https://blog.csdn.net/julywind1/article/details/100584939

 

6.关于安卓图片加载不出来的问题

今天测试发现安卓手机（华为、小米）加载不出icon图标，苹果却可以（苹果iPhone SE、iPhone X、iPhone SE）

解决方法：将中文的图片名改为英文的图片名就可以了。原因未详～

 

7.微信小程序scroll-view 滑动卡顿问题

今天发现用scroll-view组件会导致页面异常卡顿，换成其他的标签就好了

 

8.关于使用px，还是rpx的问题

使用rpx可以使屏幕自适应

当然，如果已经有了设计稿，并且设计稿是px的，那么要转换成rpx的话，就需要转化：

                         750 * 元素在设计稿中的宽度 / 设计稿基准宽度

举例：若设计稿宽度为 640px，元素 A 在设计稿上的宽度为 100px，那么元素 A 在 uni-app 里面的宽度应该设为：750 * 100 / 640，结果为：117rpx。

 

9.关于使用mpvue或者uni-app框架中使用vue的样式穿透问题

为了vue页面样式模块化，不对全局造成污染，每个页面的style标签加上scoped，表示他的样式只属于当前的页面，父组件的样式不会泄漏到子组件中。但是scoped也会造成一些额外的负担，如无法覆盖原有组件的样式。
解决方法：
使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件

以上的代码会编译成：
.van-tab[data-v-f3f3eg9] .van-ellipsis { /* … */ }
注意：如果你使用了Less或Sass等预处理器，可能无法>>>正确解析。在这些情况下，您可以使用组合/deep/或::v-deep组合 - 两者都是别名，>>>并且工作完全相同。
使用Less或Sass等预处理器的写法如下：
.van-tab {
　　/deep/ .van-ellipsis {
　　font-weight: bold;
　　}
}

 覆盖uni-app的原生组件，在微信端可能要将 ‘.uni’开头的样式换成 ‘.wx’的

遇到其他问题的话再更新吧，也欢迎各位小伙伴在评论区回复自己遇到的问题哦～