自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(297)
  • 资源 (8)
  • 收藏
  • 关注

原创 echart多折线图堆叠 y轴和实际数据不对应

属性相同,在每个系列中设置相同的 stack 值,表示它们属于同一组。这样它们就会按照指定的堆叠方式(如正负堆叠、绝对堆叠)显示。查看了前端代码发现在echart的图表中有一个‘stack’的属性,尝试把他删除之后y轴的数据和后端提供的数据就保持一致了。或者 把stack的属性值修改为不一样的属性值,比如:之前stack的属性值都为total,现在他们的属性值设置为不同的值。当你有多个系列(如柱状图中的多个柱子)需要堆叠显示时,可以设置它们的。比如明明值是50,但折线点在y轴的对应点却飙升到了二百多。

2024-03-20 10:50:49 464

原创 仓库代码迁移,从一个仓库迁移到另一个仓库

1、在B创建一个新的远程仓库。自定义,上下保持一致。

2023-11-28 11:38:20 591

原创 改变生活,引领未来

这些智能家居设备不仅提高了我们的生活质量,还为我们的生活带来了更多的便利和舒适。人工智能的发展给我们的生活带来了巨大的改变和便利,同时也引领着未来的发展趋势。同时,在人类需要做出复杂决策的时候,人工智能也将会提供更加准确、可靠的数据支持和建议。而人工智能在手机中的应用,更是让我们感受到了科技的魅力。无论是苹果的Siri、谷歌助手,还是亚马逊的Alexa等语音助手,AI都在为我们提供便捷的服务。随着科技的飞速发展,人工智能(AI)已经深入到我们生活的各个角落,成为我们日常生活中不可或缺的一部分。

2023-11-27 17:41:51 703

原创 身为程序员哪一个瞬间让你最奔溃?

程序员最奔溃的瞬间,也许是当他们终于找到一个隐藏的错误却发现是自己的拼写错误;或者当他们在解决一个复杂的bug上花费了几个小时,最后发现问题居然是一个简单的逻辑错误,这些瞬间令程序员又气馁又好笑。快来分享自己的好笑又奔溃的瞬间吧~某时某刻,脑子不在线,修改一个问题改半天不见效,明明是一个简单的问题,没有一丝逻辑可言,就是不对,最后发现,是改错文件了。方向一:身为程序员遇到过的奔溃瞬间。

2023-11-23 17:13:44 518

原创 vue中使用echarts渐变柱状图 Cannot read properties of undefined (reading ‘graphic‘)解决方法

在使用渐变颜色时报错,Cannot read properties of undefined (reading ‘graphic’)结果换了一个版本号就可以了,本来用的。也下载了,引入了,就是报错,用不了。

2023-11-20 16:00:16 350

原创 css 图片好玩的一个属性,添加滤镜

【代码】css 图片好玩的一个属性,添加滤镜。

2023-11-04 17:28:33 312

原创 el-radio或者el-switch change事件,监听到值改变了,但界面没变的解决方法

在change事件中添加。

2023-11-04 10:08:55 911

原创 取消elementUI中table的选中状态和勾选状态赋值

1、表格上绑定ref。2、清空用户选中数据。

2023-11-03 11:28:54 1612

原创 成长与突破

他认为,作为一名前端开发工程师,要不断学习和更新自己的知识储备,跟上行业发展的步伐;今天,让我们来听听一个前端开发工程师小李的故事,他通过短短的三四年时间,从一个培训班出身的新手成长为独当一面的开发者。最终,小李通过不懈的努力和持续的学习成长为一名优秀的前端开发工程师。他的技术水平和职业素养都得到了很大的提升,逐渐成为公司里的核心成员之一。总之,一个优秀的前端工程师需要具备全面的技能和素质,能够灵活运用各种技术和工具,注重团队合作和沟通,持续学习和创新,不断提高自己的专业水平和综合素质。

2023-10-24 11:51:28 94

原创 PS修改背景色,线框底图

3、ctrl+l调整色阶,将中间的色块向右移,灰色线和字体的会变黑。1、打开图片,ctrl+j复制一层。2、图像-调整-反相。

2023-10-18 16:38:41 112

原创 css 好看的边框

斜线边框可以给页面元素增加一份生动感。可以使用linear-gradient()函数来设置。

2023-10-18 13:43:48 668

原创 echarts添加点击事件

点击获取点击得对象,进而将需要的参数传给父组件,在父组件中再去请求接口获取更多信息。实现效果:点击图表,弹出该数据下对应得详情。

2023-09-26 15:21:55 249

原创 element 级联选择框偏移

在弹出框的定位出现问题时,可将该属性设置为 false。如图所示,选择之后,位置跑到了左上角。

2023-08-30 17:59:16 212

原创 element-Plus中el-menu菜单无法正常收缩解决方案

