自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(132)
  • 资源 (4)
  • 收藏
  • 关注

原创 封装一个中间大两头小的轮播图(vue-awesome-swiper、vue2)

两头大中间小轮播组件的封装。

2023-11-09 14:08:31 848

原创 纯前端实现的验证码

纯前端实现的验证码

2023-11-06 18:23:49 1337

原创 使用 Threejs 从基础开始构建 3D 地球

使用 Threejs 从基础开始构建 3D 地球。

2023-11-06 09:37:43 1078

原创 大文件分片上传-续传-秒传(详解)

大文件分片上传详解

2023-10-27 15:03:07 297

原创 搭建nuxt3项目(框架构建)

nuxt3框架搭建和使用

2023-10-25 08:54:23 1674

原创 Promise详解:手写Promise底层-实现Promise所有的功能和方法

手写一个TestPromise,实现以下promise所有的功能和方法, 更好的理解promise底层逻辑。

2023-10-22 12:51:04 271

原创 一个简易的低代码

最近接手了一个低代码平台可视化大屏做二次开发,在这里做一些记录。低代码平台简介:低代码平台是一种开发工具,它可以让开发人员使用简单的拖拽和配置来创建应用程序,而不需要编写大量的代码。低代码平台通常包括一个可视化的界面编辑器,可以让开发人员通过拖拽和配置来创建应用程序的用户界面和业务逻辑。相关低代码平台大屏可视化低代码,在线体验 8.3kamis 可视化编辑器,在线体验 1.9k。

2023-10-19 08:51:47 152

原创 three.js学习-智慧城市

three.js实现的智慧城市

2023-10-16 10:02:26 1205 6

原创 axios的请求中断和请求重试

使用 Axios 的拦截器拦截响应,则尝试再次发送请求,通过设置 retry 和 retryDelay 来控制重试请求的数量和每个请求之间的间隔。

2023-10-12 21:39:34 2493

原创 虚拟列表本质以及解决方式

虚拟列表

2023-10-12 12:50:51 357

原创 three.js项目--在线选车

three.js在线选车

2023-10-11 15:30:19 147

原创 three.js学习之vR展厅

注意:video文件超过100M, git push 不上去,我没加git扩展。所以clone下来项目后需要你自己加上一个video。清空 main.js 和 style.css 内容。新建如下untils/init.js文件填入内容。index.html 中只留下核心代码。main.js - 创建立方缓冲几何体。安装项目需要的所有依赖,并启动项目浏览。二、展厅-第一个页面内容展示。一、初始化 vite 项目。选择 Vanilla 模版。四、展厅 第三个页面。五、展厅-第四个页面。六、展厅-第五个页面。

2023-10-11 11:34:15 1375 1

原创 动态路由:实际路径和路由参数路径匹配

动态路由 路径

2023-02-17 16:43:27 430 1

原创 动态keep-alive缓存组件

keep-alive 动态缓存

2023-02-14 15:02:25 202

原创 动态路由删除缓存

路由删除

2023-02-14 14:47:06 847

原创 数组的深拷贝问题方法详解

数组对象 深拷贝 封装

2023-02-14 14:31:15 1132

原创 html2canvas jspdf导出pdf 格式文件(vue)

分页、底部间距、页面导出pdf文件

2023-01-28 12:18:45 787 1

原创 拖拽(高度自定义)

拖拽

2022-11-08 12:48:54 148 1

原创 vue3+vite+ts使用monaco-editor编辑器

vue3+vite+ts使用monaco-editor编辑器

2022-11-01 17:05:01 10150 3

原创 多级文件树的渲染

vue3.0 ts vite 多级文件树

2022-11-01 10:09:02 241

原创 el-popover消失会闪屏问题记录

el-popover hide 闪动

2022-10-31 18:49:02 1502 2

原创 icomoon使用详细介绍(vue)

icomoon图标库的使用

2022-06-27 17:49:27 1177 1

原创 从头构建vue3.0+ts+vite框架

vue3.0+ts+vite 框架搭建 细节 详解

2022-06-22 01:58:12 4190 1

原创 关于图片懒加载的实现(总结梳理)

图片懒加载 原生实现 插件实现 vue3.0 ts vue3-lazy

2022-06-21 15:25:59 335

原创 首屏引导页实现-Intro.js(vue3.0 ts)

intro.js vue3 ts

2022-06-21 13:17:48 1358

原创 用showdown预览markdown文件(vue3.0)

showdown vue or ts

2022-06-21 12:26:39 693 1

原创 随鼠标移动的提示框

随鼠标移动的提示框

2022-06-17 20:55:47 729

原创 element loading的使用记录

前言简单记录一下使用dom准备 <div v-show="!textareaListResult" ref="contentLoadingDom" / > const contentLoadingDom = ref<HTMLElement | null>(null);loading使用 import { ElLoading } from 'element-plus'; // 接口调用时 const loadingIns

2022-05-20 18:59:53 390

原创 支持vue3.0+ts 的富文本记录

前言用过很多的富文本,还是蛮喜欢鹅毛富文本,轻量级,一般遇到富文本的案例,都会首先想到的是quill目前vue3.0与react分裂两极,typescript霸占一方,javascript还在坚持,vue2.0日薄西山。本文介绍vue3.0 ts支持的富文本的简单实用和文档地址富文本Vue-Quill-Editor官网文档安装yarn add @vueup/vue-quill@beta使用import { QuillEditor } from '@vueup/vue-quill'i

