- 博客(25)
- 收藏
- 关注
RSS订阅原创 indexDB 大图缓存
通过利用 IndexedDB 进行图片缓存，可以显著提升大屏背景图加载速度，改善用户体验，减少页面黑屏时间。IndexedDB 是浏览器提供的客户端数据库 API，可以在浏览器中存储大量结构化数据，并支持高效的数据检索和查询，特别适合用于缓存大量图片或其他数据。实现图片缓存的步骤包括创建 IndexedDB 数据库、将图片转换为 Blob 对象并存储到数据库中，以及从数据库中获取并展示图片。
2024-04-20 11:16:51
938
原创 axios取消重复请求
通过 Axios 的请求拦截器和响应拦截器来实现取消重复请求的功能。每当一个新的请求被发起时，都会检查是否存在相同的请求，如果存在，则取消之前的请求。当请求完成或被取消时，会从 pendingRequests 中移除对应的请求和取消函数。实际情况中并不是所有接口都需要进行取消操作，所以在请求配置中添加了一个 allowCancel标记，在请求拦截器中，如果检测到该标记存在，则进行取消操作 ，对于其他未标记允许取消请求的接口，直接发送请求，不进行取消操作。
2024-02-28 19:43:21
782
原创 Three.js 全景图（标注偏移、显示不全的问题记录）
最近在项目中利用three.js实现了vr全景的功能，过程中遇到了标注偏移、标注图标显示不全的问题，在此做个记录。
2023-04-28 14:40:19
1468
原创 新echarts社区地址
echarts 作品地址地址1: https://www.isqqw.com/#/homepage地址2：https://www.isqqw.com/#/homepage
2022-03-10 11:33:01
2202
原创 css引入外部字体
1.创建样式文件 font.css//引入@font-face { font-family: "DINAlternate-Bold"; //字体名称 src: url("DINAlternate-Bold.ttf"); //文件路径 font-weight: normal; font-style: normal;}2.将样式文件font.css引入main.jsimport './style/font.css'3.全局使用//使用div { font-family:
2022-01-13 16:51:09
2045
原创 数字翻牌效果实现(tansform transtion)
数字翻牌效果实现(tansform)效果图思路每个位数先用0-9占位，位数上的数值大小通过translateY调整显示，利用transition实现动画效果代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>数字翻牌</title> <script src="https://cdn.jsdelivr.net/npm/vue
2021-12-10 09:53:15
1104
原创 数字动态变化 vue实现
数字动态变化 vue实现效果图代码hmtl<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>动态数字</title> <script src="./dynamicDigital.js"></script> <script src="https://unpkg.com/vue/dist/vue.j
2021-12-08 17:22:20
1524
原创 echarts 柱状图顶部底部装饰
echarts地址： https://www.makeapie.com/editor.html?c=xPxuIEVpkt&v=1效果图代码const barData = { xaxis: ['A类', 'B类', 'C类', 'D类', 'E类', 'F类'], series: [ { name: '人才层次', data: [10, 20, 30, 40, 50, 70], }, ],
2021-12-03 16:01:41
1137
原创 echarts 象形图背景、柱状图顶部装饰
效果图代码<template> <!-- 柱状图 --> <div class="top-line-bar-warp"> <slot> <div class="bg"></div> </slot> <div :id="barId" class="bar-wrap"></div> </div></template><
2021-12-03 15:20:32
1462
原创 div | canvas|渐变、间隔进度条
css实现canvas实现css实现效果图代码<template> <!-- 间隔柱状图 --> <div :id="barId" class="bar-wrap"> <div class="bar-bg"> <div class="bar" v-for="(item, index) in 27" :key="index"></div> </div> <div c
2021-12-03 11:54:57
1127
原创 echarts社区地址
echarts社区地址社区地址： https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all
2021-12-02 11:23:29
2936
4
原创 vue import 静态文件失败
vue import 静态文件失败问题分析解决方案问题分析在前端项目中经常碰到写了静态文件使用import 引入，再本地运行是可以但是打包上线后就发现修改配置静态文件页面获取的数据没有变化，这是因为静态文件再打包的时候没有被编译，不被编译的代码识别不了es6写法解决方案1.按照原生的方法再index.html页面使用script引入2.使用接口的方式访问静态文件...
2021-04-18 14:20:00
742
原创 nodejs下载安装以及环境变量配置
node下载安装以及环境变量配置下载安装配置环境变量测试一下下载官网链接：链接: https://nodejs.org/en/download/淘宝镜像：链接: https://npm.taobao.org/mirrors/node安装1.双击打开下载好的安装包，点击next2.勾选点击next3.选择安装路径（不建议放C盘）4.后面按照默认，一直next就可以了。点击finish安装完成5.测试是否安装成功window + R 输入 cmd 打开小黑窗输入 node -v
2020-07-22 17:39:21
768
原创 NotePad安卓记事本
mid-term期中作业题目：1.添加时间戳2.添加搜索功能3.修改背景颜色4.导出文件5.设置闹钟功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowcha...
2020-07-02 09:38:03
793
原创 React event.persist
React event.persist 在react中，SyntheticEvent在调用事件回调之后该对象将被重用，并且其所有属性都将无效。如果要以异步方式访问事件属性，则应调用event.persist()事件，这将从池中删除事件，并允许用户代码保留对该事件的引用。官网例子function onClick(event) { console.log(event); // =>...
2019-12-12 15:26:15
1495
原创 Android 网络传输数据之解析XML格式数据(Pull&SAX)
Android 网络传输数据之解析XML格式数据每个访问网络的应用程序都会有一个自己的服务器，我们可以向服务器提交数据也可以从服务器上获取数据。下面我们就介绍下网络上传输数据最常用的一种格式XML数据格式。...
2019-05-26 11:58:33
476
1
原创 Apache服务器下载
Apache服务器下载进入apache服务器官网 http://httpd.apache.org/download.cgi点击链接 a number of third party vendors找到Downloading Apache for Windows点击ApacheHaus链接点击红框中的图标即可开始下载，x86是32位的，x64是64位的，根据自己的操作系统选择下载保存...
2019-05-22 08:48:54
8911
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人