小程序开发中有趣的事情

小程序开发做了半年了,断断续续地利用课余时间写了一大部分。

期间遇到了很多坑和技巧,个人感觉十分有趣。

1.textarea

  小程序里面的textarea是我遇到的第一个坑.

  textarea 在小程序里面看起来似乎和HTML里的一样,但是页面一滑动就有问题:欸欸欸??卧槽,卧槽,他怎么不动?;如果页面有弹层,弹层弹出的瞬间,卧槽卧槽?这个怎么在最上面?。textarea在小程序里面是原生层级最高的组件,z-index对他没用,并且在swipe、scroll-view、canve里面会出现奇奇怪怪的问题,推荐大家使用的时候谨慎。

2.hover-class

  小程序没有css中的  class:focus  class:hover等特性,转而使用hover-class的组件属性,并且只有view和button有,这个可算坑了我了,也是我没有好好看文档的锅

3.异步不支持Promise

  最开始天真的我老是会出现“卧槽,这个用户没有登陆怎么就在请求数据了?” “卧槽,怎么获取不到?” 这种感叹在我还不知道javascript是异步的时候经常发出,想想那时候,真的菜。乖乖开始用Promis了。小程序开发最开始 ,开发工具是支持Promise的,写起来真是666。额,上机运行,卧槽卧槽,这不是坑爹吗?手机居然不支持。好吧,只好引入第三方库才能避免魔鬼success回调。

4.小程序request POST方法

  post的时候,一定设置header,不知道他的默认header什么鬼,反正后台就是获取不到。还有,无论后台报什么错,只要返回了信息,哪怕是一堆exception,res.code照样200,哎。

5.request并发数量

  这个是后台的锅,写api那家伙写了短信接口,一个接口发一条,我写个循环一口气发20个,卧槽,直接把请求给我丢弃了。

6.用户名问题

  这个问题算是没有经验的锅,突然有一天,两个同学说,他们没法报名。卧槽,怎么可能?我自己用得好好的。查小程序运维日志,没有丝毫问题,自己报名也是666毫无障碍,卧槽,为什么啊。一个一个排除授权、操作系统版本、微信版本、网络问题以后,没辙了,把出问题的同志手机拿过来,远程调试,一看,登陆出现问题,用户标识没有存下来。各种测,小程序没有报错,当时我的心中就一个念头--‘后台的锅来了’,各种查证后,发现是因为这位同学的昵称里面有emoji表情,哈哈哈,数据库utf8插不进去,哎,又得半夜起来改数据库配置重启了。

原文地址:https://www.cnblogs.com/eating-gourd/p/8885663.html

时间: 04-16

小程序开发中有趣的事情的相关文章

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

微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方法:将图片用base64加密. 1.我们用在线加密对图片进行加密,这个网址百度一大堆,我只贴出一个http://imgbase64.duoshitong.com/ 2.将转换完成后的base64复制到我们要引用的地方. 3.设置样式(辅助代码,只有将这个图片做为background-image时注意设置如下属

9-简单实例(二)小程序开发中应注意的几个问题

前面,我们比较完整地讲了一个开放"知乎新闻"的实例.为什么说比较完整呢?因为只是那么一篇文章,要完整地讲完,谈何容易.反正有渔老师是没这个能力.下面接着来完善上篇文章,希望读者看完后,能更加深刻地认识微信小程序开发. 1.新添加的目录,有没有添加到app.json的pages里? "pages":[ "pages/index/index", "pages/detail/detail" ], 每添加一个页面,就需要把页面的路径写

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

前言 最近公司要开发一款电商小程序,匆忙看了一遍文档就开始干活了.整体开发体验个人感觉不太好,特别是如果之前习惯了Vue开发,突然去开发小程序,感觉很鸡肋.以下是我在开发中遇到的一些问题以及解决方法的总结,仅供参考 引入iconfont 在小程序中引入字体图标要比web麻烦一些,简单说需要三步: 下载iconfont,把iconfont.css复制到iconfont.wxss,在app.wxss中引入 查看iconfont在unicode模式下的在线链接,替换iconfont.wxss中的链接为

mpvue小程序开发中配置less支持

问题 开发小程序选定了mpvue框架后,然后是选择理想的小程序组件库,我选择的是Vant Weapp.但是,在Vant Weapp组件毕竟也是有限的,实际问题可能复杂得多.因此,把Vant Weapp组件与小程序原生组件(如swiper等)联合使用,甚至是开发自定义组件都是可能的.另一方面,使用Vant Weapp组件类似库的一个好处是,很大情况下,可以不必关注CSS样式的编写,但也不尽然.今天就遇到这样一个问题. 在mpvue框架时,我自然地使用了官方提供的mpvue-quickstart模板

小程序开发中应注意的事项

独立负责的小程序项目即将收工!现在提前总结一下开发过程中遇到的问题以及如何解决问题,预防下次遇到相关问题时还是无法解决! 一.作为一个想要以成为高级程序员为目标的小白,在动手敲代码前认真分析客户的需求应为重中之重!并且及时和客户沟通,避免自己吧东西做出来后并不符合客户的需求!这无疑加大了自己的工作量,而客户还不满意!同时,重点来了!小本本随时准备记录开发过程中遇到的问题以及客户临时提出的需求! 二.当客户提出录制视频演示时,应准备项目,以及字正腔圆的介绍!用大方自信的方式向客户展示当前的项目,避

微信小程序开发 --02

微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样. 首先,在微信小程序开发中,代码文件格式大体有以下四中: .wxml .wxss .js .json 首先,wxml后缀的文件类似于html和xml的结合,例如在html中常用的div在微信小程序开发中被替换成了view,而在html中输出文本用的p标签被替换成了text标签,引入图像由html中的img 标签变成了image标签,等等.如果你之前开发的w

微信小程序开发:学习笔记[3]——WXSS样式

微信小程序开发:学习笔记[3]--WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS与Web开发中的CSS类似.为了更适合小程序开发,WXSS对CSS做了一些补充以及修改. 文件组成 项目公共样式:根目录中的app.wxss为项目公共样式,它会被注入到小程序的每个页面. 页面样式:与app.json注册过的页面同名且位置同级的WXSS文件.比如注册了pages/rpx/index页

小程序开发之页面布局

Flex布局又称弹性布局,在小程序开发中比较适用.因此将Flex布局相关属性整理如下,搞清楚了这个布局,小程序开发的页面布局就不在话下了. 网页布局(layout)是CSS的一个重点应用. 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现. 2009年,W3C提出了一种新的方案--Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现

微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理

前言: 小程序开发中诸如获取用户手机号码.调起微信支付.领取卡券等api都是会有一定的延迟的.也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的. 虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下.如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常.所以这个问题还是要处理下的. 刚开始想到的是使用loading开启