2022-05-20 17:29:04 2136 1

原创 echarts重叠柱状图相关

前言效果图主要问题点1、柱状图重叠stack2、数据过大显示处理log(对数坐标)3、对数(极)坐标0数据处理4、0数据项显示为灰色柱状条5、窗口变化自适应6、侧边导航展开收起对echarts图的影响柱状图重叠stack// 1.切换x、y轴 yAxis: { type: 'category', boundaryGap: true, show: true, axisLine: { lineStyle: { opacity: 0, }

2022-05-11 19:47:26 3935 6

原创 vue element 多选el-table相关

el-table中选择框在分页的时候保持选中状态el-table 存在多选框时;当我们进行翻页或搜索,选中状态会重置处理:设置键row-key,值为每一项的唯一值设置 :reserve-selection=“true”<el-table :row-key='row => row.unicode'> <el-table-column type="selection" :reserve-selection="true"><el-table-column&gt

2022-04-30 19:03:45 610

原创 g6-思维链路图

前言需求:集团公司风险链路图1、首次接触@antv/g6,进行记录总结2、最终实现如下3、实现有些杂乱点击更多加载调取接口加载5条点击框显示公司数据实现步骤安装"@antv/g6": "4.5.0", "insert-css": "^2.0.0",安装npm install --save @antv/g6学习方式:官网https://antv.vision/zh/蚂蚁金服 G6 文档https://www.bookstack.cn/books/antv-g6基础

2022-04-15 21:11:17 1944 1

原创 echarts地理坐标系组件geo实现散点图绘制

前言需求图需求:1、绘制当前集团公司在世界分布的资产散点图,2、双击点击中国地图,进入中国地图3、右键返回世界地图4、hover自定义tooltip,并且高亮所在地图区域实现准备世界地图坐标数据和我国地图坐标数据地理坐标系组件需要注册地图,我们需要导入并注册地图数据1、世界地图数据:worldGeoJson.ts2、中国地图数据:chinaGeoJson.ts坐标数据过大,我放入我的资源里面了,免费免积分绘制以及option1、基础结构<template>

2022-04-14 21:24:26 1446 2

原创 关于列表循环滚动的详解(js)

前言与思路需求图需求:针对以上列表进行无线滚动实现方式:一直滚动、单行单行滚动实现思路:1、基于scrollTop+定时器无限滚动的实现2、基于scrollTo+定时器实现单行一个个滚动2、基于margin-top+transition通过列表删除首项添加到末尾实现单行滚动列表循环滚动思路1、固定高度的父盒子:overflow:hidden2、根据内容适应高度的子盒子3、每隔0.02秒的频率移动父盒子的scrollTop达到无限滚动的效果4、注意:滚动条滚动到最下面无法再

2022-04-13 20:51:02 4341

原创 echarts折线面积图

Echarts折线面积图

2022-04-11 20:14:31 2385 1

原创 一些技术积累

函数组件没有options怎么获取路由携带的参数的// 页面的传递参数navigateTo({ url: `/pages/answerQues/index?index=${index}`, });// URL地址参数的获取useEffect(() => { const num = getCurrentInstance().router?.params.index console.log('num',num)})taro中微信授权用户昵称和头像 &l

2022-01-29 18:34:34 872

原创 一份试题解析

一、CSS 自适应搜索框要求右侧 button 固定宽度 80px,左侧 input 随页面宽度变化 始终占满剩余空间请尝试用不同的 CSS 布局方案,尽量多写出几种实现二、读代码写执行结果以下是一个页面的代码,请写出用户点击了后控制台的输出结果<body> <div id="i"/></body><script>document.body.addEventListener("mousedown", () => { consol

2022-01-27 01:42:52 2606

原创 技术-积累

uniapp组件签名;promise.all使用;

2022-01-19 14:53:29 237

原创 Gitlab配置ssh key

前言入职--分配邮箱以及gitlab权限--需要进行重新ssh配置开始打开git bash,输入一下命令生成ssh私钥和公钥对 ssh-keygen -t rsa -C '[email protected]' //然后一路回车(-C 参数是你的邮箱地址)然后打开/.ssh/id_rsa.pub文件(表示用户目录,比如我的windows就是C:\Users\Administrator),复制其中的内容(比如可以使用记事本打开)打开gitlab,找到Profile Settings–>

2021-12-27 19:49:32 8248

原创 quill富文本 插件quill-image-resize-module 改变插入图片大小模块引入报错问题

使用使用quill-image-resize-module实现富文本中图片大小可修改的操作安装:npm install quill-image-resize-module --save使用:import Quill from 'quill';import { ImageResize } from 'quill-image-resize-module';Quill.register('modules/imageResize', ImageResize);const quill = ne

2021-11-12 11:57:41 6381 8

three.js学习-智慧城市

three.js学习-智慧城市

2023-10-16

基于echarts的geo组件的世界坐标系json文件

基于echarts的geo组件的世界坐标系json文件

2022-04-14

基于echarts-geo组件的中国坐标

基于echarts-geo组件的中国坐标

2022-04-14

vue+three.js展示nrrd+vtk3D模型.zip

vue+three.js展示nrrd+vtk3D模型

2020-12-22

three.js展示nrrd+vtk3D模型-html展示

three.js展示nrrd+vtk3D模型-html展示

2020-12-22

空空如也

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

TA关注的人

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