- 博客(6)
- 收藏
- 关注
原创 在线考试防止切屏功能
今天分享一个考试防止切屏作弊的功能需求效果如动图:需求描述:不难看出,这是只要考试页面不在当前页面的都会被看做是切屏,当超过设置的考试切屏允许的最大次数时(在考试管理里面会有这个功能),就会自动交卷停止作答。关键点1:在vue生命周期mounted钩子里面,添加一个监听页面可见或不可见的事件visibilitychange关键点2:为visibilitychange事件绑定一个函数,在此函数中获取页面元素的状态document.visibilityState关键点3:调用后台接口,获取在考试管理
2021-10-14 17:55:30
11109
12
原创 可以有多个类型的左右穿梭选择框
分享一个左右穿梭框,能够选多种类型(部门、人员、角色)需求效果如动图:需求描述:做一个发起人的选择框,能够从三个维度进行选----部门、人员、角色。在组织结构这一栏,全选是选择的这一层级所有部门和人员,不包括下一个部门里的部门,但是不同的部门有相同的人员,这个人员需要被选上。如果选择了这个部门,那么就不能查看这个部门下的子部门进行选择,但是可以先选择子部门里的部门和人员,然后再回来选择父部门。右侧已选择列表可以删掉已选人员、部门、角色,左侧的复选框也需要相应的去掉。难点1:组织结构部门的左移和右移,
2021-09-17 15:39:53
1109
原创 将图片和PDF二进制文件流转化为可以查看的地址
分享一个将图片和PDF二进制文件流转化为可以查看的地址需求继上一次在表格中需要将树类型扁平化为数组之后,产品说为了更满足客户的适用性,需要将文件名称后缀为jpg、jpeg、png的文件点击能够查看图片,后缀为pdf的文件能够查看pdf(之前的需求是点击文件名称下载文件)。其实这个需求应该是很简单的,只要后端返回src能够查看的地址就可以;但是期望总是相反的,后端大哥不返,那么就只能自己来进行转换。解决步骤1、先为每一个列表数据做一个分类-----picture、pdf、other。// 为资料
2021-08-06 17:12:50
1891
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人