- 博客(100)
- 资源 (1)
- 问答 (6)
- 收藏
- 关注
RSS订阅原创 使用svg画引导层、新手引导页
/svg>参数是否必须描述viewBox是四个参数分别代表最小 X 坐标、最小 Y 坐标、宽度和高度xmlSpace否preserve：这个属性告诉 SVG 解析器保留所有空白字符，包括空格、换行符等。如果不设定此属性，XML 解析器可能会忽略多余的空白否xMinYMin 表示图形应该相对于容器的左上角对齐，slice 表示如果图形宽高比与容器不同，则会在必要时裁剪（slice）图形以填满整个可见区域，而不是拉伸（stretch）图形。
2024-04-02 09:06:17
895
1
原创 监听粘贴时间，获取粘贴的数据
/可以获取用户选中复制的数据。},paste: function(e) {//paste事件。copy: function(e) {//copy事件。var cpTxt = "复制的数据";
2023-09-05 12:33:32
468
原创 vue 打印
A4纸的长宽：210mm×297mm，css中支持mm单位，可以直接使用，设置高度为297mm时，有时候会多出空白页，一直没搞明白为啥，于是我写的一页296.8mm，这样显示的比较好。vue-print-nb的打印逻辑是创建一个iframe，将我们要打印的节点加进去，之后再onload的时候触发打印，但是这个时候富文本的插件内容还没有加载出来，导致打印不对。还有一些定位元素的位置靠下也会导致出现空白页，打印时不显示的元素最好删掉。style上不能加scoped;
2023-09-05 12:30:52
1346
原创 uni-app vue 在手机APP中将页面转为图片、保存为PDF文件、打开文件
html2canvas生成图片、jsPDF获取PDF文件的base64编码、plus.io保存文件到本地并打开文件
2023-05-05 15:54:52
3267
9
原创 jtopo 拓扑图的简单使用
Node、TextNode、Link都是有 css 和 addChild 方法的，例如Node中添加一个TextNode，那么TextNode的位置就是相对于Node的；stage顶层对象可以包含多个layer，每个layer是分开渲染的，例如：可以把需要动画的内容放到一个单独的layer里面，可以减少消耗。把html作为图片使用, 这里注意传的是字符串而不是dom节点，样式需要使用行内样式，单独写css没有效果。将文件解压后放到项目根目录下 执行。
2022-12-30 10:59:06
755
原创 glb转gltf格式并压缩
安装fbx2gltf从命令行进入到目录下根据不同的系统进入下一级目录（window就进入Windows_NT），将要转换的文件放到该目录下执行。
2022-10-09 16:48:04
1138
原创 前端就业学习路线
内容以能找到工作为核心思想，适合刚毕业还没找到工作的应届生、转行的，如果你不着急就业，可以找找其他文章，学习一些，底层原理、算法可能对你以后会更有帮助。
2022-07-04 17:26:58
380
原创 数字滚动增加效果
逻辑思路 例如我们最终要展示的数字为 5878390 ，那么第一个数字就是从1滚动到5停止，第二个数字是从0滚动到5再滚动到8停止，第三个数字是从0滚动到8再滚动到7停止（9之后是0），也就是说从左到右每一位都比前面一位滚动的时间更长，这样就出现了从左到右数字依次出现的效果。...
2022-07-01 21:15:00
1369
原创 echarts多图例时增加批量减选、加选
CSDN话题挑战赛第1期活动详情地址：CSDN参赛话题：前端学习记录话题描述：记录前端学习过程中的某个知识点、解决方案等等文章目录问题解决方案实践总结问题当图片中的图例非常多时，我们想只看某一个需要点击取消多个，非常麻烦。解决方案在legend和series都增加图例内容，如果只在legend增加不显示，之后通过chart.on('legendselectchanged', function (params) {})监听图例点击，实践提.
2022-05-14 11:12:58
775
原创 canvas 学习笔记
html<canvas style="border: solid 1px red" id="cvs"><canvas>js绘制一条线let cvs = document.querySelect('#cvs'); // 获取画布元素let ctx = ctx.getContent('2d'); //获取工具集ctx.moveTo(40, 40); // (x, y) 选择起始点ctx.lineTo(80, 80); // 绘制线到目标点// 这时所
2022-04-20 15:35:00
159
原创 微信公众号网页分享设置及问题
微信公众号网页分享设置及问题；errMsg:"config:ok"， 但jsApiList为空？在微信开发者工具上测试微信分享都可以的，但是在真机上没办法使用？
2022-04-18 15:09:31
4405
原创 axios封装 —— 数据缓存、防止重复请求、动态加载
不是讲解文章，需要有axios使用基础axios封装，数据缓存、防止重复请求、动态加载
2022-04-10 12:43:34
3470
1
原创 uni-app 开发微信小程序定位
更精确的经纬度，使用onLocationChange方法持续监听地址，根据定位精度字段判断是否使用此次定位的经纬度。
2022-04-08 16:58:55
6228
5
原创 node egg 连接数据库 egg-sequelize-plus
node egg 连接数据库 egg-sequelize-plus的基本操作。
2022-03-25 11:34:48
1958
原创 e.stopPropagation()在uni-app中无效，只能使用stop，所产生的问题
之前做的仪表盘滑动效果 uni-app 微信小程序，因为在苹果手机上滑动时页面会抖动，所以这部分里是阻止了滑动事件的冒泡的，本来页面不足一屏是没有问题可是出了新需求后页面需要上下滚动，就导致了在仪表盘部分上下滑动无法滚动页面，操作很不方便。
2022-02-25 11:25:58
2564
1
原创 excel 将一张表的内容引入到另一张表中 VLOOKUP
VLOOKUP函数VLOOKUP(A2,Sheet11!B37:D167,3,FALSE)A2：当前表与引入表相对应的值Sheet11：引入表的表名；B37:D167：引入表数据的范围；3：需要引入的数据在范围中的第几列；FALSE：表示精确查找；IFERROR函数IFERROR(VLOOKUP(A2,Sheet11!B37:D167,3,FALSE),0);如果第一个参数中的函数计算错误，则显示第二个参数；...
2022-02-18 14:29:11
2135
2
原创 双token，使用refreshToken更新token方案
token更新的主要问题：请求接口时token过期，需要先刷新token，在请求之前的接口，这样请求了三次接口会导致反应慢。 当有多个接口同时请求时，可能导致多次刷新token或者后面的接口在刷新token后没有重新请求。看了很多网上的文章解决方法大致分为三种：每次请求接口时，后台判断token剩余时间，如果时间过半就发一个新的token，同时之前的token短时间内还可以继续使用。（需要后端配合） 前端的请求形成一个消息队列，每个请求依次请求接口，当token过期时，先刷新token之后
2021-12-01 13:45:12
1868
原创 IE 11 无法安全地连接到此页面
先看下这位大佬的文章IE 11 无法安全地连接到此页面，这可能是因为该站点使用过期的或不安全的 TLS 安全设置_明华瓦哈哈的博客-CSDN博客访问某个比较老旧的网站或者内部站点时，提示：无法安全地连接到此页面，这可能是因为该站点使用过期的或不安全的 TLS 安全设置。如果这种情况持续发生，请与网站的所有者联系。TLS 安全设置未设置为默认设置，这也可能导致此错误。错误截图：提醒：这是win10系统升级后出于安全考虑自动禁用的，请确保访问的网站为内部站点或者可信站点，修改安全配置可能引起安全风险，概不负
2021-10-15 14:52:18
1715
原创 学习Easeljs 笔记
获取画布对象var stage = new createjs.Stage("demoCanvas");画圆var circle = new createjs.Shape();circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);stage.addChild(circle);Bitmap 将图片...
2021-09-17 10:03:04
117
原创 nuxt中使用高德地图定位当前位置
事前准备1、注册高德地图开发者账号；2、进入控制台 ——应用管理——我的应用，创建新应用;3、为应用添加key，选择web服务。在nuxt.config.js中添加script: [ { type: 'text/javascript', src: 'https://webapi.amap.com/maps?v=1.4.15&key=自己的key' }, ],html<div
2021-09-17 09:58:40
2935
原创 Element-ui 多选框使用问题
参考文章：CSDN博主「lt要努力」原文链接：https://blog.csdn.net/louting249/article/details/104615411CSDN博主「孟孟~」原文链接：https://blog.csdn.net/qq_37471721/article/details/98863099<el-checkbox-group v-else-if="item.type === 'checkbox'" v-model="data[item.key]"&g
2021-09-06 10:13:48
532
原创 在vue项目中用链接引入插件时可以这样注入到全局
configureWebpack: config => { config.externals = { AMap: "window.AMap", } }
2021-07-14 14:36:31
145
原创 微前端single-spa vue3 实战落地
微前端的概念、好处，为什么不用npm和iframe之类的问题，网上有很多，这里就不解释了。个人理解就是：避免了“巨石应用”的出现，解决了项目与项目之间的代码重复。single-spa官网：https://single-spa.js.org/有中文版的页面，不过最好看英文版的，因为有些页面中文版的不全，这困扰了我很长时间。以下是single-spa在vue3项目中基础功能的操作步骤。其他的功能会后期陆续更新。安装single-spa npm install --global cre.
2021-07-12 17:44:09
2056
3
原创 uni-app 汉字转拼音 搜索和按首字母排序页面
<template> <view class="outer"> <view class="search"> <view> <input type="text" placeholder="请输入搜索内容" v-model="search_text" @input="search_change" /> </view> </view> <view class="list"> .
2021-07-10 13:49:33
1958
vscode插件，根据指定路径读取文件中导出内容的名称和注释，增加提示
2024-06-24
vue canvas 粒子拼图特效
2020-03-18
uni-app picker 如何去掉阻尼效果？
2021-11-29
有没有前端可以做高精度定位的方法？
2021-10-26
现有单体平台修改成能接受几万并发的平台？
2021-07-19
systemjs-importmap中引入的文件有没有办法延迟加载？
2021-07-13
single-spa中的parcel 在vue中怎么使用？
2021-06-25
single-spa中的parcel怎么使用？
2021-06-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人