Javartre-优快云博客

原创 layui踩坑记录： layui时间控件设置了默认值无法清空问题

最终通过比对设置的默认值格式发现是控件使用的默认时间格式为 yyyy-MM-dd HH:mm:ss，而我设置的值的是 2025-2-14 10:56:57 - 2025-2-21 10:56:57 很显然不符合该格式，最终导致时间筛选器无法清空。虽然解决了该问题，但我任然存在疑惑，因为我查找了项目中其他使用laydate控件的地方，它们虽然页设置了默认值，但并不存在时间无法清空问题。使用了layui的时间控件（laydate）并设置了默认值，除了默认值无法清空外，其他功能使用正常。

2025-02-21 11:04:59 290

原创 ElementUI,Dialog组件增加拖拽功能

使用：在组件的调用位置增加指令 v-dialogDrag缺点：该方案相对麻烦，因为他去要找到项目中的每一个使用弹窗的地方去修改，并且存在一定问题，拖拽一次过后，第二次打开弹窗，弹窗的位置是上次弹窗关闭的位置//弹窗全局拖动指令// 获取拖拽内容头部// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);} else {// 鼠标按下事件。

2025-02-17 17:23:35 853

原创 Three.js 给模型添加纹理（Texture）

通过纹理贴图加载器的load()方法加载一张图片可以返回一个纹理对象Texture，纹理对象Texture可以作为模型材质颜色贴图.map属性的值。

2024-11-29 09:30:00 396

原创 Three.js OBJLoader加载obj文件

Three.js中文网提供Three.js、WebGL视频课程Three.js官方文档GitHub 源码地址。

2024-11-28 17:33:03 1431

原创 Canvas的像素操作：getImageData() 方法

Canvas 2D API 的 CanvasRenderingContext2D.getImageData()返回一个对象，用于描述 canvas 指定区域的隐含像素数据。

2024-11-21 09:40:55 1356

原创交叉观察器 API（Intersection Observer API）监测元素的相交

交叉观察器 API（Intersection Observer API）提供了一种异步检测目标元素与祖先元素或顶级文档的相交情况变化的方法。

2024-11-20 13:16:30 366

原创利用CSS制作抛物线动画效果

贝塞尔曲线曲线由四个点 P0，P1，P2 和 P3 定义。P0 和 P3 是曲线的起点和终点。P0是（0,0）并且表示初始时间和初始状态，P3是（1,1）并且表示最终时间和最终状态。x轴方向一个匀速的运动，y轴方向一个贝塞尔曲线运动，两个运动的轨迹结合最终形成了一个抛物线的效果。CSS中的贝塞尔曲线是有四个参数值 cubic-bezier(P0，P1，P2 ， P3)如果感兴趣，可以通过下边的链接了解。

2024-11-20 11:34:34 437

原创 Vue数据驱动，js原生操作对视图更新的影响

在最近的一个项目中遇到的一个问题，当我改变了data中的数据后，视图无法响应更新的问题，针对这个数据更新视图没有更新的情况，我深入了解一下vue的响应式原理。

2024-11-20 10:37:54 380

转载 Element UI/Plus中全局修改el-table默认样式的解决方案

的代码注释掉（如果不注释掉会报错，直接引入node_module下element-ui/packages下的单个组件，可能内部代码在未显示引入全局Vue的情况下，不能直接使用Vue的checkbox等组件），默认直接使用Vue全局组件即可，以。这样只需要在全局设置一次，就可以在每个组件中生效，这样就可以少写很多代码了，同理我们也可以在全局设置其他组件的默认的。缺点：当更新element-ui的版本后，还需要重写el-table。优点：不用修改项目原来代码，毕竟使用到的地方近百个el-table。

2023-05-25 16:14:19 6290 1

Javartre的博客