首页 > 技术文章 > 关于微信小程序中遇到的各种问题汇总(持续更新)

linck 2019-10-19 18:27 原文

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’的

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

推荐阅读