- 博客(105)
- 收藏
- 关注
RSS订阅原创 vue实现点击单选或者多选模式
这段代码实现了一个多选/单选切换的选择逻辑。在多选模式下，通过检查项目中是否存在唯一的userId属性，对selectedItems数组进行添加或删除操作。在单选模式下，直接将selectedItems设为当前项目数组并清空其他项目的orgList。isSelected方法通过userId判断项目是否已被选中。代码结构清晰，考虑了不同选择模式的需求。
2025-06-03 17:06:43
169
原创 js实现数组去重
该代码实现了一个数组去重函数uniqueById，通过Set数据结构存储已处理的orgId，确保返回数组中每个对象的orgId唯一。遍历输入数组时，若当前对象的orgId未被记录则加入结果数组并标记为已访问。最终返回不含重复orgId的对象数组。
2025-06-03 17:04:54
66
原创 flex布局实现固定区域滚动
父级display: flex;实现org-list-content区域滚动。<div class="aa"></div> //aa固定高度的。
2025-06-03 17:03:12
85
原创 js 用户将鼠标悬停在某个元素上时，显示完整文本
总结来说，这个方法在用户将鼠标悬停在某个元素上时，延迟 0.6 秒后判断该元素内的文本是否超出其显示宽度。如果超出，就在鼠标附近显示一个包含完整文本的提示框。这是一种常见的用户界面交互方式，用于在有限的空间内展示更多的信息。//timer 鼠标放上去等待0.6秒再显示。diff = 60;
2025-06-03 16:56:42
267
原创 js实现可折叠的列表或菜单
这段代码的核心功能是根据父容器的高度和子元素的布局情况，动态计算并更新一个列表的折叠点。当列表的高度超过一定阈值（77像素）且子元素数量大于3时，通过一系列计算和判断，确定一个合适的折叠位置，并将该位置信息存储在组件的状态中，以便后续使用。这种逻辑通常用于实现可折叠的列表或菜单，以优化页面布局和提升用户体验。
2025-06-03 16:52:48
230
原创 css3弹性盒子
否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。：如果’align-self’的值为’auto’，则其计算值为元素的父元素的’align-items’值，如果其没有父元素，则计算值为’stretch’。- 弹性容器为多行。
2023-02-15 16:12:19
1411
1
原创 异步编程（回调函数、事件监听、发布订阅模式、promise）
4.Promise 实际就是一个对象， 从它可以获得异步操作的消息，Promise 对象有三种状态，pending(进行中)、fulfilled（已成功）和rejected（已失败）。因为 f1 是一个需要一定时间的函数，所以可以将 f2 写成 f1 的回调函数，将同步操作变成异步操作，f1 不会阻塞程序的运行，f2 也无需空空等待。3.发布订阅模式：发布/订阅模式是利用一个消息中心，发布者发布一个消息给消息中心，订阅者从消息中心订阅该消息，类似于 vue 的父子组件之间的传值。
2023-02-03 11:19:12
162
原创 块级元素和行内元素
3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height），同时在设置外边距margin上下无效，左右有效，内填充padding上下无效，左右有效；1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。4.块级元素可以包含行内元素和块级元素，还可以容纳内联元素和其他元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素。
2023-02-03 09:51:51
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人