从代码对比看层级就不太对了,嵌套错误了,正常下方官网的ul标签下直接是li,在自己的代码中,ul标签下是div标签,层级嵌套错误,导致无法正常收缩。如图所示收缩之后,有子级的菜单还有箭头文字显示。

2023-08-17 09:24:12 1035 2

原创 vscode格式化文档

并搜索settings.json文件,粘贴如下代码,在格式化文档就会以设置的宽度换行。再格式化文档,如下图:在一行,并且在窗口范围内就很舒服。解决方法:在vscode左下角找到设置。

2023-08-10 10:09:28 296

原创 vue3 + ts+element-plus学习笔记

子组件通过方法接收父组件传递过来的数据,是vue3中提供的方法,不需要引入,直接使用。

2023-08-10 09:10:11 625

原创 vue2项目中使用svg图标

在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后,页面上加载的不再是图片资源,这对页面性能来说是个很大的提升,而且我们SVG文件比img要小的很多,放在项目中几乎不占用资源。

2023-07-29 16:30:28 1412

转载 搭建一个vue3+ts项目(超祥/必看)

Pinia 支持热更新,所以你可以编辑你的 store,并直接在你的应用中与它们互动,而不需要重新加载页面,允许你保持当前的state、并添加甚至删除state、actions和getters。@types/node 模块 在我们使用 node 方法(比如 path.resolve)时提供 ts 类型声明,否则编辑器会报错,虽然不影响代码运行,但是会有红线很影响心情,如下图所示。当修改代码时,HMR。能够在不刷新页面的情况下,把页面中发生变化的模块,替换成新的模块,同时不影响其他模块的正常运作。

2023-07-24 11:40:29 10273 2

原创 引入本地字体图标的使用

1、把字体图标文件复制到项目中。2、main.js中引入图标库。3、就可以使用了,如下。是获取到的图标名称,如。

2023-07-13 10:15:10 158

原创 VUE字符串模板点击失效

1、把@click改成onClick。

2023-07-03 11:33:07 336

原创 css实现毛玻璃磨砂效果

【代码】css实现毛玻璃磨砂效果。

2023-06-28 10:03:31 908

原创 threeJs着色器

就像活字印刷,你的程序就像一个 function(函数),输入位置信息,输出颜色信息,当它编译完之后会以相当快的速度运行。然后,GPU会按照着色器的指示处理所有的这些数据,接着几何体便出现在渲染中。的渲染流程中,顶点着色器代码先执行处理顶点,得到一系列片元,然后再执行片元着色器代码处理片元。将按照顶点着色器中的指示处理所有这些信息,以便将顶点投影到2D空间,该空间将成为我们的渲染。它设置渲染到屏幕的每个单独的“片元”(像素)的颜色。的着色器代码分为顶点着色器代码和片元着色器代码两部分,顶点着色器代码会在。

2023-06-20 16:53:32 1149

原创 threeJs使用gui控制球体大小

SphereGeometry创建时仅使用半径参数,没有内置的方法来改变它,需要手动修改几何顶点,或使用新的半径创建新的SphereGeometry或者缩放球体。gui.add第一个参数只能是对象,第二个参数是属性,三四是变换范围,第五个是步进。在render渲染函数中,改变缩放倍数。

2023-05-22 15:27:48 371

原创 threejs 相机OrbitControls常用方法及属性

可以对三维场景进行缩放、平移、旋转,本质上改变的不是场景,而是相机的参数,相机的位置角度不同,同一个场景的渲染效果是不一样,比如相机围绕着一个场景旋转,就像场景旋转一样。在实际应用中,想控制一个产品缩放范围, 可以通过相机空间OrbitControls的.minZoom和.maxZoom属性实现。展示一个三维场景,控制360度旋转范围,比如一辆轿车,不希望用户看到轿车的底盘,你可以通过设置相机的旋转范围属性来实现。属性控制上下360度的旋转范围。属性控制左右360度的旋转范围。

2023-05-18 09:46:04 2812

原创 Three.js清除场景中的模型和材质、贴图等

遍历所有子项并调用它们的几何形状,材质和纹理,亲测有效。

2023-05-17 09:57:31 647

原创 threeJs进阶 让模型沿着指定轨迹移动与转向

效果图:涉及相关知识点:欧拉对象和四元数主要用来表达对象的旋转信息。关键词:欧拉Euler、四元数Quaternion、矩阵Matrix4。

2023-05-10 16:04:15 4391

原创 vue循环中根据下标取值data中的数据

逻辑中循环根据下标,取对应data中的某个变量,并改变此变量的值。data中有cube1,cube2,cube3…

2023-05-08 17:51:22 333

原创 排序 根据数组中 某项数值大小排序

{value: 1122, name: ‘紧急报警’},{value: 1122, name: ‘紧急报警’},{value: 209, name: ‘普通报警’},{value: 209, name: ‘普通报警’},{value: 92, name: ‘严重报警’},{value: 92, name: ‘严重报警’},按数值大小排序,数值相同,则按名称首字母排序。

