- 博客(301)
- 资源 (8)
- 收藏
- 关注
原创 element form表单中密码框被自动赋值,并默认背景色为白色,手动输值后背景色才是自己配置的背景色,与表单的自动填充有关
一个表单,有两组需要输入密码的地方,两组都被填充用户名密码,其中一组是其他信息,不是用户名密码,也被填充了,且input背景色是白色,表单中的input已经手动配置为无背景色,这种情况和浏览器自动填充用户名和密码有关,element表单中,需要将表单设置为autoComplete=“new-password”。但是在element UI里面设置autoComplete="off"是不生效的,需要设置为new-password,如上面所示。
2024-07-13 11:21:58 424
原创 element 日期时间组件选择器精确到小时,并且禁止选分钟和秒的配置
【代码】element 日期时间组件选择器精确到小时,并且禁止选分钟和秒的配置。
2024-06-17 11:18:11 476
原创 element中input框添加@keyup.enter.native,按enter后刷新页面
原因:form 表单中只有一个输入框,在输入框中按下回车就是提交该表单,且会刷新页面。阻止这一默认行为,可以 在 form 标签上添加 @submit.native.prevent就可以解决刷新整个页面的问题。按enter键本来是调用搜索接口,但却是刷新了整个页面。
2024-06-04 17:22:24 709
原创 element中table的selection-change监听改变的那条数据的下标
当想要得到选中信息在原表格数据中的下标时,可变相在获取表格数据中添加每条数据的下标信息,这样在选中某条时就可以得到它在原来数据中排老几。当绑定方法selection-change,当选择项发生变化时会触发该事件。在勾选打印时,就会得到index下标。可以获得到选中行的所有信息,
2024-05-31 12:03:46 366
原创 echart多折线图堆叠 y轴和实际数据不对应
属性相同,在每个系列中设置相同的 stack 值,表示它们属于同一组。这样它们就会按照指定的堆叠方式(如正负堆叠、绝对堆叠)显示。查看了前端代码发现在echart的图表中有一个‘stack’的属性,尝试把他删除之后y轴的数据和后端提供的数据就保持一致了。或者 把stack的属性值修改为不一样的属性值,比如:之前stack的属性值都为total,现在他们的属性值设置为不同的值。当你有多个系列(如柱状图中的多个柱子)需要堆叠显示时,可以设置它们的。比如明明值是50,但折线点在y轴的对应点却飙升到了二百多。
2024-03-20 10:50:49 738
原创 改变生活,引领未来
这些智能家居设备不仅提高了我们的生活质量,还为我们的生活带来了更多的便利和舒适。人工智能的发展给我们的生活带来了巨大的改变和便利,同时也引领着未来的发展趋势。同时,在人类需要做出复杂决策的时候,人工智能也将会提供更加准确、可靠的数据支持和建议。而人工智能在手机中的应用,更是让我们感受到了科技的魅力。无论是苹果的Siri、谷歌助手,还是亚马逊的Alexa等语音助手,AI都在为我们提供便捷的服务。随着科技的飞速发展,人工智能(AI)已经深入到我们生活的各个角落,成为我们日常生活中不可或缺的一部分。
2023-11-27 17:41:51 709
原创 身为程序员哪一个瞬间让你最奔溃?
程序员最奔溃的瞬间,也许是当他们终于找到一个隐藏的错误却发现是自己的拼写错误;或者当他们在解决一个复杂的bug上花费了几个小时,最后发现问题居然是一个简单的逻辑错误,这些瞬间令程序员又气馁又好笑。快来分享自己的好笑又奔溃的瞬间吧~某时某刻,脑子不在线,修改一个问题改半天不见效,明明是一个简单的问题,没有一丝逻辑可言,就是不对,最后发现,是改错文件了。方向一:身为程序员遇到过的奔溃瞬间。
2023-11-23 17:13:44 526
原创 vue中使用echarts渐变柱状图 Cannot read properties of undefined (reading ‘graphic‘)解决方法
在使用渐变颜色时报错,Cannot read properties of undefined (reading ‘graphic’)结果换了一个版本号就可以了,本来用的。也下载了,引入了,就是报错,用不了。
2023-11-20 16:00:16 470
原创 成长与突破
他认为,作为一名前端开发工程师,要不断学习和更新自己的知识储备,跟上行业发展的步伐;今天,让我们来听听一个前端开发工程师小李的故事,他通过短短的三四年时间,从一个培训班出身的新手成长为独当一面的开发者。最终,小李通过不懈的努力和持续的学习成长为一名优秀的前端开发工程师。他的技术水平和职业素养都得到了很大的提升,逐渐成为公司里的核心成员之一。总之,一个优秀的前端工程师需要具备全面的技能和素质,能够灵活运用各种技术和工具,注重团队合作和沟通,持续学习和创新,不断提高自己的专业水平和综合素质。
2023-10-24 11:51:28 102
原创 PS修改背景色,线框底图
3、ctrl+l调整色阶,将中间的色块向右移,灰色线和字体的会变黑。1、打开图片,ctrl+j复制一层。2、图像-调整-反相。
2023-10-18 16:38:41 119
原创 echarts添加点击事件
点击获取点击得对象,进而将需要的参数传给父组件,在父组件中再去请求接口获取更多信息。实现效果:点击图表,弹出该数据下对应得详情。
2023-09-26 15:21:55 321
原创 element-Plus中el-menu菜单无法正常收缩解决方案
从代码对比看层级就不太对了,嵌套错误了,正常下方官网的ul标签下直接是li,在自己的代码中,ul标签下是div标签,层级嵌套错误,导致无法正常收缩。如图所示收缩之后,有子级的菜单还有箭头文字显示。
2023-08-17 09:24:12 1227 2
原创 vscode格式化文档
并搜索settings.json文件,粘贴如下代码,在格式化文档就会以设置的宽度换行。再格式化文档,如下图:在一行,并且在窗口范围内就很舒服。解决方法:在vscode左下角找到设置。
2023-08-10 10:09:28 327
原创 vue2项目中使用svg图标
在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后,页面上加载的不再是图片资源,这对页面性能来说是个很大的提升,而且我们SVG文件比img要小的很多,放在项目中几乎不占用资源。
2023-07-29 16:30:28 1610
转载 搭建一个vue3+ts项目(超祥/必看)
Pinia 支持热更新,所以你可以编辑你的 store,并直接在你的应用中与它们互动,而不需要重新加载页面,允许你保持当前的state、并添加甚至删除state、actions和getters。@types/node 模块 在我们使用 node 方法(比如 path.resolve)时提供 ts 类型声明,否则编辑器会报错,虽然不影响代码运行,但是会有红线很影响心情,如下图所示。当修改代码时,HMR。能够在不刷新页面的情况下,把页面中发生变化的模块,替换成新的模块,同时不影响其他模块的正常运作。
2023-07-24 11:40:29 12753 2
原创 threeJs着色器
就像活字印刷,你的程序就像一个 function(函数),输入位置信息,输出颜色信息,当它编译完之后会以相当快的速度运行。然后,GPU会按照着色器的指示处理所有的这些数据,接着几何体便出现在渲染中。的渲染流程中,顶点着色器代码先执行处理顶点,得到一系列片元,然后再执行片元着色器代码处理片元。将按照顶点着色器中的指示处理所有这些信息,以便将顶点投影到2D空间,该空间将成为我们的渲染。它设置渲染到屏幕的每个单独的“片元”(像素)的颜色。的着色器代码分为顶点着色器代码和片元着色器代码两部分,顶点着色器代码会在。
2023-06-20 16:53:32 1268
原创 threeJs使用gui控制球体大小
SphereGeometry创建时仅使用半径参数,没有内置的方法来改变它,需要手动修改几何顶点,或使用新的半径创建新的SphereGeometry或者缩放球体。gui.add第一个参数只能是对象,第二个参数是属性,三四是变换范围,第五个是步进。在render渲染函数中,改变缩放倍数。
2023-05-22 15:27:48 426
原创 threejs 相机OrbitControls常用方法及属性
可以对三维场景进行缩放、平移、旋转,本质上改变的不是场景,而是相机的参数,相机的位置角度不同,同一个场景的渲染效果是不一样,比如相机围绕着一个场景旋转,就像场景旋转一样。在实际应用中,想控制一个产品缩放范围, 可以通过相机空间OrbitControls的.minZoom和.maxZoom属性实现。展示一个三维场景,控制360度旋转范围,比如一辆轿车,不希望用户看到轿车的底盘,你可以通过设置相机的旋转范围属性来实现。属性控制上下360度的旋转范围。属性控制左右360度的旋转范围。
2023-05-18 09:46:04 3468
原创 threeJs进阶 让模型沿着指定轨迹移动与转向
效果图:涉及相关知识点:欧拉对象和四元数主要用来表达对象的旋转信息。关键词:欧拉Euler、四元数Quaternion、矩阵Matrix4。
2023-05-10 16:04:15 5171
原创 vue循环中根据下标取值data中的数据
逻辑中循环根据下标,取对应data中的某个变量,并改变此变量的值。data中有cube1,cube2,cube3…
2023-05-08 17:51:22 379
原创 排序 根据数组中 某项数值大小排序
{value: 1122, name: ‘紧急报警’},{value: 1122, name: ‘紧急报警’},{value: 209, name: ‘普通报警’},{value: 209, name: ‘普通报警’},{value: 92, name: ‘严重报警’},{value: 92, name: ‘严重报警’},按数值大小排序,数值相同,则按名称首字母排序。
2023-05-06 15:56:30 146
原创 threejs动态调整相机位置
本文实现的效果是,模型渲染出来后,根据用户点击模型的某部分,将相机定位到鼠标点击的位置,并放大。不过此文的相机调整比较快、生硬,没有那种渐进式的感觉,哪位博主有更好的方法了请在下面留言哦。
2023-04-26 16:11:14 3150 2
原创 vue项目中,Threejs 点击模型,高亮发光模型外轮廓
效果如图,点击哪块,对应显示边框线,带呼吸灯。并根据点击的模块为模块添加光效。4、添加高亮发光模型外轮廓效果。
2023-04-13 17:07:29 4018 6
原创 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 1364
原创 使用CSS动态创建边角框架
分别div.container和div.corner添加::before和::after伪类,并将伪类中的元素分别设置成四个边角元素即。定义一个div容器,如div.container。通过双伪元素、边框、定位实现。在容器中定义1个子元素。
2023-02-22 10:50:16 219
原创 elementUI中el-tree树形默认初始化高亮赋值
setCurrentKey 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性。node-key=“id” 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的。highlight-current 是否高亮当前选中节点,默认值是 false。ref=“tree” 方便后面取值。第二步:设置当前高亮的节点。第三步、样式修改(非必须)第一步、添加相应属性。
2023-02-14 16:07:16 3708 1
有关天气的字体图标库源文件,引入即可使用
2023-07-13
截图软件,可以把图片钉在某个位置,支持放大缩小
2022-07-04
OrbitControls.js
2021-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人