- 博客(108)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 项目常用函数封装总结
监听localstorage的变化多数组取交集判断两个数组是否有相同元素 返回相同元素（数组）判断hex颜色值是深色还是浅色随机生成深浅样色js判断是手机端还是移动端使用UA判断使用媒体查询判断fetch直接读文件内容，解决乱码问题前端导出文件将表格导出xlsx文件将表格导出 txt fasta fa csv tsv等文本文件js将二维数组转为 txt tsv csv fasta fa 等文本文件将字符串下载保存为 txt fasta fa csv tsv等文本文件下载文件文件
2022-07-08 20:13:02
5268
1
原创 前端将文本文件转换格式（xlsx，tsv，csv，fa，fasta等）
注意：这里需要转换的文本 有指定格式（大家可以根据具体情况具体转换，方法一样的）： tab分隔(\t) 以及换行（\n）
2025-03-19 10:40:02
204
原创 js 通过input，怎么把选择的txt文件转为base64格式
在前端开发中，Base64编码和File对象是处理文件数据时经常使用的两种方式。Base64编码常用于将二进制数据转换为文本格式，便于在网络中传输。而File对象则提供了处理用户上传文件的接口。本文将深入探讨这两种数据格式之间的转换，并通过多个示例来展示如何在实际开发中运用这些技术。
2024-10-15 15:06:11
435
原创 xlsx库插件读取excel文件
前端用input读取 .xlsx文件的内容项目中我用的ant-design-vue，不过用input一样的大同小异注意区分xlsx库和node-xlsx库的使用环境。
2024-09-27 09:41:07
658
原创 主题切换过渡切割效果
View Transitions API 提供了一种机制，可以在更新 DOM 内容的同时，轻松地创建不同 DOM 状态之间的动画过渡。同时还可以在单个步骤中更新 DOM 内容。
2024-09-04 14:18:13
493
原创 Electron程序逆向（asar归档解包）
只有一个 exe 安装包，前提是这个安装包是electron写的。使用工具解压就可以了，先安装这个工具。
2024-08-29 10:01:59
1755
原创 从零搭建vue3 + vite + ts 项目必备
从零搭建vue3 + vite + ts 项目必备This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 SFCs, check out the script setup docs to learn more.安装项目规范npm install eslint --save-dev#oryarn add eslint --devnpx e
2024-08-26 15:38:51
1249
原创 前端项目重新打包部署后如何通知用户更新
前端项目重新打包部署后，由于用户没及时更新页面，导致配置存的还是旧逻辑值，引发了线上问题；所以进行版本更新的通知功能就很有必要上马了。
2024-08-20 12:33:24
836
原创 前端各种文本文件预览 文本编辑excel预览编辑 pdf预览word预览 excel下载pdf下载word下载
前端各种文本文件预览 文本编辑excel预览编辑 pdf预览word预览 excel下载pdf下载word下载各种文本文件预览（pdf, xlsx, docx, cpp, java, sql, py, vue, html, js, json, css, xml, rust, md, txt, log, fa, fasta, tsv, csv 等各种文本文件）其中 除pdf，xlsx，docx之外的文本还可以修改，xlsx想要修改看我另一篇博客【先空着这两天就补上去】
2024-08-13 17:45:10
542
原创 js实现图片放大镜功能，简单明了
js实现图片放大镜功能，简单明了，js图片放大镜 写购物项目的时候，需要放大图片，这里用js写了一个方法，鼠标悬浮的时候放大当前图片
2024-07-10 10:06:23
1130
原创 windows、mac、linux中node版本的切换(nvm管理工具)，解决项目兼容问题 node版本管理、国内npm源镜像切换
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。 无须卸载现有版本，可同时安装不同的版本，有使用项目需要在linux，mac、windows三个系统中运行，所以三个系统最好都安装nvm
2024-05-18 10:41:00
9021
1
原创 axios封装以及详细用法axios请求拦截响应拦截请求重试请求终止 fetch请求
【代码】axios封装以及详细用法axios请求拦截响应拦截请求重试请求终止。
2024-05-12 12:34:23
629
原创 v-scale-screen 原理
大屏项目中的适配屏幕大小缩放原理demo还原。v-scale-screen 原理。// 这里可以写个防抖。
2024-05-04 21:37:11
923
2
原创 脚手架搭建项目package.json配置中依赖的版本问题
主版本（大版本） 必须 一般代表了项目的重大架构变更，如进行不兼容的API更改。此版本（次要版本） 必须 一般代表了一些功能的增加或变化，但没有架构的变化。增量版本（小版本） 必须 一般是一些小的bug修复，没有重大功能变化。预发布版本或版本编译信息 不必须 添加到最后，作为扩展。大版本.次要版本.小版本，如：1.0.0。
2024-04-23 10:06:51
654
原创 前端webWorker 的介绍以及应用
Web Workers 是在浏览器中运行 JavaScript 代码的一种机制，它们在主线程之外运行，可以在后台执行一些任务而不阻塞用户界面。Web Workers 使得在浏览器中执行多线程操作成为可能，这有助于提高性能和响应性。
2024-04-12 12:54:33
4702
1
原创 TypeScript 泛型工具类型
TypeScript 泛型工具类型在实际项目中的应用在TS中内置了一些常用的工具类型, 用来简化我们TS中的一些常见操作 这些泛型工具类型都是基于泛型实现的, 并且是内置的, 我们也可以直接在代码中使用。
2024-04-07 09:18:22
665
原创 new Blob()实现不同类型的文件下载功能
在前端项目实际开发过程中，经常需要对各种各样的类型进行下载，因为我不是前端出生，就自己在网上学习最后使用到自己的项目当中，代码冗余等低级错误还请多多指导。我发现用 Blob 二进制进行文件下载的比较多，我就采用了这一方式。下面是一份 Blob 的配置关系对应表，在我们使用Blob做下载功能时 ，根据需要下载的文件类型修改 type 值进行下载即可。
2024-04-02 14:02:42
3108
原创 前端虚拟滚动列表 vue虚拟列表
前端虚拟滚动列表 vue虚拟列表。在大型的企业级项目中经常要渲染大量的数据，这种长列表是一个很普遍的场景，当列表内容越来越多就会导致页面滑动卡顿、白屏、数据渲染较慢的问题；大数据量列表性能优化，减少真实dom的渲染看图：绿色是显示区域，绿色和蓝色中间属于预加载：解决滚动闪屏问题；大致了解了流程在往下看；
2024-03-31 00:08:43
9390
2
原创 前端导出word文件的多种方式、前端导出excel文件
前端导出word文件的多种方式、导出excel文件 纯前借助word模板端导出word文件 （推荐，前端借助word模板导出word，需要的依赖库：docxtemplater，pizzip，jszip-utils，file-saver，前端导出excel文件，需要的依赖库：node-xlsx，当让也可以借助xlsx库，这个看自己选择，只要实现客户想要的功能就行。
2024-03-01 11:58:02
5353
5
原创 Surely Vue Table表格css、js方法去除水印
注意：需要相邻选择器标签的用clip属性去隐藏，其他的可隐藏的css属性都被定义为行内样式且权重最好，这也算是在找漏洞吧；推荐使用css，js要遍历所有div，增加性能损耗。在main.ts文件中全局引入。
2024-02-23 14:07:56
1920
2
原创 vue3、vue2以及非vue项目中拖拽改变dom结构以及数组顺序 vuedraggable
vue.draggable.next 是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景，本人在工作台和多选项卡环境下实践过，比自己实现的拖拽效果优雅多了，使用的方法也非常简单但和vue2版本的用法有一些vue语法上的区别，本文档将会列举全部的属性和事件。
2024-01-31 10:35:56
983
原创 12个强大的 JavaScript 动画库，可帮助你提升用户体验
作为开发人员，利用这些工具无疑将增强您的项目，并使其在竞争日益激烈的数字环境中脱颖而出。网络借鉴，如有侵权，联系我删除。
2024-01-26 15:23:55
1292
原创 项目中使用iframe引入html 解决路由错乱问题以及父子组件传值调用方法
#微前端【代码】项目中使用firame引入html 解决路由错乱问题。在项目中使用firame引入html，引入的html中有路由跳转，当点击html页面中的路由跳转时，浏览器history会记录次路由，当在引入iframe返回上一级的页面中使用 router.go(-1)就会返回iframe中距离的路由，这样不符合逻辑解决方案如下：主要是由于浏览器history记录了iframe嵌入页面的路由信息，这个信息不论是iframe内的地址跳转，还是iframe src的切换，都会被记录，下面给出解决方案
2024-01-11 15:58:56
1046
原创 linux（ubuntu）中crontab定时器命令详解 以及windows中定时器
crontab 是一个用于创建、编辑和管理用户的定时任务的命令，它可以让用户在指定的时间自动执行指定的命令或脚本。service cron status 查看服务运行状态service cron start 启动服务service cron stop 停止服务service cron restart 重启服务 每次设置完记得重启一下
2024-01-09 10:53:26
3169
原创 Git 配置多个 SSH-Key
一般不对遇到这种问题，除非想用ssh拉去代码，但是不同的项目有在不用的gitee账号上面存放。注意这里的 id_rsa 的权限要更改为600， chmod 600 /home/dell/.ssh/id_rsa。 注意第二个的 Host 是agitee.com。先用下面命令新建两个公钥（注意换名字）
2023-12-21 16:30:48
716
原创 若依项目form表单过大报错Failed to execute ‘setItem’ on ‘Storage’: Setting the value of ‘sessionObj’ exceeded t
若依项目，富文本上传报错：Failed to execute ‘setItem’ on ‘Storage’: Setting the value of ‘sessionObj’ exceeded the quota.
2023-12-20 18:56:53
3704
原创 vue3 tab切换 动态组件
组件实例信息 如果你把组件实例放到Reactive Vue会给你一个警告：Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. Vue 收到一个组件，它被做成一个反
2023-11-23 15:38:46
1422
原创 Linux系统中sh脚本编写
我们在使用linux系统开发的过程中，经常会遇到一些重复的操作，想copy, push等等。这个时候我们就可以自己编写一个sh脚本，使用sh脚本操作这些重复的动作。直接 sh xx.sh脚本执行命令即可/bin/sh 和 #!/bin/bash 都是脚本文件的开头，用来指定脚本文件的解释器。其中 #!/bin/sh 指定的是 Bourne shell 解释器，而 #!/bin/bash 指定的是 Bash shell 解释器。
2023-11-18 22:06:45
7031
原创 axios封装以及详细用法axios请求拦截响应拦截请求重试请求终止
在前端项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。
2023-10-26 16:57:40
751
2024前端面试八股文2024前端面试八股文2024前端面试八股文
2024-08-17
git常用命令教程，新老手必看，研究透可视化git工具
2024-08-17
java+sql 学生管理系统
2023-07-13
html+css 表白专用特效
2023-07-11
vue3中使用vuedraggable
2023-07-10
纯前端导出word、pdf、excel、txt、svg文档方法与技巧（附带问题总结）
2023-07-10
jquery tab切换，jquery tab切换，jquery tab切换，jquery tab切换
2023-07-10
js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素js数组删除指定元素
2023-07-10
mysql装教程mysql装教程mysql装教程
2023-07-10
Promise的原理是基于状态转变
2023-07-10
国内npm源镜像（npm加速下载）
2023-07-10
前端工程师必备+vue面试题
2023-07-08
mysql必备面试题，mysql必问的面试题
2023-07-08
前端用Highcharts 写 venn图 鼠标悬浮效果以及点击事件
2023-03-09
react+node+mysql写的登录注册demo，安装包管理，导入sql文件，可以直接运行
2022-08-22
高校实验室管理系统（jsp+mysql）附带设计word设计报告+文献综述+运行说明书+源代码+所需要的应用软件，可直接运行
2022-06-01
高校机房管理系统（jsp+mysql）附带设计说明书+源代码+文献综述+运行说明书+所需要的软件+有手就能运行，期末项目作业必备
2022-06-01
图书管理系统源码（jsp+java+tomcat+mysql+eclipse）可以直接运行
2022-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人