网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 网站建设 » 正文

believe66

2019-8-8 2:34:54 | 作者:老铁SEO | 0个评论 | 人浏览

  先说说写小程序的渊源吧,我之前认识的大佬写了一个比较简单的小程序,我改了改样式于是成功的有了我的第一个小程序。然后我在找工作的时候,简历上写了这么一回事,结果进来之后,leader语重心长的对我说,公司的小程序商城就教给你了,重点是公司没有一个人会微信小程序。WTF,不是招我进来写VUE的吗?

  微信小程序的官方文档什么的我就不说了,那是肯定要看的。说说我这几天开始写我遇到的问题。希望对将要写小程序的你能有一丝丝帮助,因为本人也很菜。

  在 iPhone 6 上,屏幕宽度为 375px,共有 750 个物理像素,则 750rpx = 375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。开发微信小程序时设计师可以用 iPhone 6 作为视觉稿的标准。也就是说,设计师在设计小程序时,可以这样做:

  这个,很有意思,当我写完一个我觉得很有灵性的选项卡的时候,以前哥们告我微信小程序有个框架你看看去。。。

  先写到这里,周六加班的午休时间,冒着被同时打死的危险写的,如果有什么写的不好的地方,请大家多多包涵,我也还会分享我遇到的问题。

  页面跳转大家官网上看的navigator用法你套着用就可以了,今天分享一下我在小程序中遇到的页面跳转的问题。我写的是一个电商商城小程序,跳转到详情页之后有两个点击跳转的icon如图:

  聪明的你肯定猜出来这两个icon是跳转到哪的,肯定也是bindtap,然后wx.navigator就搞定了。两个简单的页面跳转嘛,然后居然就是这两个问题卡了我一个多小时,后来还是在微信群里问大佬们才解决的,因为自己看文档不仔细,跳转的这两个页面是微信官方底部tab的路径如图:

  有的时候你会遇到不让页面下拉,如果你以为我说的是下拉刷新的api的话那就图样了。就是不让你下滑的时候出来那个白条。直接上代码了:

  但是这个慎用,我也想在这里如果有大神能指点指点就最好了,这个的效果是可视区域全部静止滑动... 拼多多的小程序首页就是不会出现那个下拉的白条,但能上滑看商品信息,求教~

  在测试自己的项目的时候,发现明明逻辑没问题,语法也没问题。突然想起来小程序的页面栈是五个,于是特别中二的数了一下自己的页面跳转哈哈... 才发现当时自己的理解是错误的,刚开始不细心看文档,我以为这五个页面是超过五个会把新的加进页面栈,第一个打开的销毁。我就无脑用wx.navigateTo,遇到这个问题后用了 wx.redirectTo就解决了。但是谁让我好学呢,于是发现一个大神写的特别完美的理解小程序页面跳转的原理。

  (现在深度,变成了10层,但是在ios 10的部分系统下,还是有bug的,还是要考虑页面深度这种场景的。)

  我现在公司的项目做的是电商的小程序,下拉刷新,官网写的很明确不能与scroll-view同时使用。我是在脑子瓦特的情况下,onReachBottom 和 scroll-view的bindscrolltolower 都用了。经过我的实践,推荐大家用 onReachBottom。如果是一些tab里面也有下拉刷新,这个就很方便直接上代码:

  我当时遇到的情况是,在模拟器和IOS环境下请求数据都是没有任何问题的,在测试android环境时发现请求失败如下图

  这个错还让我跟运维的大哥撕了半天哈哈, 首先出现这个错,兄弟这个锅完完全全就能甩给运维的大哥,不留任何余地。 然后可以帮大哥提供一写资料,一步步排查,先查你项目绑定域名:

  2、服务器端的版本信息:TLS版本的问题,该问题在微信小程序官方文档中已经提及到,服务器TLS版本必须支持 1.2 (启用1.2,禁用1.1和1.0等低版本),

  3、前两种方法是在查阅资料有人说是可解决的,但是对于我们公司最后在排查前两项之后,运维大哥用Nginx转发了之后,解决了安卓请求失败的问题。希望可以帮到大家吧~

  说道这个问题,现给大家贴一个地址,非常感谢大神的开源:sinat_17775

  大家可以看到代码之后,先理清你要处理的后端数据和存地址的要求等等,我遇到的问题是

  后端给我的数据里面有每一个地址对应的ID,比如北京:2 北京:50 东城区:500

  我贴了这么多图,是因为我真不会说了,调这个页面调了两天。只能提供个大概方向,还是得一步步处理数据,goodluck~

  当你遇到你的mp4格式有的能播放,有的不能播放的话,你只需要看一下你的mp4编码格式,必须是h264格式才行。

  这个因为我也是第一次写小程序嘛,后端的大哥,在H5的商城里什么都实现了一次了,非说各种没问题,只贴两个图就明白了第一个

  还有就是一定要让后端好好看微信支付的文档,一般公司开发商城都是服务商版的支付服务,这里就是我和后端大哥的甩锅之路,他没有绑定我得小程序appid,然后各种说调不通。。。

  接着再给大家分享一个关于小程序购物车全选的逻辑处理,这个还是要感谢我的老妹教导我,一个开发人员做东西一定要严谨,不管UI设计的有多丑,该有的逻辑你一定要做到。

  首先我们要做到的就是,当用户点击第三个商品时 全选按钮自动选中,或者全选之后,只要有一个商品不选中,全选按钮也得变动。先给大家看一下代码:

  这就是我的处理,也可循环,实现的方式有很多,只是拿出来让没有接触过的小伙伴做个参考~

  经过这几步操作之后就解决了全选这方面的所有逻辑,觉得有用的小伙伴,记得评论,关注哟~

  这是我的梁master跟我提的这件事,我是小程序,她是Android,项目一样。我俩关系好,然后她教我的用的这个Map对象,其实这个是java的map对象。用起来真的很爽,不废话了直接上代码。

  这样就实现了,对选项卡的优化,如果接口数据变多了的话,会重新赋值。 虽然是自己给自己加戏,但这是也是我的一种工作态度,学习了新东西,还让优化了项目。

  这个问题的出现是因为,在input的事件,我没有找到更好的能监听键盘收回的方法,也是为了更好的用户体验吧,所以随之而来的问题就是全局变量,在赋值之后用户退出这个页面,全局变量被微信缓存了,然后造成,用户输入过一次之后,修改手机号失败的bug。

  事情是这样的,因为公司主体变更,避税之类的事。我们公司的小程序,需要重新换绑微信支付,在财务给我们申请号商户号之后,我们排期半夜来切环境。 我记得是一个周四的晚上,十二点开始切环境,然后 大概后端代码数据库都准备好之后,我们重新绑定微信支付,以为大功告成。周五还能弹性一上午美滋滋~

  没想到 刚交个测试,说微信支付不能用,提示我们没有授权。wtf,刚绑定好的你这样提示,不合适吧。按照报错一查,我去小程序 社区里一看。

  你敢信,微信开放平台的商户号和公众号商户号,是两回事。 小程序之支持公众号的商户号,但是你在开放平台绑定小程序微信支付的时候,官方给你的提示是 绑定成功~。

  一步步记录自己的踩坑历程~我要做到我技术不是最好的,但我给你总结的小程序的东西是最简单粗暴的哈哈哈

  推广一下自己的小程序,如果你也喜欢锻炼的话在这里寻找你的小伙伴吧。还有告诉大家一个微信小程序的框架,有vue开发经验的小伙伴很容易上手:wepyjs/wepy

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:小程序编写  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。