美文网首页
记录小程序开发中的一些坑和技巧

记录小程序开发中的一些坑和技巧

作者: koppp | 来源:发表于2019-03-19 14:12 被阅读0次

URI编码问题

在进行GET提交参数的时候,如果参数中有中文,记得要进行URI编码,encodeURI(参数) 如果不进行编码,ios设备正常。安卓设备会可能出现获取不到参数的情况。

新特性支持情况

有些新特性可能会只支持高版本,对于低版本不支持,开发的时候要看清楚官方文档。例如:icon组件的size属性从2.4.0基础库开始支持rpx属性。如果用户客户端基础库小于这个版本,就会出现无法显示的问题,从而影响业务。

封装请求

开发开始之前最好根据业务封装请求函数,这样会事半功倍。

建立工具函数库

把一些常用的函数,例如格式化时间、封装的请求、去空格等等。放到util.js里面做为工具类库。

使用WXS

WXS是小程序脚本语言,功能类似于Vue的过滤器。但是WXS的语法不全和js一样,具体看官方文档。

静态资源问题

把大部分静态资源放到云上(除非你有特殊需求),把tab图标放到本地项目。这样会大大节省小程序资源。但是网络不好的情况,会出现静态资源加载慢的情况。

RESTful 接口独立

把请求的接口路径进行独立,单独放到一个类似serve.js的文件里面,便于以后维护。把域名也独立出来。

分包加载

在一些大项目的时候,根据业务可以使用分包加载技术。即把一些公用的页面放到主包,把其他的业务页面放到各个分包中,然后在app.js里面设置分包预加载。这样做可以节省网络开销,更有利于用户体验。但是,目前分包预加载只适用在app.js中配置,没有API接口。

rpx转px

在某些场景中不能使用rpx,比如在使用小程序动画功能的时候,并不支持rpx,只能输入固定的px值,这就对屏幕适配很不友好了。下面我贴出我自用的rpx转px函数:

const rpxToPx = rpx => {
  let rpx1 = parseInt(rpx);
  return Math.floor(rpx1 / 750 * wx.getSystemInfoSync().windowWidth)
}

相关文章

  • 记录小程序开发中的一些坑和技巧

    URI编码问题 在进行GET提交参数的时候,如果参数中有中文,记得要进行URI编码,encodeURI(参数) 如...

  • 微信小程序开发中遇到的问题与技巧汇总

    从微信小程序发布到现在经手的小程序也有好几个了,开发过程中多少会遇到一些坑,这里汇总一下开发中遇到过的坑与小程序开...

  • 小程序开发

    原文 小程序 小程序文档 我会加入一些 小程序文档没有提到的问题和开发的技巧。 project.config.js...

  • 小程序填坑

    小程序很火,开发看起来也很友好,但是真正开发过后就会发现,真的是坑很多。 组件的坑 在小程序中,组件分为原生组件和...

  • 微信小程序开发采坑记录

    微信小程序开发采坑记录 1、微信小程序报错:页面中没有定义某某事件或者app.json中没有添加该页面路径 报错下...

  • 小程序笔记

    最近接触了一段时间小程序,记录了在开发过程中的一些结论 小程序开发 小程序前后端交互过程[https://www....

  • 微信小程序开发BUG经验总结

    摘要: 常见的微信小程序BUG! 小程序开发越来越热,开发中遇到各种各样的bug,在此总结了一些比较容易掉进去的坑...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • iOS开发中的一些小技巧(不断更新)

    程序员其实就是在不断地学习中进步, 这个帖子会记录一些iOS开发中的小技巧, 我也会不断更新的, until I ...

  • 小程序开发当中踩到的坑

    为了参加微信小程序开发大赛,了解了微信小程序的开发,在实际的开发过程中遇到了一些问题,以此记录,避免再犯! 简述 ...

网友评论

      本文标题:记录小程序开发中的一些坑和技巧

      本文链接:https://www.haomeiwen.com/subject/tkvgmqtx.html