自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 SVG闪烁效果

svg闪烁效果 2024-09-04 183047。

2024-09-05 14:45:00 237 1

原创 file-burst前端大文件上传

具体在npm搜索 file-burst。缺点: 1.缺少文件完整性校验,断点续传也就gg。2.上传速度并未提升,未采用并发请求。优点:体积小,冗余少。

2024-05-06 17:58:27 130

原创 二次封装前端本地存储localStorage与sessionStorage

typescript二次封装前端本地存储localStorage与sessionStorage实现同源下多个应用进行存储隔离解决方案。

2024-01-29 17:41:10 468

原创 前端页面添加水印

采用了三种方式实现,1.css伪元素通过插入style样式其实有点笨。2.svg的方式是写的比较简单的,只能给全屏,但应该是性能最棒的一种方式。3. 插入html元素应该是比较常见的方式,可以监听修改与删除,但我觉得是个非必要的能力。实际上懂得利用开发者工具去删改水印的人也都是开发者,身为开发者应该明白水印的意义。

2024-01-23 16:05:12 570 1

原创 monaco-editor使用

【代码】代码编辑器monaco-editor实践。

2023-11-07 20:15:00 608 1

原创 eventbus封装

eventbus就是数据总线,全局通信的一种方案。很多语言都有这个东西。我的看法是这个东西看似好像很好用,随便哪里都能通信,代码写的还不多,好理解。实际除非你的项目很小,需要全局维护的地方不多,用这个图个快捷方便。使用问题还是多多,重复发布相同名称的事件就有bug了,发布了不卸载,就内存泄露了。项目中用的多了,就难以维护了。吐槽:我目前面对的问题是,接手了一个项目,总是会内存溢出。我就去通过开发者工具去排查,发现这个内存总是下不来。

2023-06-30 14:28:58 389

原创 axios + ts封装请求方法

axios + ts请求封装

2023-06-07 11:25:18 2365

原创 element-plus 自动引入全局配置size、zIndex、locale

组件形式配置全局。全部引入、自动引入、按需引入都可用

2023-03-03 15:15:00 3631

原创 一个vue3实时时间的自定义指令

这是一个vue3自定义指令......

2023-01-10 14:12:35 357

原创 vue+Echarts 实时大屏看板

因为是国企线上应用的活动大屏,我就不附图了。代码仅供参考。一、vue配置1. 我是用vue-cli 搭建的,大屏项目复杂度不高,vue-router、vuex 、axios、sass 等都可以不用,vue、echarts就够用。2. vue.config.js 配置就正常配,出口入口等基本配置我就不展示了,这两个配置项大屏还有点用。主要是我把每个图表都拆成了单独的组件,没封装公共的图表组件,一些重复的样式还有一些scss的函数可以写在公共的文件里,我是开发环境用了sass。

2022-10-09 00:00:00 4631 4

原创 windows 配置nvm(node版本切换工具)

在项目开发中所需的node版本可能不一致,这个时候我们需要一个node版本管理工具,我以Windows系统为例。nvm版本为最新版本1.1.9这里仅限安装过node的电脑所需要的卸载过程,如未安装过跳过此步骤。https://github.com/coreybutler/nvm-windows/releases 下载后的安装过程 nvm:此步骤建议安装到C盘根目录(安装到别的目录可能会有问题) node:安装目录 (只是配置了一下,下面需要下载)

2022-07-03 11:00:05 1978 2

原创 js 生成二维码(qrcodejs)

前言最近根据自己的需求寻找到了一款简单易用的生成二维码插件,特此分享一、使用步骤1.下载插件npm i qrcodejs2或yarn add qrcodejs2二、vue 中使用1. vue 2<template> <div> <div ref="qrcodeDom"></div> <button @click="show">展示二维码</button> <bu.

2022-03-17 00:00:00 11916 5

原创 react-router-dom v6 使用

目录第一章 :react-router-dom 简述第二章 :v5 和 v6 区别第三章 :简单的使用前言react-router-dom v6 距离更新也是有段时间了,相比于v5 来说,使用起来更加的方便,体积也更小,赶紧跟着我快速上手吧提示:以下是本篇文章正文内容,下面案例可供参考一、react-router-dom 简述演示代码所使用的是这个版本┗|`O′|┛ 嗷~~1.下载 npm install react-router-dom --save.

2022-01-16 21:59:00 1994

空空如也

空空如也

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

TA关注的人

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