2023-05-06 15:56:30 138

原创 threejs动态调整相机位置

本文实现的效果是,模型渲染出来后,根据用户点击模型的某部分,将相机定位到鼠标点击的位置,并放大。不过此文的相机调整比较快、生硬,没有那种渐进式的感觉,哪位博主有更好的方法了请在下面留言哦。

2023-04-26 16:11:14 2861 2

原创 threejs控制模型显示与隐藏

【代码】threejs控制模型显示与隐藏。

2023-04-21 17:55:00 607

原创 vue项目中,Threejs 点击模型,高亮发光模型外轮廓

效果如图,点击哪块,对应显示边框线,带呼吸灯。并根据点击的模块为模块添加光效。4、添加高亮发光模型外轮廓效果。

2023-04-13 17:07:29 3698 6

原创 threeJS材质,添加透明材质、材质不拉伸、玻璃材质

添加透明材质,比如玻璃, transparent: true,

2023-04-12 10:05:37 2140

原创 echarts雷达图圆形 组件封装 配置参数详解

圆形雷达图,配置参数代码中有备注。

2023-04-08 09:36:03 796

原创 vue动态渲染ref,获取this.$refs.xxx.style为undefined获取循环元素中的style

获取是没问题的,本文遇到的是要获取循环列表中某一元素,并改变其样式。refs.name是一个数组,无法通过 .style 获取样式,设置ref在v-for列表上,直接获取this.refs.name[index]上设置样式。只能遍历这个this.

2023-03-24 10:04:17 1246

原创 使用CSS动态创建边角框架

分别div.container和div.corner添加::before和::after伪类,并将伪类中的元素分别设置成四个边角元素即。定义一个div容器,如div.container。通过双伪元素、边框、定位实现。在容器中定义1个子元素。

2023-02-22 10:50:16 193

原创 elementUI中el-tree树形默认初始化高亮赋值

setCurrentKey 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性。node-key=“id” 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的。highlight-current 是否高亮当前选中节点,默认值是 false。ref=“tree” 方便后面取值。第二步:设置当前高亮的节点。第三步、样式修改(非必须)第一步、添加相应属性。

2023-02-14 16:07:16 3423

原创 正则表达式

如1.0.3,22.22.333,2.2.333,2.22.3…

2023-02-06 11:34:22 96

原创 vue使用element-ui的cascader,value和label为后台返回的值,并获取选中的value和label值

其中value指定取值id,所以handleAreaChange中获取到的是选中的id值。但控制台输出的的inputValue是有值的,取整个对象,想取什么值就取什么值,完美。value绑定了id,可以获取id值。想要同时获取到lable值。

2023-02-03 14:21:45 3573 1

原创 代码冲突,多人修改同一分支代码和同一文件,合并更新

那么乙怎样更新甲的代码,并把自己的代码上传git。甲的代码提交了,乙的代码在本地。4、再次提交自己的代码到远程。# 重新应用储藏的变更。甲和乙修改了同一个文件。

2023-01-16 11:29:01 988

原创 css表现 行星 椭圆 球

通过长方形,并将圆角设置为50%,画椭圆。背景色渐变,凸显球形。

2023-01-06 17:04:52 344

PS 2.5D插画神器 秒变插画大神

PS 2.5D插画神器 秒变插画大神

2023-11-24

有关天气的字体图标库源文件,引入即可使用

主要关联博文“vue 根据获取到的城市信息,获取该地的天气情况”中,获取到天气信息,为了展示对应天气的图标而生的字体图标库,对应名称展示; 字体图标使用方法已经在博文“引入本地字体图标的使用”说明,请直接搜博文名称搜索相关信息

2023-07-13

截图软件,可以把图片钉在某个位置,支持放大缩小

截图软件,可以把图片钉在某个位置,支持放大缩小,可拖拽移动,方便写文档时查看; 写页面时可以把UI页面钉在一边(置顶功能),边看边写页面,超级nice

2022-07-04

echarts地图 中国地图 china.js

echarts地图 中国地图 china.js

2022-06-08

You_Jump_I_Jump-master.zip

转载,仅供学习参考

2022-01-12

jump_step_threejs.zip

由于资源版本,未运行出效果,

2021-11-30

OrbitControls.js

远程地址:http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/controls/OrbitControls.js

2021-11-30

threejs + 3D + 源码 + github地址

github地址: https://github.com/mrdoob/three.js

2021-11-30

zhiqianhe.min.js

纸千鹤动态 js文件 免费下载

2021-03-27

FastStone Capture.zip

操作简单,点击直接安装即可,安装完成便可使用,私有文件,以备不时之需,具有截图 吸色 录制视频等常用功能,并且文件只有3.5M

2021-03-23

空空如也

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

TA关注的人

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