- 博客(132)
- 资源 (4)
- 收藏
- 关注
原创 Promise详解:手写Promise底层-实现Promise所有的功能和方法
手写一个TestPromise,实现以下promise所有的功能和方法, 更好的理解promise底层逻辑。
2023-10-22 12:51:04 271
原创 一个简易的低代码
最近接手了一个低代码平台可视化大屏做二次开发,在这里做一些记录。低代码平台简介:低代码平台是一种开发工具,它可以让开发人员使用简单的拖拽和配置来创建应用程序,而不需要编写大量的代码。低代码平台通常包括一个可视化的界面编辑器,可以让开发人员通过拖拽和配置来创建应用程序的用户界面和业务逻辑。相关低代码平台大屏可视化低代码,在线体验 8.3kamis 可视化编辑器,在线体验 1.9k。
2023-10-19 08:51:47 152
原创 axios的请求中断和请求重试
使用 Axios 的拦截器拦截响应,则尝试再次发送请求,通过设置 retry 和 retryDelay 来控制重试请求的数量和每个请求之间的间隔。
2023-10-12 21:39:34 2493
原创 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
原创 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>
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
原创 一些技术积累
函数组件没有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
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人