![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Melody–Zhang
一线人员
展开
-
小程序开发之问题1:(文本/文字)内容过长显示点点点
在小程序开发中我们经常遇到,文本内容过长导致页面样式花掉的问题,这时候我们就需要限制文字显示长度,经常用的方法就是隐藏多出来的文字显示点点点单行文本过长显示点点点 .row { width: 400rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 多行文本显示点...原创 2019-08-05 14:04:11 · 4346 阅读 · 3 评论 -
小程序开发之问题2:传JSON对象的时候,遇到特殊字符(;/?:@&=+$,#)时解析报错
在小程序端,我们是通过JSON.stringify和JSON.parse来在页面之间传递对象数据的,我在开发中因为有些敏感数据采用了后端加密,前端解密再调用的方式,因为特殊字符"=",导致获取到这个"="号时,后面的数据都取不到了 通过查询资料分享找到了解决办法decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码en...原创 2019-08-07 12:46:28 · 1010 阅读 · 5 评论 -
小程序开发之问题3:js对敏感数据加解密方法(CryptoJS AES)
小程序开发过程涉及到一些敏感数据,为了安全考虑,要从后台对数据加密,传到前端进行解密使用 通过讨论,我们决定使用CryptoJS 中的AES 实现前后端通用加解密技术,这种加密方法更高级一些,安全性高些 安装包github下载地址CryptoJS-v3.1.2 下载以后打开rollups文件夹,根据自己加密需求,使用相关js, 这里我用的是AES 所以 以AES为例,我把roll...原创 2019-08-07 13:07:03 · 977 阅读 · 0 评论 -
微信小程序之问题5:左滑显示删除按钮,点击删除当前项
我们开发中,总会遇到一些删除功能列表的操作,在小程序中,触屏左滑操作,即显示可操作删除按钮,下面就是我写的一个demo,供前端开发人员参考:示例:WXML:<view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data...原创 2019-08-19 11:39:26 · 6275 阅读 · 3 评论 -
小程序问题之:自定义日期签到
小程序,可折叠签到日期:<image style="height:{{height}}" class='bg' src="{{calendarbg}}"> <view style="top:{{top}}" catchtap="foldAndUnfold" hidden="{{nowYear != showYear || nowMonth != showMonth}}"...原创 2019-08-11 16:49:23 · 824 阅读 · 5 评论 -
小程序开发之问题4:底部弹出框带动画(animate)效果
由于小程序多在移动端,页面较小,很多东西,不好全部直接显示,所以一些,不是必须要放在页面上的旧选择了用弹出框的形式,用户自己需要查看的时候,点击去查看详情:效果:直接上代码:这是wxss部分,样式可根据需要自定义.pop_bg { background: rgb(0, 0, 0, 0.3); width: 100%; height: 100%; position...原创 2019-08-16 10:35:40 · 1108 阅读 · 0 评论 -
小程序开发之问题6:使用getAccountInfoSync方法直接获取APPID
基于安全和可配置的appid考虑,我们就要避免直接将appid写在app.js里面,这时我们就需要内置方法getAccountInfoSync来实现了App({ onLaunch: function() { var that = this const accountInfo = wx.getAccountInfoSync() console.log(account...原创 2019-09-03 09:51:44 · 11452 阅读 · 1 评论 -
小程序开发之问题7:封装wx.request
开发中,会有多次的请求接口的调用,直接调用微信的wx.request()方法,会有很多重复的代码,代码冗余严重,所以我们为了减少不必要的重复,需要进行封装,如下:我们新建一个js,最好放在utils目录下,管理起来比较方便[文件名req.js]const app = getApp();function wxRequest(url, params, success, fail, com...原创 2019-09-03 15:10:33 · 229 阅读 · 0 评论 -
小程序开发之问题8:页面点击弹出框编辑
这里是常用的编辑个人信息的demo:这是一个编辑手机号的弹出框这是小程序页面html部分 <view class='list_item bottom' bindtap='editPhone'> <view class='item_label'>手机号码</view> <view class='item_value'>{{...原创 2019-09-03 16:23:46 · 896 阅读 · 0 评论