自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 ts 生成雪花id

雪花算法

2024-07-10 11:16:00 199 3

原创 IndexDB封装

indexDB封装

2024-06-19 13:34:24 287

原创 vue3使用 JSX / TSX语法

vue中使用jsx/tsx语法实现灵活组件

2024-06-19 11:37:48 818

原创 自定义vue-cli 实现预设模板项目

其中,presets 保存的就是预设信息,test 是保存预设起的别名,我们的preset.json 需要的就是 test 的值,所以preset.json 中的内容就是这样。preset.json 中是一个包含创建新项目所需预定义选项和插件的 JSON 对象,让用户无需在命令提示中选择它们,简称预设;对于以 . 开头的文件,改成 _ ,例如 .eslintrc.js ==》_eslintrc.js。交互式的告知vue create所需,是根据用户使用需求自定义设置的信息。

2024-04-11 10:00:17 525

原创 axios封装终极版实现token无感刷新及全局loading

关于axios全局loading的封装博主已经发过一次了,这次是在其基础上增加了token的无感刷新。

2024-02-20 11:42:55 1038 2

原创 vue 发布自己的npm组件

npm发布自己的ui组件、业务组件

2024-01-29 11:37:51 533

原创 verdaccio搭建npm私服

npm 简单搭建私服;

2024-01-29 10:20:29 659

原创 scale自适应分辨率 实现缩放自适应(vue3)

【代码】scale自适应分辨率 实现缩放自适应(vue3)

2023-11-17 11:00:47 756

原创 vue3封装文字滚动组件

【代码】【无标题】

2023-08-18 17:06:18 329

原创 vue使用mqtt服务端实现即时通讯

vue中使用mqtt服务端实现即时通讯

2023-08-01 13:25:38 438

原创 JS实现队列的数据结构

在需要的文件当中使用。

2023-07-21 13:32:15 180

原创 JS文字转语音技术实现

最近在做排队叫号系统,涉及到文字转语音播报,因此总结了几种前端文字转语音发声的方法。

2023-05-24 11:27:18 6788 9

原创 vue3解决低版本浏览器兼容性问题

【代码】vue3解决低版本浏览器兼容性问题。

2023-04-25 08:53:59 6689

原创 vue3使用webSocket增加心跳监测以及断线重连功能

【代码】vue3使用webSocket增加心跳监测以及断线重连功能。

2023-04-19 16:12:10 2152

原创 vue3导航栏菜单搜索功能

vue3导航栏菜单搜索功能

2023-03-01 15:15:14 953

原创 vue采用screenfull全屏功能实现

【代码】vue采用screenfull全屏功能实现。

2023-03-01 15:08:58 387

原创 从零搭建React项目框架与基本封装

react 简单项目创建

2023-01-31 10:19:22 839

原创 前端生成uuid

【代码】前端生成uuid。

2023-01-16 08:54:12 641

原创 vue 自定义指令之防抖动函数

vue 自定义指令之防抖动函数

2023-01-10 13:47:45 141

原创 jenkins + nginx 前端自动化部署项目

jenkins + nginx 前端自动化部署项目

2023-01-10 10:41:51 331

原创 vue3+elementuiPlus 实现分页组件封装

vue3+elementui分页组件封装

2023-01-09 16:07:59 1659 3

原创 moment.JS获取今天,下周一,下周末,下月初,下月末

moment.JS获取今天,下周一,下周末,下月初,下月末。

2022-12-26 14:24:21 2576 1

原创 vue3中使用websocket

vue3中使用websocket

2022-12-05 17:03:38 8163 3

原创 vue3中Pinia的基础使用

Pinia是vue3用来替代vuex的方案

2022-12-05 16:35:25 113

原创 axios封装及全局loading实现

axios 封装及全局loading实现

2022-12-05 16:22:55 530

原创 vue3递归实现动态菜单

阉割版的动态菜单,data当中可以直接传路由数组,也可传递自己 构建的路由对象

2022-12-05 16:01:18 1046

原创 vue动态组件component

vue 实现的动态组件 可根据type 来映射ui组件

2022-12-05 15:28:02 483

原创 好看的登录页(可在css文件中配置颜色渐变)

【代码】好看的登录页(可在css文件中配置颜色渐变)

2022-11-08 10:45:19 1000

原创 list转Tree和手动过滤TreeNode

【代码】list转Tree和手动过滤TreeNode。

2022-10-17 11:49:51 474

原创 JS修改Css变量值

【代码】JS修改Css变量值。

2022-09-09 14:03:20 2075

原创 Vue3实现国际化多语言切换

vue3国际化多语言切换

2022-08-17 10:55:28 2471 1

原创 elementUI table滚动分页

当table 数据过多时 滚动加载

2022-08-17 10:03:22 2893 4

原创 JS文件下载

js下载页面的文本数据

2022-06-24 11:46:52 110

原创 JS一键复制功能

采用input框实现

2022-06-24 11:41:05 268

原创 JS文件上传

HTML部分 <div> <input type="file" class="file" multiple @change="fileChange" /> <el-button plain> <span style="vertical-align: mi

2022-04-26 13:53:48 1008

原创 JSON文件转Tree结构

JSON文件转Tree结构export function parseJson (treeData) { let resultJsonArray = []; let data = treeData; let obj = parseObj(data) resultJsonArray.push.apply(resultJsonArray, obj); return resultJsonArray;}function getElement (key, value) {

2022-04-26 13:35:55 2709

原创 JS获取本机IP的工具类

JS获取本机IP的工具类/** * 获取ip地址 */export function getUserIP(onNewIP) { // onNewIp - 回调函数 //兼容for firefox and chrome var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new myP

2022-04-26 13:28:29 1015

原创 从零搭建vue3.0项目框架与基本封装

从零搭建vue3.0项目框架与基本封装一、先卸载旧版本如果没有旧版本可直接跳过此步骤npm uninstall vue-cli -g二、安装Vue CLI 3npm install -g @vue/cli三、创建项目进入要创建项目的目录vue create name执行上述命令后,出现如下界面,选择配置,这里不选默认,选择自己配置根据自己的需求,选择相应的配置,这里按"a",全选,回车。这里选择3x,回车。这里问你是否使用class风格的组件语法,输入y,回车。这里

2021-12-08 09:39:04 3411 3

原创 vue深拷贝数组

废话不多说直接上代码let newData=JSON.parse(JSON.stringify(this.data))

2021-10-27 14:13:12 2789 2

原创 elementui 动态合并单元格

效果图废话不多说直接上代码1、:span-method=“objectSpanMethod” 在table属性中启用合并单元格方法 <el-table class="mytable" :data="drugDeptApplyDetailVOs" style="width: 100%;height: 600px;overflow: scroll" border @selecti

2021-10-27 14:10:24 4103

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除