小程序开发中的那些坑

gself 发布于2019-08-26 17:44 / 1686人阅读

摘要：二小程序的图片只支持的，后台接口不能传或否则有些安卓机会不兼容在微信开发者工具中，可勾选不校验合法域名业务域名版本以及证书规则即可用，但是在实体里并没有这个选项，所以建议开发时就用路径。

前言

最近小程序特别火，不用安装，即开即用，用完就走。省流量，省安装时间等等优势吸引了大量用户，几乎所有大厂的APP都有小程序版本。我厂也有开发，所以我也加入了开发小程序的队伍，开发中的那些注意点和各位小伙伴们分享下。

一.css伪类看不到

在微信开发者工具中，Styles不会显示css伪类，喜欢写::before或:first-child的小伙伴们请注意了，你的伪类在控制台是看不到的。

建议不要在公共css文件夹下写伪类，本妹子就遇到过这个坑，某小伙伴在公共css上写了按钮的after加了个边框样式，找了好久才找到这个边框写在哪。

 button::after {
       border: 2rpx solid #000;  
 }

二.https

小程序的图片只支持https://...的URL，后台接口不能传//或http://,否则有些安卓机会不兼容

在微信开发者工具中，可勾选"不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书"规则即可用http，但是在实体里并没有这个选项，所以建议开发时就用https路径。

三.不要换行写，有空格不行

微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。

五.Git 状态展示

project.config.json和.git需要在同层目录,Git 状态才能显示，所以project.config.json最好放在根目录中

六.页面跳转

wx.navigateTo 新窗口打开页面新页面有返回按钮

wx.redirectTo 关闭当前页面，跳转到应用内的某个页面新页面没有返回按钮

七.IDE更换

微信开发者工具有很多快捷键都不能用，对于很多熟悉其他IDE的前端开发者来说很不习惯。
可以隐藏编辑器或分开窗口，把微信开发者工具只当作浏览器，然后然后小伙伴们就可以用自己熟悉的IDE了。

八.分享事件不支持同步

如果你想自定义分享图片，则在生命周期onShareAppMessage中编写如下所示：

Page({
  onShareAppMessage: function (res) {
    return {
      title: "自定义转发标题",
      imageUrl: "https://raoenhui.github.io/images/logo.png"
    }
  }
})

但是onShareAppMessage不能支持异步，如果你想从接口里获取分享图片URL，必须在onLoad提前读取并放入Data中

九.小程序有并发限制

wx.request、wx.uploadFile、wx.downloadFile 的最大并发限制是 10 个。

所有为了保险起见，需要写个请求队列，如果并发量大于10，则等待请求。

其他链接

原文地址为:https://raoenhui.github.io/wechat/2018/07/18/%E5%B0%8F%E7%A8%8B%E5%BA%8F

https://developers.weixin.qq.com/miniprogram/dev/api

Happy coding .. :)

GPU云服务器云服务器小程序开发开发小程序开发小程序开发开发制作福州小程序开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110160.html

说说微信小程序开发的那些坑

摘要：微信小程序最后的页面大部分都页，所以一些在上不支持的特性，在小程序里面也是有问题的，不过我们还是可以使用强大的进行转换。微信小程序开发难，难于坑特别多本文首发于http://www.jianshu.com/p/7173... 坑一：Content-type问题坑指数：★★★★★ showImg(https://segmentfault.com/img/remote/1460000...

sushi 2019-08-21 15:09 评论0 收藏0
小程序开发坑点总结

摘要：整个小程序所有分包大小不超过单个分包主包大小不能超过微信小程序主流框架对比应该算是最早发布的小程序开发框架，提供了类的语法风格和特性，现阶段应该也是应用最广泛的框架吧。不过微信官方为了防止下载离线包的时间过程，也严格限制了小程序包的体积。那些年我们踩过的坑css样式不能引用本地图片资源，只能引用线上资源(background-image)，引用本地图片资源只能用标签。{{}}不能执行...

lowett 2019-08-30 15:44 评论0 收藏0
微信小程序开发常见坑

摘要：前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看，谢天谢地，搞定但是，图样图森破，微信一扫，还是依旧。前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。页面跳转对于页面跳转，可能习惯性想到wx.navigateTo，但是在跳转到目标页...

huayeluoliuhen 2019-08-01 18:14 评论0 收藏0
微信小程序开发常见坑

摘要：前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看，谢天谢地，搞定但是，图样图森破，微信一扫，还是依旧。前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。页面跳转对于页面跳转，可能习惯性想到wx.navigateTo，但是在跳转到目标页...

13651657101 2019-08-22 11:20 评论0 收藏0
微信小程序开发常见坑

摘要：前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。当然这不仅仅是对于微信小程序而言。于是找到微信开发环境上试试看，谢天谢地，搞定但是，图样图森破，微信一扫，还是依旧。前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。页面跳转对于页面跳转，可能习惯性想到wx.navigateTo，但是在跳转到目标页...

Tamic 2019-08-29 14:03 评论0 收藏0