- 博客(310)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 svg图标的基本使用方法，使用本地图标
4.使用方式非常简单：只需打开下载包中的index.html文件，即可在浏览器中预览所有图标及其对应的名称。找到所需图标后，复制其名称并粘贴到代码中，即可直接调用该图标。中，首先创建一个新项目，挑选并加购一系列符合设计需求的图标。随后，将这些图标从购物车中添加到项目中。3.下载完成后，解压文件包，找到红框标注的核心文件，将其复制到代码项目的静态资源目录中。
2025-02-07 16:03:48
285
原创 Three.js技术深度探索：材质的艺术与研发实践
在三维图形渲染中，Three.js犹如一颗璀璨的星辰，以其强大的功能和灵活的扩展性，引领着Web 3D技术的潮流。作为一款基于库，Three.js不仅简化了3D图形的创建和渲染过程，还提供了丰富的材质和纹理设置，能够轻松打造出身临其境的3D场景。本文将首先概述Three.js的核心特性，详细探讨材质设置的相关技术，包括透明材质、玻璃材质、金属材质以及偏木制材质的设置。Three.js。
2024-10-25 15:42:05
902
原创 Do not use built-in or reserved HTML elements as component id: map
不要将内置或保留的 HTML 元素用作 component id:map。办法1： 如果我们采用正确命名，并对应修改上述代码，即可消除报错。办法2： 也可以直接删除 name 属性。报错原因：是因为在本地项目对应文件的。
2024-10-25 10:01:35
368
转载 Vue 中使用 Echarts5.0报错，获取不到echarts的解决方案
对比一下 源码就知道咯，5.0 版本的 dist 目录多了个 .esm.js 文件 ，之前的版本是没有的，这是个特意给 ESM 模块导入使用的，截图如下，所以以前的导入方法就不行咯，因为使用了 export 而不是 export default （可以去了解下 ESM，就知道这两个导出有啥区别了）发现在打印echarts时为undefind。解决方案一：使用旧版本。为什么会出现这种情况？
2024-10-24 17:09:15
235
原创 element form表单中密码框被自动赋值，并默认背景色为白色，手动输值后背景色才是自己配置的背景色，与表单的自动填充有关
一个表单，有两组需要输入密码的地方，两组都被填充用户名密码，其中一组是其他信息，不是用户名密码，也被填充了，且input背景色是白色，表单中的input已经手动配置为无背景色，这种情况和浏览器自动填充用户名和密码有关，element表单中，需要将表单设置为autoComplete=“new-password”。但是在element UI里面设置autoComplete="off"是不生效的，需要设置为new-password，如上面所示。
2024-07-13 11:21:58
562
原创 element 日期时间组件选择器精确到小时，并且禁止选分钟和秒的配置
【代码】element 日期时间组件选择器精确到小时，并且禁止选分钟和秒的配置。
2024-06-17 11:18:11
1175
原创 element中input框添加@keyup.enter.native，按enter后刷新页面
原因：form 表单中只有一个输入框，在输入框中按下回车就是提交该表单，且会刷新页面。阻止这一默认行为，可以 在 form 标签上添加 @submit.native.prevent就可以解决刷新整个页面的问题。按enter键本来是调用搜索接口，但却是刷新了整个页面。
2024-06-04 17:22:24
1124
原创 element中table的selection-change监听改变的那条数据的下标
当想要得到选中信息在原表格数据中的下标时，可变相在获取表格数据中添加每条数据的下标信息，这样在选中某条时就可以得到它在原来数据中排老几。当绑定方法selection-change，当选择项发生变化时会触发该事件。在勾选打印时，就会得到index下标。可以获得到选中行的所有信息，
2024-05-31 12:03:46
711
原创 echart多折线图堆叠 y轴和实际数据不对应
属性相同，在每个系列中设置相同的 stack 值，表示它们属于同一组。这样它们就会按照指定的堆叠方式（如正负堆叠、绝对堆叠）显示。查看了前端代码发现在echart的图表中有一个‘stack’的属性，尝试把他删除之后y轴的数据和后端提供的数据就保持一致了。或者 把stack的属性值修改为不一样的属性值，比如：之前stack的属性值都为total，现在他们的属性值设置为不同的值。当你有多个系列（如柱状图中的多个柱子）需要堆叠显示时，可以设置它们的。比如明明值是50，但折线点在y轴的对应点却飙升到了二百多。
2024-03-20 10:50:49
1032
1
原创 改变生活，引领未来
这些智能家居设备不仅提高了我们的生活质量，还为我们的生活带来了更多的便利和舒适。人工智能的发展给我们的生活带来了巨大的改变和便利，同时也引领着未来的发展趋势。同时，在人类需要做出复杂决策的时候，人工智能也将会提供更加准确、可靠的数据支持和建议。而人工智能在手机中的应用，更是让我们感受到了科技的魅力。无论是苹果的Siri、谷歌助手，还是亚马逊的Alexa等语音助手，AI都在为我们提供便捷的服务。随着科技的飞速发展，人工智能（AI）已经深入到我们生活的各个角落，成为我们日常生活中不可或缺的一部分。
2023-11-27 17:41:51
740
原创 身为程序员哪一个瞬间让你最奔溃？
程序员最奔溃的瞬间，也许是当他们终于找到一个隐藏的错误却发现是自己的拼写错误；或者当他们在解决一个复杂的bug上花费了几个小时，最后发现问题居然是一个简单的逻辑错误，这些瞬间令程序员又气馁又好笑。快来分享自己的好笑又奔溃的瞬间吧~某时某刻，脑子不在线，修改一个问题改半天不见效，明明是一个简单的问题，没有一丝逻辑可言，就是不对，最后发现，是改错文件了。方向一：身为程序员遇到过的奔溃瞬间。
2023-11-23 17:13:44
548
原创 vue中使用echarts渐变柱状图 Cannot read properties of undefined (reading ‘graphic‘)解决方法
在使用渐变颜色时报错，Cannot read properties of undefined (reading ‘graphic’)结果换了一个版本号就可以了，本来用的。也下载了，引入了，就是报错，用不了。
2023-11-20 16:00:16
594
原创 成长与突破
他认为，作为一名前端开发工程师，要不断学习和更新自己的知识储备，跟上行业发展的步伐；今天，让我们来听听一个前端开发工程师小李的故事，他通过短短的三四年时间，从一个培训班出身的新手成长为独当一面的开发者。最终，小李通过不懈的努力和持续的学习成长为一名优秀的前端开发工程师。他的技术水平和职业素养都得到了很大的提升，逐渐成为公司里的核心成员之一。总之，一个优秀的前端工程师需要具备全面的技能和素质，能够灵活运用各种技术和工具，注重团队合作和沟通，持续学习和创新，不断提高自己的专业水平和综合素质。
2023-10-24 11:51:28
141
原创 PS修改背景色，线框底图
3、ctrl+l调整色阶，将中间的色块向右移，灰色线和字体的会变黑。1、打开图片，ctrl+j复制一层。2、图像-调整-反相。
2023-10-18 16:38:41
172
原创 echarts添加点击事件
点击获取点击得对象，进而将需要的参数传给父组件，在父组件中再去请求接口获取更多信息。实现效果：点击图表，弹出该数据下对应得详情。
2023-09-26 15:21:55
546
原创 element-Plus中el-menu菜单无法正常收缩解决方案
从代码对比看层级就不太对了，嵌套错误了，正常下方官网的ul标签下直接是li，在自己的代码中，ul标签下是div标签，层级嵌套错误，导致无法正常收缩。如图所示收缩之后，有子级的菜单还有箭头文字显示。
2023-08-17 09:24:12
1608
2
原创 vscode格式化文档
并搜索settings.json文件，粘贴如下代码，在格式化文档就会以设置的宽度换行。再格式化文档，如下图：在一行，并且在窗口范围内就很舒服。解决方法：在vscode左下角找到设置。
2023-08-10 10:09:28
531
原创 vue2项目中使用svg图标
在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源,这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多，放在项目中几乎不占用资源。
2023-07-29 16:30:28
1899
转载 搭建一个vue3+ts项目（超祥/必看）
Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的state、并添加甚至删除state、actions和getters。@types/node 模块 在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。当修改代码时，HMR。能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。
2023-07-24 11:40:29
15917
4
原创 threeJs着色器
就像活字印刷，你的程序就像一个 function（函数），输入位置信息，输出颜色信息，当它编译完之后会以相当快的速度运行。然后，GPU会按照着色器的指示处理所有的这些数据，接着几何体便出现在渲染中。的渲染流程中，顶点着色器代码先执行处理顶点，得到一系列片元，然后再执行片元着色器代码处理片元。将按照顶点着色器中的指示处理所有这些信息，以便将顶点投影到2D空间，该空间将成为我们的渲染。它设置渲染到屏幕的每个单独的“片元”（像素）的颜色。的着色器代码分为顶点着色器代码和片元着色器代码两部分，顶点着色器代码会在。
2023-06-20 16:53:32
1507
原创 threeJs使用gui控制球体大小
SphereGeometry创建时仅使用半径参数，没有内置的方法来改变它，需要手动修改几何顶点，或使用新的半径创建新的SphereGeometry或者缩放球体。gui.add第一个参数只能是对象，第二个参数是属性，三四是变换范围，第五个是步进。在render渲染函数中，改变缩放倍数。
2023-05-22 15:27:48
541
原创 threejs 相机OrbitControls常用方法及属性
可以对三维场景进行缩放、平移、旋转，本质上改变的不是场景，而是相机的参数，相机的位置角度不同，同一个场景的渲染效果是不一样，比如相机围绕着一个场景旋转，就像场景旋转一样。在实际应用中，想控制一个产品缩放范围, 可以通过相机空间OrbitControls的.minZoom和.maxZoom属性实现。展示一个三维场景，控制360度旋转范围，比如一辆轿车，不希望用户看到轿车的底盘，你可以通过设置相机的旋转范围属性来实现。属性控制上下360度的旋转范围。属性控制左右360度的旋转范围。
2023-05-18 09:46:04
4693
原创 threeJs进阶 让模型沿着指定轨迹移动与转向
效果图：涉及相关知识点：欧拉对象和四元数主要用来表达对象的旋转信息。关键词：欧拉Euler、四元数Quaternion、矩阵Matrix4。
2023-05-10 16:04:15
6070
1
原创 vue循环中根据下标取值data中的数据
逻辑中循环根据下标，取对应data中的某个变量，并改变此变量的值。data中有cube1,cube2,cube3…
2023-05-08 17:51:22
458
有关天气的字体图标库源文件，引入即可使用
2023-07-13
截图软件，可以把图片钉在某个位置，支持放大缩小
2022-07-04
OrbitControls.js
2021-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人