- 博客(15)
- 收藏
- 关注
RSS订阅原创 滚动条样式修改
:-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分。::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分。::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)::-webkit-scrollbar-thumb — 滚动条上的滚动滑块。::-webkit-scrollbar-track — 滚动条轨道。可以根据自己得需求进行相应得伪类设置。
2023-09-13 10:46:27
169
原创 vue 防抖节流
节流：当一个事件被触发时，在一定时间范围内只执行一次函数。也就是说，当事件被触发后，会在一定时间内先执行该事件处理函数，并在这段时间内屏蔽其他事件。如果在这段时间内又触发了该事件，则不会被处理，直到这段时间过去后，才会再次执行该事件处理函数。也就是说，当事件被触发后，会等待一段时间，如果这段时间内没有再次触发该事件，才会执行事件处理函数。如果在这段时间内又触发了该事件，则等待一段时间后再执行，并以此类推。这意味着，用户在输入框中输入时，只有当停止输入 500 毫秒后才会执行搜索逻辑。
2023-04-24 10:10:03
101
原创 PC 端适配移动端
在这个样例中，我们设置了根元素字体大小为 16px，然后使用媒体查询来检测屏幕宽度，并根据需要动态修改根元素字体大小。例如，当屏幕宽度小于 768px 时，将根元素字体大小设置为 14px，当屏幕宽度小于 480px 时，将根元素字体大小设置为 12px。4.在需要使用 rem 单位的组件中使用 px 单位，并添加一个类名 .no-rem，以避免被转换为 rem 单位。请注意，在使用 rem 单位时，其值是相对于根元素字体大小计算的，因此会根据根元素字体大小的变化而变化。在这个组件中，我们使用。
2023-03-20 16:54:21
647
原创 scrollIntoView()滚动得位置有差异
通过querySelector()方法获取元素，并调用scrollIntoView()方法将其滚动到可视区域内。然后，获取父容器的滚动距离，并根据子元素的位置，计算出子元素相对于父容器的滚动距离，在调用父容器的scrollTo()方法来实现。如果调用该方法之后，元素没有滚动到指定的位置，有可能是因为调用的不正确，也有可能是元素所在的父容器存在滚动条，导致滚动到了父容器的可视区域内。如果元素所在的父容器存在滚动条，可能需要将父容器也一同滚动，才能让元素出现在浏览器窗口可视区域内。
2023-03-17 08:54:35
3526
原创 element table组件单行颜色设置
需要注意的是，在使用 row-style 属性时，其值必须是一个函数，而非一个对象。同时，该函数返回的样式对象会与 Element Table 默认样式进行合并，因此您只需要覆盖需要修改的样式即可。在 Element Table 组件中，可以通过设置 row-style 属性来为表格中的每一行指定特定的样式，达到单行颜色设置的目的。在上面的代码中，我们实现了一个简单的单行交替颜色样式，即偶数行为浅灰色，奇数行为白色。，表示当前行的数据和序号。您可以在该方法中根据需要返回一个包含 CSS 样式的对象。
2023-03-16 17:19:54
2498
原创 dom树是如何生成的
页面得渲染流程总得俩说就五步，创建 DOM 树——创建 StyleRules——创建 Render 树——布局Layout（重排）——绘制 Painting（重绘）第三步，将 DOM 树和样式表，关联起来，构建一颗 Render 树(这一过程又称为 Attachment)。第四步，有了 Render 树，浏览器开始布局，为每个 Render 树上的节点确定一个在显示屏上出现的精确坐标。第二步，用 CSS 分析器，分析 CSS 文件和元素上的 inline 样式，生成页面的样式表。(标记化和树构建)。
2023-01-30 14:43:29
1083
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人