前端学习笔记
文章平均质量分 58
Fantasywt
上班写bug,下班改bug
展开
-
Three.js的gltf模型自动居中
toSceneCenter 方法是自定义的一个让模型居中的方法,通过# Box3获取到模型的包围盒,获取到模型的中心点坐标信息,再取反,就会得到模型中心点在3d世界的位置信息。在使用第三方模型的时候,总有一些不尽人意的地方,比如模型加载后,模型中心并不在3d世界的中心位置,所以就需要调整一下模型整体的位置。原创 2023-11-23 15:48:41 · 602 阅读 · 0 评论 -
【完美解决】npm install 报错pngquant failed to build, make sure that libpng-dev is installed
【完美解决】npm install 报错pngquant failed to build, make sure that libpng-dev is installed,解决【npm install -g windows-build-tools】安装不了问题原创 2023-09-04 20:33:50 · 5688 阅读 · 2 评论 -
vue3+高德地图只展示指定市、区的行政区域的地图,遮罩反向镂空其他地区
例如像这样,只展示厦门的地图,隐藏其他地方,点击区域,在单独展示区,点击返回回到总览。原创 2023-05-18 15:19:16 · 3456 阅读 · 1 评论 -
vue3+ts+wow.js实现页面滚动到屏幕可视区域再显示过渡动画
vue3+ts引入wow.js实现当页面滚动到可视区域再显示元素过渡动画原创 2023-04-26 11:50:08 · 1072 阅读 · 3 评论 -
vue3+ts+vue-qr 使用canvas生成彩色实点二维码
vue3+vue-qr生成彩色实点二维码原创 2023-03-06 16:59:39 · 1963 阅读 · 4 评论 -
微信小程序canvas签名组件
微信小程序canvas签名组件。原创 2023-02-07 10:08:19 · 605 阅读 · 0 评论 -
微信小程序canvas绘制表格
微信小程序canvas 2d 绘制表格,导出为图片。原创 2022-11-29 09:50:49 · 1265 阅读 · 0 评论 -
【vue使用高德地图api,鼠标绘图工具与点聚合插件的浅结合】鼠标绘制矩形,框选地图并放大显示矩形内的点聚合(拓展:点击标记点,可以拿到你的原始数据,去做对应处理)
vue使用高德地图api,鼠标绘图工具与点聚合插件的浅结合】用鼠标绘制矩形,框选地图并放大显示矩形内的点聚合(拓展点击标记点,可以拿到你的原始数据,去做对应处理)原创 2022-07-26 16:10:42 · 2474 阅读 · 10 评论 -
【微信小程序引用echarts5.3.0及以上版本会报错】t.addEventListener is not a function
我使用自定义打包构建压缩,尝试5.3.0及以上版本,都会报错 t.addEventListener is not a function在ec-canvas文件夹下的 wx-canvas.js文件中添加 addEventListener() {} 空函数预期正常,不报错,如图正常显示。小程序模拟器及真机...原创 2022-06-09 15:24:08 · 3174 阅读 · 9 评论 -
element ui 环形进度条修改,自定义随机颜色
element ui 环形进度条修改,自定义随机颜色原创 2022-04-27 15:46:25 · 2266 阅读 · 0 评论 -
【vue手写图片预览组件】在vue2.0项目中手写图片预览组件,旋转、放大、滚动、下载等功能
【vue手写图片预览组件】在vue2.0项目中手写图片预览组件,旋转、放大、滚动、下载等功能,同时做了载入动画处理。原创 2022-04-27 14:43:39 · 2448 阅读 · 2 评论 -
vue使用高德地图api,点击地图标记,弹出弹窗,使用animate让弹窗有动画的加载
vue使用高德地图,在高德地图上绘制标记点,点击标记点触发弹窗,手写弹窗,利用父子组件传值,弹窗使用animate动画库使其拥有加载、关闭动画原创 2022-04-22 16:47:56 · 4603 阅读 · 4 评论 -
工具方法笔记
工具类常用方法——笔记提示:就是一些平常遇到的小东西文章目录小需求解决方案——笔记@[TOC](文章目录)一、字符转换类1.输入框:只能输入数字,并保留4位小数总结一、字符转换类1.输入框:只能输入数字,并保留4位小数 <el-input type="text" placeholder="请输入数字,至多含有4位小数" @change="thresholdNum" v-model="threshold"> </el-input> th原创 2022-03-29 18:20:24 · 102 阅读 · 0 评论 -
富文本编辑器 —— 学习笔记
富文本编辑器 —— 学习笔记文章目录富文本编辑器 —— 学习笔记一、wangEditor1.内容处理——获取/设置 JSON一、wangEditor1.内容处理——获取/设置 JSON使用 editor.txt.setJSON([…]) 方法时,会将原本的内容替换为设置的JSON内容例: 原内容这是使用 editor.txt.setJSON([…]) 方法后<script>import E from 'wangeditor'export default { data(原创 2022-03-25 17:34:24 · 969 阅读 · 0 评论 -
页面长时间未操作,实现自动退出登录原理
页面长时间未操作,实现自动退出登录原理原创 2022-03-24 17:34:04 · 15161 阅读 · 1 评论 -
echarts5.0自定义图表:柱状图渐变、极坐标的半圆进度条,折线图的渐变叠加、南丁格尔玫瑰图半圆,以及类目名溢出换行方法
echarts5.0——实现大屏炫酷图表,类目名溢出换行,南丁格尔玫瑰图半圆,折线图填充渐变、叠加渐变,极坐标半圆进度条,柱状图柱体渐变原创 2022-03-08 19:25:19 · 1948 阅读 · 0 评论 -
Echarts5.3.0-南丁格尔玫瑰图之半圆
@前端学习笔记南丁格尔玫瑰图之半圆```javascriptoption = { legend: { top: 'top' }, toolbox: { show: false }, series: [ { name: 'Nightingale Chart', type: 'pie', radius: ['10%','70%'], center: ['50%', '50%'], // 设置角度原创 2022-02-25 12:37:35 · 1890 阅读 · 0 评论