- 博客(73)
- 收藏
- 关注
RSS订阅原创 VUE篇之推送+瀑布流
摘要：该代码实现了一个带实时推送功能的瀑布流列表组件。主要特性包括：1) 滚动到底部自动加载更多数据（每页10条，最多5页）；2) 每3秒自动推送一条消息至列表顶部；3) 使用transition-group实现进场/退场动画效果；4) 包含加载状态提示和全部加载完成提示。组件采用Vue单文件组件形式，包含template、script和scoped style三部分，通过scroll事件监听实现无限滚动，通过定时器实现消息推送功能。
2025-11-19 16:42:06
256
原创 JS之异步调度器
假如一个车站只能停2辆火车，先来了一辆火车，下客需要1s, 还剩一个位置，第二辆进来，下客，用了0.5s, 还有0.5s,第三辆进来下客。2:多调用次start方法，判断count临界值，方法不是很美观。方法1：采用while判断条件临界值。
2025-10-14 15:41:02
191
原创 多级数据处理
摘要：文章描述了一个树形结构数据处理函数getSelectedIds，该函数根据特定规则返回选中的节点ID集合。规则包括：1)选中子节点时返回该子节点；2)选中父节点且其子孙也被选中时，只返回被选中的子孙；3)选中父节点但子孙未被选中时，返回该节点下的所有子孙。函数通过构建子节点映射表，使用递归方法判断子孙选择状态，最终返回符合规则的ID数组。示例展示了两种不同选择情况下的返回结果。
2025-09-16 09:54:15
250
原创 VUE篇之自定义组件使用v-model
该代码展示了如何在Vue.js中使用子组件和父组件进行双向数据绑定。子组件MyComponent包含一个时间选择器el-time-select，并通过v-model与父组件进行数据同步。子组件通过props接收父组件传递的value，并在内部创建副本innerValue以避免直接修改props。子组件通过watch监听value的变化，并在时间选择器值改变时触发input事件，更新父组件的formData。父组件通过v-model绑定formData，并实时显示当前选择的时间。这种方式实现了父子组件之间的数
2025-05-15 10:41:07
398
原创 React篇之three渲染
（即由 document.defaultView 返回）上触发。只有在 window 对象上注册的处理器才能接收 resize 事件。：页面宽度变化第一时间都是window.onresize的事件，然而，问题2：拖拽的时候，渲染模型会白屏闪烁，==>解决：加个防抖。需求：拖拽右侧面板，里面的three模型能够自适应。// 100ms 防抖。resize 事件只在 window 对象。
2025-03-13 16:38:13
402
原创 CSS篇之炫酷框
上面是一个dom情况，如果多个dom,可遍历dom,更改radial-gradient属性；实现原理：div大小为20px 20px;那么伪元素大小要比div大出一圈，才能显示出边框；在鼠标滑过的时候，动态更改伪元素的背景色位置。
2025-01-03 17:07:19
462
原创 JS篇之时间切片
将一段时间，根据数量，切分为对应的时间片段；比如有1天，切分为2段；就是【00-12点】【12点-23点59分59秒】用到了moment时间插件。
2024-12-20 11:24:04
298
原创 Elemenu-UI时间日期单个组件，限制当前日期之后的时间
但是你不能直接添加在 pickerOptions，因为他会把当前日期之前的日期的时间都会限制【也就是一限制时分秒，整个下拉框的时分秒都会被限制】element的时间日期组件， type="datetime" ，当你设置了:picker-options="pickerOptions"之后。给pickerOptions添加selectableRange字段，类型str或者array。监听一下当前时间字段，如果选择的时间>当前时间，就限制一下，否则放开。会发现，他只会限制日期，但不会限制时分秒；
2024-12-05 14:08:47
426
原创 VUE篇之指令，判断数据更改，文本变色
el.children[0] :和el.children[0].children[0]主要目的是找到input的元素，默认数据是这样，如果更改了其中一个，文本框变成红色。讲当前更改的数据变成true即可。需要改变的item加入这2句话。
2024-07-15 16:34:53
649
原创 TABLE使用篇之奇门异术
hover提示框，用element的el-popover可以显示该操作，但是会发现 取消操作的时候，el-popover不会自动消失，虽然失去焦点改框会自动消失，但是看起来对用户不是很友好。el-popover加个:value="visible[scope.$index]"来控制他的显示和隐藏。table使用时候有时候会有下面界面。
2024-03-28 11:30:17
529
2
原创 如何搭建一个组件库
2.components中书写组件内容，readme中写组件使用说明。1.搭建一个vue项目，删除到只留下下面的内容即可。index.js中导出组件，供后续使用。
2023-11-02 11:07:32
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人