自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

晓枫

励志于打造一套完整的前端体系。

  • 博客(100)
  • 资源 (1)
  • 问答 (6)
  • 收藏
  • 关注

原创 使用svg画引导层、新手引导页

/svg>参数是否必须描述viewBox是四个参数分别代表最小 X 坐标、最小 Y 坐标、宽度和高度xmlSpace否preserve:这个属性告诉 SVG 解析器保留所有空白字符,包括空格、换行符等。如果不设定此属性,XML 解析器可能会忽略多余的空白否xMinYMin 表示图形应该相对于容器的左上角对齐,slice 表示如果图形宽高比与容器不同,则会在必要时裁剪(slice)图形以填满整个可见区域,而不是拉伸(stretch)图形。

2024-04-02 09:06:17 783 1

原创 监听粘贴时间,获取粘贴的数据

/可以获取用户选中复制的数据。},paste: function(e) {//paste事件。copy: function(e) {//copy事件。var cpTxt = "复制的数据";

2023-09-05 12:33:32 336

原创 vue 打印

A4纸的长宽:210mm×297mm,css中支持mm单位,可以直接使用,设置高度为297mm时,有时候会多出空白页,一直没搞明白为啥,于是我写的一页296.8mm,这样显示的比较好。vue-print-nb的打印逻辑是创建一个iframe,将我们要打印的节点加进去,之后再onload的时候触发打印,但是这个时候富文本的插件内容还没有加载出来,导致打印不对。还有一些定位元素的位置靠下也会导致出现空白页,打印时不显示的元素最好删掉。style上不能加scoped;

2023-09-05 12:30:52 618

原创 uni-app vue 在手机APP中将页面转为图片、保存为PDF文件、打开文件

html2canvas生成图片、jsPDF获取PDF文件的base64编码、plus.io保存文件到本地并打开文件

2023-05-05 15:54:52 2155 9

原创 jtopo 拓扑图的简单使用

Node、TextNode、Link都是有 css 和 addChild 方法的,例如Node中添加一个TextNode,那么TextNode的位置就是相对于Node的;stage顶层对象可以包含多个layer,每个layer是分开渲染的,例如:可以把需要动画的内容放到一个单独的layer里面,可以减少消耗。把html作为图片使用, 这里注意传的是字符串而不是dom节点,样式需要使用行内样式,单独写css没有效果。将文件解压后放到项目根目录下 执行。

2022-12-30 10:59:06 635

原创 vue3+vite+ts 中引入图片

vue3+vite+ts 中引入图片

2022-12-08 13:46:54 603

原创 前端学习一、准备工作

正式学习开始前的准备工作,安装浏览器、编辑器、插件,并创建我们的第一个网页

2022-11-28 11:29:34 575

原创 glb转gltf格式并压缩

安装fbx2gltf从命令行进入到目录下根据不同的系统进入下一级目录(window就进入Windows_NT),将要转换的文件放到该目录下执行。

2022-10-09 16:48:04 1008

原创 node egg 本地配置https

node egg 使用mkcert配置本地https

2022-10-01 20:47:25 558

原创 Threejs 加载模型、旋转、弹框操作

Threejs 加载模型、旋转、弹框操作

2022-08-15 22:00:00 4384 1

原创 前端就业学习路线

内容以能找到工作为核心思想,适合刚毕业还没找到工作的应届生、转行的,如果你不着急就业,可以找找其他文章,学习一些,底层原理、算法可能对你以后会更有帮助。

2022-07-04 17:26:58 321

原创 数字滚动增加效果

逻辑思路 例如我们最终要展示的数字为 5878390 ,那么第一个数字就是从1滚动到5停止,第二个数字是从0滚动到5再滚动到8停止,第三个数字是从0滚动到8再滚动到7停止(9之后是0),也就是说从左到右每一位都比前面一位滚动的时间更长,这样就出现了从左到右数字依次出现的效果。...

2022-07-01 21:15:00 1178

原创 程序员前端学习简介

对前端开发学习的一个简单介绍,想要学习前端的小伙伴可以进来看一看。

2022-06-30 15:47:42 1723

原创 高德地图使用自定义地图无效问题

高德地图使用自定义地图无效问题

2022-06-24 16:02:10 1141 1

原创 @rive-app/canvas 交互式动画 学习笔记

升级版的gjf,可以控制速度,一个文件中可以有多个动画

2022-06-14 13:55:11 500

原创 echarts多图例时增加批量减选、加选

CSDN话题挑战赛第1期活动详情地址:CSDN参赛话题:前端学习记录话题描述:记录前端学习过程中的某个知识点、解决方案等等文章目录问题解决方案实践总结问题当图片中的图例非常多时,我们想只看某一个需要点击取消多个,非常麻烦。解决方案在legend和series都增加图例内容,如果只在legend增加不显示,之后通过chart.on('legendselectchanged', function (params) {})监听图例点击,实践提.

2022-05-14 11:12:58 700

原创 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 127

原创 微信公众号网页分享设置及问题

微信公众号网页分享设置及问题;errMsg:"config:ok", 但jsApiList为空?在微信开发者工具上测试微信分享都可以的,但是在真机上没办法使用?

2022-04-18 15:09:31 4133

原创 本地IP地址使用域名访问

本地IP地址使用域名访问

2022-04-18 15:03:46 1792 1

原创 echarts 多组图例重叠问题

当图表中使用多组图例且文字较多时,容易出现图例重叠的问题

2022-04-11 10:33:41 3398

原创 axios封装 —— 数据缓存、防止重复请求、动态加载

不是讲解文章,需要有axios使用基础axios封装,数据缓存、防止重复请求、动态加载

2022-04-10 12:43:34 3069 1

原创 uni-app 开发微信小程序定位

更精确的经纬度,使用onLocationChange方法持续监听地址,根据定位精度字段判断是否使用此次定位的经纬度。

2022-04-08 16:58:55 6041 5

原创 node egg 连接数据库 egg-sequelize-plus

node egg 连接数据库 egg-sequelize-plus的基本操作。

2022-03-25 11:34:48 1898

原创 e.stopPropagation()在uni-app中无效,只能使用stop,所产生的问题

​之前做的仪表盘滑动效果 uni-app 微信小程序,因为在苹果手机上滑动时页面会抖动,所以这部分里是阻止了滑动事件的冒泡的,本来页面不足一屏是没有问题可是出了新需求后页面需要上下滚动,就导致了在仪表盘部分上下滑动无法滚动页面,操作很不方便。

2022-02-25 11:25:58 2203

原创 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 1982 2

原创 多级嵌套对象数组-根据最里层id找出它所属的每层父级的id

使用递归可以不受数组层级限制,减少代码量。使用find 方法减少数组循环次数。

2022-01-11 11:47:14 1450

原创 AR.js 学习笔记

AR.js 的学习分享

2021-12-29 16:49:11 1894 5

原创 2021年个人年终总结

个人总结,不喜勿喷。

2021-12-26 15:37:47 339 1

原创 通过第三方平台接口帮助客户复用公众号主体快速注册小程序

通过第三方平台接口帮助客户复用公众号主体快速注册小程序

2021-12-20 11:15:42 736

原创 获取前一天、前一个月、前一年等任何日期的方法

非常好用

2021-12-11 15:44:04 658

原创 仪表盘滑动效果 uni-app 微信小程序

滑动时使三角按钮围绕圆圈转动;

2021-12-11 13:32:23 1667 1

原创 双token,使用refreshToken更新token方案

token更新的主要问题:请求接口时token过期,需要先刷新token,在请求之前的接口,这样请求了三次接口会导致反应慢。 当有多个接口同时请求时,可能导致多次刷新token或者后面的接口在刷新token后没有重新请求。看了很多网上的文章解决方法大致分为三种:每次请求接口时,后台判断token剩余时间,如果时间过半就发一个新的token,同时之前的token短时间内还可以继续使用。(需要后端配合) 前端的请求形成一个消息队列,每个请求依次请求接口,当token过期时,先刷新token之后

2021-12-01 13:45:12 1714

原创 微信小程序获取位置、定位监听

利用定位监听来获取位置要比直接获取当前位置精度高很多。

2021-11-29 17:45:54 1587

原创 IE 11 无法安全地连接到此页面

先看下这位大佬的文章IE 11 无法安全地连接到此页面,这可能是因为该站点使用过期的或不安全的 TLS 安全设置_明华瓦哈哈的博客-CSDN博客访问某个比较老旧的网站或者内部站点时,提示:无法安全地连接到此页面,这可能是因为该站点使用过期的或不安全的 TLS 安全设置。如果这种情况持续发生,请与网站的所有者联系。TLS 安全设置未设置为默认设置,这也可能导致此错误。错误截图:提醒:这是win10系统升级后出于安全考虑自动禁用的,请确保访问的网站为内部站点或者可信站点,修改安全配置可能引起安全风险,概不负

2021-10-15 14:52:18 1581

原创 学习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 89

原创 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 2762

原创 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 469

原创 在vue项目中用链接引入插件时可以这样注入到全局

configureWebpack: config => { config.externals = { AMap: "window.AMap", } }

2021-07-14 14:36:31 119

原创 微前端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 1758 2

原创 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 1759

jtopo-npm 安装包

jtopo_npm

2022-12-28

vue canvas 粒子拼图特效

基于vue canvas 的动态拼图效果 环境: vue node 使用:npm install 或 cnpm install npm run serve

2020-03-18

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

TA关注的人

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