js
咸鱼打工人
这个作者很懒,什么都没留下…
展开
-
vue实现手机端,手势切换左右滑动的功能
背景: 需要在手机端实现图片预览,同时支持用户手势左右滑动时,图片可以进行切换查看。技术实现: 实现思路事件主要是参照屏幕的触摸事件:touchstart、touchmove和touchend。事件简要介绍:touchstart 主要指手指触摸屏幕时触发事件,即使已经有手指在屏幕上也会触发。touchmove 主要指手指在屏幕滑动时触发事件。touchend 主要指手指从屏幕时移开时触发事件。代码实现:事件绑定:原生js绑定:...原创 2021-10-19 10:36:52 · 3355 阅读 · 0 评论 -
web安全:JS纯前端实现图片或文件安全的上传和下载功能
背景 在做前端开发的过程中,做过很多的项目,都会遇到图片预览和展示。一般的图片都是用于页面美化,信息解释说明的作用。但是在接触某些业务场景时,例如用户注册需要上传用户个人身份证照片,办理业务需要上传证明材料图片,这类图片信息属于个人隐私,在网络传输过程中,可能会出现泄露,极大的安全风险。所以对于涉及个人隐私的图片在网络传输过程中有极大的安全要求。 解决方案 图片上传 上传图片过程中,传输数据指定为二进制类型,在request请求体,Header...原创 2021-09-29 15:19:58 · 2606 阅读 · 0 评论 -
javascript纯前端,实现excel表格导出功能(单行表头)
需求背景 系统中查询统计类表格数据,用户需要导出成excel文件,方便用户使用。需要前端实现excel导出功能,这里我采用xlsx.js进行实现,excel导出功能。项目采用vue架构,实现方案具体如下所示:功能实现:1:安装xlsx相关依赖npm install --save xlsx npm install --save file-save // 保存文件依赖npm install script-loader // 转二进制流依赖2.从网上...原创 2021-09-04 16:21:19 · 669 阅读 · 0 评论 -
Javascript纯前端实现验证码
需求背景: 项目的登陆过程中,为了防止有人恶意破解密码,短时间反复登陆攻击服务器、刷票、论坛灌水等行为。添加登陆验证功能,随机生成字母或者数字,四位数验证码,用户输入用户名和密码后,同时输入验证码,通过验证后才能进行后续登陆操作。代码实现: 此处四位数验证码,通过canvas绘图实现,简单对整个生成逻辑进行了封装具体代码实现如下图:class CodeVerfiy{ constructor(options){ this.op...原创 2021-08-26 22:20:17 · 1379 阅读 · 0 评论