微信小程序开发常见坑

huayeluoliuhen 发布于2019-08-01 18:14 / 662人阅读

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

前段时间稍微涉猎了微信小程序开发，踩了一些坑，在此总结出来，希望能为小伙伴们提供一点帮助。

页面跳转

对于页面跳转，可能习惯性想到wx.navigateTo，但是在跳转到目标页面是一个tab时，此接口就不起作用了，但也不会报出任何错误。此时应使用wx.switchTab，详见链接描述

区分几种导航接口：
wx.navigateTo是保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。wx.redirectTo关闭当前页面，跳转到应用内的某个页面。wx.reLaunch关闭所有页面，打开到应用内的某个页面。

switchTab后tab不刷新

场景：不同账号有不同权限，首页展示不同模块，在退出账号一改用账号二登陆后，首页展示的模块与账号二的权限不一致。
问题分析：登陆页面是在首页基础上新开了一个页面，在登陆成功后调用switchTab跳转到首页，看起来并没有任何问题。关键在于switchTab跳转后并不刷新页面，
，所以用账号二重新登陆后到达的首页仍是账号一的首页。所以需要用下面的方法来刷新登陆后的页面：

wx.switchTab({
    url: "/pages/xx/index",
    success: function (e) {  
      let page = getCurrentPages().pop()
      if (page == undefined || page == null) return
      page.onLoad()
    }
})

text-align:justify不起作用

在涉及文本两端对齐时，理所当然的想到使用text-align:justify，但发现不起作用，经查询，发现MDN上是这么写的：

justify
The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.

也就是说，text-align:justify只对非最后一行起作用，只有一行文本时也算最后一行，对，就是这么坑。当然这不仅仅是对于微信小程序而言。
于是找到text-align-last:justify

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

微信开发环境上试试看，谢天谢地，搞定！但是，图样图森破，微信一扫，还是依旧。哦到开，text-align-last有兼容性问题。

看来还是得看text-align，它是针对非最后一行的，那么我们可以尝试把一行文本伪装成非最后一行，比如通过添加一个空内联块状元素或者使用伪元素。可参考链接描述

云服务器 GPU云服务器微信小程序开发微信小程序开发语言微信小程序开发免费微信小程序开发步骤

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

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

微信小程序开发常见坑

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

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

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

Tamic 2019-08-29 14:03 评论0 收藏0
小程序开发坑点总结

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

lowett 2019-08-30 15:44 评论0 收藏0
说说微信小程序开发的那些坑

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

sushi 2019-08-21 15:09 评论0 收藏0
经验分享：微信小程序外包接单常见问题及流程

摘要：从九月底内测到现在已经三个半月凌晨一点睡觉已经习以为常也正是这样才让无前端经验的我做微信小程序开发并不感到费劲最近才开始接微信小程序的外包项目目前已经签下了五份合同成品出了两个加上转给朋友做的正在谈的算起来有十来个项目距离微信正式开放的时间从九月底内测到现在已经三个半月.凌晨一点睡觉已经习以为常,也正是这样,才让无前端经验的我做微信小程序开发并不感到费劲.最近才开始接微信小程序的外包...

chunquedong 2019-08-21 11:27 评论0 收藏0