- 博客(8)
- 收藏
- 关注
RSS订阅
原创 老项目将VUE2.0项目vue-cli配置改造成vite项目配置
vite介绍vite是尤大大开发的一款新的提供项目基本的脚手架和开发服务器的构建的工具。它不同于webpack做到了本地快速开发启动，模块热更新，按需编译，有无需等待整个项目编译完成的优势。原理是利用浏览器现在已经支持es6的import，根据项目实际加载需要，遇到import才会发送一个http去服务端请求加载文件。背景目前在公司维护一个之前开发以VUE2.0为基础采用vue-cli打包的项目。因为经过后面的业务需求开发迭代，使得目前项目像滚雪球似的慢慢变得很大。导致目前项目打包速度很慢，通常
2021-08-09 11:07:18
4138
2
原创 vue实现手机端，手势切换左右滑动的功能
背景： 需要在手机端实现图片预览，同时支持用户手势左右滑动时，图片可以进行切换查看。技术实现： 实现思路事件主要是参照屏幕的触摸事件：touchstart、touchmove和touchend。事件简要介绍：touchstart 主要指手指触摸屏幕时触发事件，即使已经有手指在屏幕上也会触发。touchmove 主要指手指在屏幕滑动时触发事件。touchend 主要指手指从屏幕时移开时触发事件。代码实现：事件绑定：原生js绑定：...
2021-10-19 10:36:52
3356
原创 web安全：JS纯前端实现图片或文件安全的上传和下载功能
背景 在做前端开发的过程中，做过很多的项目，都会遇到图片预览和展示。一般的图片都是用于页面美化，信息解释说明的作用。但是在接触某些业务场景时，例如用户注册需要上传用户个人身份证照片，办理业务需要上传证明材料图片，这类图片信息属于个人隐私，在网络传输过程中，可能会出现泄露，极大的安全风险。所以对于涉及个人隐私的图片在网络传输过程中有极大的安全要求。 解决方案 图片上传 上传图片过程中，传输数据指定为二进制类型，在request请求体，Header...
2021-09-29 15:19:58
2607
原创 问题解决：前端无法获取到来自后端header中定义的token.
问题背景： 项目中，在做前端请求，访问接口访问权限控制或登陆权限控制时，会用到token，而token会在一定时效性，而后端会在token失效后，生成新的token,返回前端进行暂存。而这时出现前端从，response返回中无法获取token的情况。问题分析： 前端通过写一段请求response拦截器，发现response的header中没有token关键字。经过分析过后，发现是后端没有对在返回过程中，没有对header进行配置导致。问题解决： ...
2021-09-09 09:47:38
3248
原创 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
原创 Javascript纯前端实现验证码
需求背景： 项目的登陆过程中，为了防止有人恶意破解密码，短时间反复登陆攻击服务器、刷票、论坛灌水等行为。添加登陆验证功能，随机生成字母或者数字，四位数验证码，用户输入用户名和密码后，同时输入验证码，通过验证后才能进行后续登陆操作。代码实现： 此处四位数验证码，通过canvas绘图实现，简单对整个生成逻辑进行了封装具体代码实现如下图：class CodeVerfiy{ constructor(options){ this.op...
2021-08-26 22:20:17
1379
原创 centos7(linux)环境下，安装java环境
安装java环境，首先输入java -version查看目前linux环境中，是否已经安装过java环境。出现如下图所示，则说明linux系统未安装java环境，需要安装java相关环境。安装过java环境展示结果如下：...
2021-08-20 22:23:08
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人