luquinn的博客

原创 线上项目https看不了http的图片解决

解决方式：由后端转发，前端将图片url接口传给后端， 后端返回blob数据流展示，前端对图片url相同的进行缓存，不会重复发请求。封装方法utils/transitionImage.ts。

原创 vue-template-admin框架table组件在列表编辑排序

【代码】vue-template-admin框架table组件在列表编辑排序。

原创 vue-elementplus-admin中table组件全部展开折叠

【代码】vue-elementplus-admin中table组件全部展开折叠。

原创 vue-elementPlus-admin中form组件的select多选全选代码

【代码】vue-elementPlus-admin中form组件的select多选全选代码。

原创 前端生成二维码扫描登记进场

【代码】前端生成二维码扫描登记进场。

原创 vue3vue-elementPlus-admin框架中form组件的upload写法

index页面记得处理提交的数据。dialog中write组件代码。

原创 vue3table列表合并列相同数据

弹窗内table，合并第一列和第二列相同数据。

原创 uniapp项目输入车牌号组件

车牌号输入

原创 前端上传图片压缩kb

【代码】前端上传图片压缩kb。

原创 前端图标库

Iconify - home of open source iconsIcônes

原创 vue3面试题

app.directive('lazy'，{ // app.directive('指令名‘，配置对象).......})复制代码泛型是可以在保证类型安全前提下，让函数等与多种类型一起工作，从而实现复用，常用于：函数、接口、class 中需求：创建一个 id 函数，传入什么数据就返回该数据本身(也就是说，参数和返回值类型相同)复制代码比如，id(10) 调用以上函数就会直接返回 10 本身。但是，该函数只接收数值类型，无法用于其他类型。

原创 video视频播放禁止拖动进度条静音

【代码】video视频播放禁止拖动进度条静音。

原创 web端vue-esign承诺书签字保存图片上传

npm i 安装vue-esign。

原创 vue签字组件VueSignaturePad客户签字生成图片上传保存

main.js引入，use。

原创 使用el-radio控制台报错aria-hidden解决办法

important;important;

原创 uniapp项目手机调试

public文件index.html中。

原创 uniapp项目实现签字转图片保存上传

【代码】uniapp项目实现签字转图片保存上传。

原创 前端登录页面滑块验证

在src/components放入附件captcha文件夹。

原创 后端返回数据是Number类型，精度丢失

后端返回的number类型超出16位的1843571774531338241变成了1843557513943941000，导致数据错误。或者前端安装插件解决，不过还是后端改更方便些~~让后端改成字符串格式就好啦。

原创 2024 年 最佳 JavaScript 动画库

示例：（使盒子元素向右移动 300 像素，同时旋转 360 度并具有弹性效果。示例：（一秒钟内将元素向下平移 200 像素并旋转 45 度。10. Framer Motion：React 的动画超级英雄。该 React 组件在 2 秒内向右移动 100 像素的动画。示例：（绿色 3D 立方体，可以对其进行操作和设置动画。这条简单的线在一秒钟内将一个盒子向右移动 100 像素。7.GSAP（GreenSock动画平台）：动画强国。示例：（3 秒内平滑移动并放大圆形元素。创建一个随着用户滚动而缩放元素的动画。

原创 推荐开源微信小程序 源码地址

源码：https://gitee.com/virus010101/linfeng-community。源码：https://gitee.com/guchengwuyue/yshop-drink。源码：https://gitee.com/landalfyao/ddrun。源码：https://gitee.com/kevin_chou/qdpz。源码：https://gitee.com/wulivicor/exam。源码：https://gitee.com/chowa/ejyy。

原创 vue-element-plus-admin框架table组件的多选改单选

【代码】vue-element-plus-admin组件table多选改单选。

原创 js点击复制方法

【代码】js点击复制方法。

原创 AI工具集

原创 前端最新技术栈前端开源框架（ps源码链接）

Github：https://github.com/vbenjs/vue-vben-adminGithub：https://github.com/soybeanjs/soybean-adminGithub：https://github.com/arco-design/arco-design-pro-vueGithub：https://github.com/HalseySpicy/Geeker-AdminGithub：https://github.com/pure-admin/vue-pure-adminGi

原创 css实现现代布局

首先指定 grid 作为 display 方法，然后在同一个元素上写入 place-items: center。place-items 是同时设置 align-items 和 justify-items 的快速方法。通过将其设置为 center ， align-items 和 justify-items 都将设置为 center。使用 aspect-ratio 属性，当调整卡片大小时，盒子保持 16 x 9 的宽高比。这使得内容能够在父级内完美居中，而不管内部大小。

原创 前端 js sm2实现加密

在你的 Vue 组件中引入。你可以通过 npm 安装。

原创 后端返回数据流Blob，前端下载、导出Excl

【代码】后端返回数据流Blob，前端下载、导出Excl。

原创 前端页面水印实现

封装utils页面使用。

原创 字体大小统一解决方案

在src的目录下找到assets文件里面的的css文件夹在里面创建公共的按钮样式+表格样式+树形菜单样式文件然后在这些文件中写上样式属性。第一步、在src的目录下找到assets文件里面的的css文件夹，创建全局的variable.scss文件，并在文件中声明css变量。说明：把公用样式分门别类写在不同的类型文件之后，在使用时，直接绑定class类名就可以嘞，极大的减少了组件或页面的代码行数。3.代表中号，4.代表大号，5.代表超大号。在已经挂载到全局的global.scss文件中引入创建好的。

原创 前端登录密码加密传输

由于页面没有做对于页面的权限处理，导致可以通过页面输入地址强行进入，校园安全检查是通过路由守卫配合菜单数据来进行权限的处理，在跳转页面时判断如果这次跳转的地址不在菜单列表与白名单中，表示没有权限，以这种方法完成权限的处理。首先前端会有一个公钥，后端会有一个私钥，公钥和私钥都是后端生成的，一般是在登录页面请求后端的公钥接口，以校园安全检查页面为例。因为系统登录页面没有添加验证码，所以解决方法是添加后端生成的图形验证码。项目登陆时，登录接口使用post请求，密码没有加密，明文传输。本次使用的RAS加密，

原创 h5签字转图片

npm下载vue-esign。

原创 前端面试题-js&webapi

事件代理的原理是DOM元素的事件冒泡。- 事件冒泡阶段：当一个元素的事件被触发时，**同类型事件**将会在该元素的所有祖先元素**由内而外中依次被触发**。答：js是单线程执行的，页面加载时，会自上而下执行主线程上的同步任务，当主线程代码执行完毕时，才开始执行在任务队列中的异步任务。- 事件捕获阶段：当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素**由外而内依次被触发**。- **arr.splice(从那开始删除，删除几个，添加的项1，添加的项2，添加的项3，......)**