最近在开发小程序,遇到一些坑,总结出来跟大家分享一下,我这里使用的是mpvue框架,mpvue也有不少坑~

  • scroll-view的属性设置,scroll-y设置,不管我们设置scroll-y=true还是false,其实都会滚动的,要想设置scroll-y为false,我们需要用数据绑定的形式来设置才会起效:scroll-y=false

  • 有时候明明设置 一个变量,当它为false的时候才展示某个元素,比如 isHide?hide:show,有时候会发现,在页面中,还是会先渲染出来一下,然后才被隐藏了,原因是,最开始的时候,data数据还没有初始化完成,这个时候,isHide是undefined,undefined变成boolean值,就是false,所以最开始还是show了,为了解决这种情况,我们可以使用全等符号。 isHide=== true ?hide:show

  • 显示image的时候,如果我们设置了mode=widthFix,有时候在渲染的时候会看到图片有一个拉伸过程,然后才变成我们期望的大小,解决这个问题,可以给image添加height:auto;或者使用background-image来展示,需要注意的是background-image不支持本地路径,可以支持本地base64或者服务器返回来的图片

  • 在父组件跳转到子组件的时候,使用navigateTo方法,携带参数,如果参数里面带特殊字符,会被截断,导致我们在子组件获取到的参数不正确。解决办法就是,通过encodeURIConponent,对参数进行编码,然后在子组件再进行解码,其实跟我们url传递参数是一样的,都需要注意这一点。

  • cover-view组件IOS可以支持滚动了,不过需要7.0以上版本的微信。

  • 单页面目前也是可以支持自定义导航栏,同样需要7.0以上版本的微信。

  • mpvue的坑,双向数据绑定的时候,有些安卓机会卡顿。可以通过防抖赋值或者v-model.lazy,不使用双向绑定。

  • mpvue渲染速度比较慢。

全文完,大家有遇到什么坑,也可以留言分享出来~

转载于:https://juejin.im/post/5cbff6855188250a8c22adfa

小程序开发中遇到的坑相关推荐

  1. 微信小程序开发中遇到的坑

    博主也是一个新入坑的萌新,从上个月20多号开始开发微信小程序,总体感觉入手快,门槛低. 开发中使用的办法比较老土. 下面一一介绍下我在开发中遇到的问题与解决方法 1.下拉刷新与上拉加载 下拉刷新微信提 ...

  2. 微信小程序开发中的这些坑你遇到过吗?

    在公司小程序也开发了一段时间了,中间遇到过很多问题,特此记录几个比较典型的问题和解决方案. 1. textarea 的高层级问题 此问题提供源码demo,可导入微信开发者工具查看.复制到电脑上打开:h ...

  3. java写微信小程序答辩问题_微信小程序 开发中遇到问题总结

    微信小程序 开发中遇到问题总结 1.由于小程序wx.request()方法是异步的,在app.js执行ajax后,各分页加载app.js的全局数据时,无法按顺序加载.例: //app.js App({ ...

  4. 关于微信小程序开发中遇到的缺少game.json问题的解决

    关于微信小程序开发中遇到的缺少game.json问题的解决 参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...

  5. 解决微信小程序开发中wxss中不能用本地图片

    微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...

  6. 微信小程序map中polyline的坑

    微信小程序map中polyline的坑 polyline polyline层级 polyline 如果大家写过小程序的map地图应该就知道polyline的功效,说白了就是画线的,我在自己的项目中主要 ...

  7. 实现uniapp的app和小程序开发中能使用axios进行跨域网络请求,并支持携带cookie

    实现uniapp的app和小程序开发中能使用axios进行跨域网络请求,并支持携带cookie 1-使用npm install axios;命令安装axios 2-新建一个文件夹再建一个.js后缀文件 ...

  8. 微信小程序开发中常见问题及解决方法

    本文章总结小程序开发中常见的错误问题.希望能帮助初学者少走弯路,避免类似的错误. 1:出现"脚本错误或者未正确调用Page()"的错误提示. 解决方法:出现这个错误的原因通常是因为 ...

  9. 微信小程序页面栈_微信小程序开发中的页面栈及页面路由原理

    摘要:小程序的开发方兴未艾,本文以图解的形式详细剖析了小程序开发中的页面栈及页面路由原理,对于该原理的深入理解有助于开发者更好地理解小程序的开发框架,更好地开发出功能强大的小程序. 微信小程序(以下简 ...

  10. 微信小程序开发中遇到的一些问题

    1.关于Promise对象的打印 上面一个是高版本的基础库打印,下面一个是低版本的基础库打印 2.小程序打开项目控制台警告:VM745:1 [Event] 11 listeners of event ...

最新文章

  1. 深入浅出的webpack构建工具---DllPlugin DllReferencePlugin提高构建速度(七)
  2. NSArray,NSSet,NSDictionary总结 (转)
  3. struts2注解(转)
  4. 让你明白response.sendRedirect()与request.getRequestDispatcher().forward()区别
  5. 我在实际工作中用的最多的 git 命令
  6. scala运行的方式
  7. C语言实现字符串匹配KMP算法
  8. 李航《统计学习方法》-----支持向量机
  9. Java GregorianCalendar hashCode()方法与示例
  10. 一条mysql语句判断是添加还是修改
  11. ESXi开启SSH的方法总结
  12. GoldenGate新增表
  13. ubuntu14.04人脸相似度dlib模块和skimage模块安装
  14. 启动计算机键盘没反应,电脑键盘个别键没反应怎么办
  15. php 301目录对应,PHP 301转向实现代码
  16. Error Cannot find module ‘CUsersAppDataRoamingnpmnode_modules..错误,解决方法
  17. 但洗铅华不洗愁——写者、编者谈《往事并不如烟》
  18. 【CFD趣谈】如何利用干手器快速烘干双手?
  19. 成都拓嘉启远:怎样才能成功升级拼多多旗舰店
  20. nao机器人拆解_两周年了 Pepper都经历了什么呢?

热门文章

  1. JAVA-初步认识-第四章-其他流程控制语句
  2. Javascript作用域、闭包原理以及性能问题
  3. 关于matlab中get和set的用法
  4. iOS底层探索之多线程(九)—GCD源码分析(栅栏函数)
  5. Vue指令之v-html
  6. js 报错(intermediate value)(...) is not a function
  7. ORA-00257: 归档程序错误。在释放之前仅限于内部连接
  8. PHP 7.1 新特性一览
  9. C Primer Plus 第9章 函数 9.7 指针简介
  10. 【兼容写法】HttpServerUtility.Execute 在等待异步操作完成时被阻止。关键词:MVC,分部视图,异步...