![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
微信开发者工具、HTML、CSS、JS开发相关
小桥流水叮冬
开发小白一只~欢迎交流学习~~
展开
-
#金数据#微信小程序#微信小程序跳转金数据小程序并获取问卷信息
问题描述:需要实现 在我们自己的微信小程序点击跳转到金数据小程序填写问卷,并且填写问卷后能够把问卷数据保存到项目的数据库里。解决方法:1.微信小程序端,主要实现跳转另一个小程序的功能。 //按键点击跳转金数据小程序 gotoJin(e) { //后面的token是要跳转的问卷编号 let url = 'pages/forms/publish?token=cfAtMA' wx.navigateToMiniProgram({ appId: 'wx34b0738d0ee原创 2022-01-22 20:40:58 · 1818 阅读 · 0 评论 -
#微信小程序#参照微信朋友圈实现内容回复、弹起输入框在软键盘之上
实现的是一个展示用户历史打卡数据,其中部分打卡有工作人员点评,而用户可以回复工作人员的点评(仅能回复一条)。界面效果如下图所示:简单记录整理一下这个界面的代码。纠结很久的点在于如何做到像微信朋友圈那样,点击评论按键,弹出输入框和软键盘,并且输入框的位置刚好对准需要评论的内容底下。我目前只实现了前半部分,输入框的位置还不能很好地对准内容组件的底部,并且使用感并不好,弹出收回输入框和软键盘的过程卡卡的。后续还要不断优化。<!-- wxml --><block wx:if="原创 2021-12-29 17:25:40 · 2276 阅读 · 1 评论 -
#JavaScript#微信小程序#在前端解决 前端接收到Date时间类型的数据 比数据库里少一天
**问题描述:**数据库字段类型为Date,存储的时间都是12-15,但是前端收到的都是12-14,而且收到这个数据在前端无法当作date类型来使用getYear等方法。解决方法:网上查询后应该是时区的问题,多数是提供了后端解决思路。这里提供前端解决的很简单的方法。var actualDate = new Date(receivedDate)这样就能够正常显示时间,而且能够调用date类型的方法了。...原创 2021-12-19 12:15:20 · 873 阅读 · 0 评论 -
#微信小程序#路由跳转 传递参数出现错误,因为参数不能是对象
问题描述:在A界面获取了一个数组,需要在B界面显示,于是用路由跳转时直接“?list=this.data.list”,到B界面查看list时发现数据不对。解决方法:官方文档这是因为传递参数不能是对象,需要先用JSON.stringify()将对象转成字符串进行传递,到了B界面再用JSON.parse()解析获得对象。如果是个对象数组,则需要进行两步,先对每个对象元素进行JSON.stringify(),再对整个数组进行JSON.stringify()。如果有什么不对的还请指正,欢迎讨论~..原创 2021-12-11 16:48:37 · 1284 阅读 · 0 评论 -
#微信小程序#wx:for循环时点击其中某个子组件如何获取它的下标?
问题描述:在小程序中写一个循环组件,需要实现这个功能:点击其中某个子组件,就把这个组件从这个数组中删除,但是不知道点击事件中返回e如何加入代表该子组件下标的信息。wx:for用到的是一个普通数组[a,b,c],不想要写一个对象数组,给每一个元素一个序号属性[{value:“a”, id:“0”}, {value:“b”, id:“1”}, {value:“c”, id:“2”}],而是直接获取它的下标。解决方法: <block wx:for="{{photoList}}" wx:f原创 2021-12-11 16:39:23 · 4719 阅读 · 0 评论 -
#微信小程序#HTML#怎么以文本在前端展示小于号?<<<< 转义符号为什么失效?
问题描述:微信小程序需要在界面显示bmi<20类似的文本,但是直接<view>bmi<20<view>没用,<会被当作错误,上网找了<的转义符号是<,然后直接<view>bmi<20</view>也没用,前端直接照样显示了这些转义符号而不是<。解决方法: <text>BMI<18.5</text>是的,需要用text组件。就跟\n一样。...原创 2021-12-11 16:20:28 · 963 阅读 · 0 评论 -
#CSS#搞懂flex布局中常用的各个属性justify-content align-items align-content.....
.container { display: flex; /*通过display设置布局类型为flex*/ flex-direction: column/row/column-reserve/row-reserve; /*该属性规定这个flex容器内的项目排放规则,一列一列来还是一行一行来*/ flex-wrap: wrap/nowrap/wrap-reverse; /*该属性规定容器内的项目排放时是否要换行,如果不换行,那么无论有多少个子项目,都会无视宽度设置,在一行内排放下去。对directi原创 2021-12-11 16:13:07 · 488 阅读 · 0 评论 -
#JavaScript#捕获异常、字符串指定位置、控制小数位数
1.捕获异常try 测试代码块中的错误catch 处理错误throw 创建自定义错误finally 在try、catch后一定会执行的代码在微信小程序中的实际运用 try { let list = JSON.parse(ss) ...... } catch(e) { //JSON.parse(ss)可能会报错,传入了另一种数据类型 需要另外的处理方式 ...... }2.字符串指定位置let str = "Hello JavaScript A原创 2021-12-11 15:44:35 · 450 阅读 · 0 评论 -
#微信小程序#自定义弹窗设计、picker-view的使用
1.问题描述:有一大段对界面中使用到的内容进行理论解释的文字,放在界面上占地方且不好看,点击按钮跳转另一个界面又觉得没必要,所以需要点击按钮在原界面出现一个弹窗,而且弹窗出现后无法再滚动界面。最终效果图如下所示:解决方法:<!-- wxml --><view class="container"> ... <view wx:if="{{flag}}" class="show" catchtouchmove="{flag?true:return}" bindtap="n原创 2021-11-29 12:08:49 · 1566 阅读 · 0 评论 -
#微信小程序#固定头部组件不动,在页面滑动时也不动
问题描述:写了一个搜索界面,想把搜索框固定在头部,滑动搜索结果时搜索框还是在最上面。解决方法:<!--wxml--><view class="top"> ....</view><scroll-view class="result"> <block wx:for="{{list}}"> <view> .... </view> </block></scoll-view>原创 2021-11-29 11:29:06 · 3220 阅读 · 1 评论 -
#微信小程序#如何输出一个换行符?
问题描述:需要展示一长文字,内分多个段落。在wxml中<view>这是一段文字/n这是第二段文字</view>输出虽然\n没有显示,但是也没有实现换行效果。解决方法:<text>这是一段文字\n这是另一段文字<\text>使用text标签即可正常实现换行。在社区里看到有说单引号包围的文字无法正常换行,双引号可以。...原创 2021-11-29 11:12:05 · 1428 阅读 · 0 评论 -
#JavaScript#对象数组排序、数组裁剪
问题描述:有一个对象数组,该对象有个属性level,值可能为“重要”、“中等”、“普通”,从后端获取这个对象数组后,需要将其按照它的重要程度展示在前端,所以需要有一个能够用于对象数组排序的方法。解决方法:平台为微信小程序function sortLevel(a,b) { if (a.level == "重要") return -1; else if (b.level == "重要" || b.level == "中等") return 1; else return -1;}l.原创 2021-11-29 10:53:43 · 478 阅读 · 0 评论 -
#微信小程序# 父组件给子组件动态传值
问题描述:component为一个圆环,page引入这个component,根据后端传值决定圆环显示比例,所以需要page动态给component传值。解决方法:1.page里引用component的地方 .wxml <view class="a_circle_item"> <circle2 r="70" p="{{protein}}"/> <view>蛋白质</view> </view>原创 2021-11-15 19:46:14 · 1452 阅读 · 0 评论 -
#微信小程序#JavaScript# 如何截取数字的有限小数位数?
问题描述:x=1.1315926123456,但是输出显示只想要 x=1.13,怎么办?NumberObject.toFixed(num)x.toFixed(2)参考W3school里的JavaScript教程其实微信小程序里的很多问题都可以在JavaScript里找原创 2021-11-15 19:34:53 · 591 阅读 · 0 评论 -
#微信小程序# 如何获取和表示时间?
util.js这个文件里有关于时间的一系列方法,在你要用到时间的文件里引入这个文件var util = require('/utils/util.js'); 获取当前时间 var currenTime= util.formatTime(new Date());util.js里还有不少格式化表示时间的方法,可以根据实际需要调用。*///开发学习中~ 欢迎留言交流~~~~*...原创 2021-11-15 14:04:59 · 668 阅读 · 0 评论