自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 dom 里面,如何判定a元素是否是b元素的子元素

2 使用dom的parentElement 以及递归。1.contains()方法。

2025-02-20 17:39:05 156

原创 前端如何实现折叠面板效果

【代码】前端如何实现折叠面板效果。

2025-02-20 17:19:58 212

原创 axios 取消请求的处理

首先,确保你的项目中已经引入了 Axios 库。方法来检查错误是否是由取消请求引起的。如果是,你可以根据需要进行处理,比如显示一个取消请求的提示信息。方法,并传递一个可选的取消原因作为参数。调用这个方法后,Axios 会检测到关联的请求,并取消它。属性作为请求配置的一部分传递给 Axios。这样,Axios 就知道这个请求是可以被取消的。Axios 提供了取消请求的功能,主要通过。在发送请求时,将创建的取消标记的。当需要取消请求时,调用取消标记的。用于触发取消请求的操作。

2025-02-20 16:19:35 311

原创 cookie 可以实现不同域共享吗

设置Cookie 的假设你使用的是 Node.js 和 Express 作为后端服务器,你可以通过res.cookie方法来设置 Cookie,并指定Domain属性。

2025-02-20 15:26:20 198

原创 浏览器有同源策略,但是为何 cdn 请求资源的时候不会有跨域限制

CDN(内容分发网络)请求资源时不会触发跨域限制,主要是因为浏览器的同源策略主要针对的是脚本、样式、字体等资源的跨域请求,而 CDN 通常用于分发静态资源(如图片、视频、JavaScript 文件、CSS 文件等),这些资源的请求方式不会触发跨域限制。即使某些资源需要跨域请求(例如通过 `fetch` 或 `XMLHttpRequest` 加载),CDN 也可以通过配置 **CORS(跨域资源共享)** 头部来允许跨域访问。- **`<video>` 或 `<audio>` 标签**:加载媒体文件。

2025-02-19 17:33:09 456

原创 vue px如何转为 rem

在Vue项目中,将像素(px)转换为相对单位(rem)通常用于响应式设计,以便在不同屏幕尺寸下保持一致的布局比例。PostCSS 是一个用 JavaScript 工具和插件转换 CSS 代码的工具。(可选,用于自动添加 CSS 前缀)。插件自动将 px 转换为 rem。使用 npm 或 yarn 安装。

2025-02-19 16:48:51 358

原创 如何做好前端监控方案

要做好前端监控方案,需要从多个方面入手,确保监控的全面性、准确性和实时性。

2025-02-19 15:28:23 833

原创 何减少项目里面 if-else

说几种常见方便的。

2025-02-17 17:50:54 292

原创 发送多个请求时只出现一个toast

防抖:适合短时间内多次失败的情况。标志位控制:简单直接,适合大多数场景。请求队列:适合需要统一处理多个请求的场景。全局错误处理:适合需要集中管理错误的场景。

2025-02-17 17:32:04 238

原创 如何定位有bug的commit版本

是一种高效的二分搜索算法,能够快速定位引入问题的 commit。

2025-02-12 16:22:37 69

原创 获取窗口大小

获取浏览器窗口的内部宽度(包括滚动条)。:获取浏览器窗口的内部高度(包括滚动条)。事件的回调函数中,更新窗口大小的值。

2025-02-12 15:29:54 238

原创 ResizeObserver 作用是什么

用于观察元素尺寸的变化,并在尺寸变化时触发回调函数。它适用于动态调整布局、响应式设计等场景。

2025-02-12 14:58:58 117

原创 防止前端页面重复请求

在大型应用中使用状态管理库(如 Redux、Vuex)管理请求状态,避免重复请求。节流技术可以限制请求的频率,确保在一定时间内只执行一次请求。防抖技术可以防止短时间内多次触发同一请求。通过缓存机制避免重复请求相同的资源或数据。头,让浏览器缓存资源。

2025-02-11 14:45:55 274

原创 如何实现鼠标拖拽

在移动端实现拖拽功能与桌面端类似,但由于移动设备使用触摸事件而不是鼠标事件,因此需要使用。在移动端拖拽时,可能会触发页面的滚动行为。事件中记录鼠标的初始位置和被拖拽元素的初始位置。事件中计算鼠标的位移,并更新被拖拽元素的位置。事件中结束拖拽操作。

2025-02-11 09:31:18 337

原创 前端长文本溢出,展开收起如何实现

属性用于添加动画效果,使文本展开和收起更加平滑。

2025-02-10 23:07:10 102

原创 前端js大型文件切片上传

【代码】前端js大型文件切片上传。

2025-02-10 09:25:48 221

原创 git回退版本

1. reset 如果想恢复到之前某个提交的版本,且那个版本之后提交的版本我们都不要了。2. revert 如果我们想撤销之前的某一版本,但是又想保留该目标版本后面的版本。

2025-02-08 16:40:54 162

原创 要判断一个页签(Tab)是否为活跃状态

判断页签是否为活跃状态的具体方法取决于你所处的环境(浏览器、操作系统、移动端等)。在浏览器环境中,是最常用的方法。

2025-02-08 10:51:33 359

原创 移动端如何实现下拉滚动加载(顶部加载)

通过监听滚动事件、判断滚动位置、触发加载并优化性能,可以在移动端实现下拉滚动加载(顶部加载)功能。

2025-02-08 10:23:29 255

原创 统计页面的longtask(长任务)

【代码】统计页面的longtask(长任务)

2025-02-07 18:35:33 261

原创 ‌在退出浏览器之前发送积压的埋点数据请求,可以采用以下几种方法‌:

这种方法需要注意区分刷新和关闭页面的行为,以确保只在关闭页面时发送数据‌。这种方法适用于发送少量的数据,并且不需要等待服务器的响应‌。这种方法可以确保在页面关闭时发送数据,而不会影响用户体验‌。

2025-02-07 18:28:31 181

原创 在退出浏览器之前发送积压的埋点数据请求

方法可以将数据异步发送到服务器,即使页面正在关闭。该方法适用于发送少量数据,并且不会阻塞页面的关闭。事件,可以在页面即将卸载时发送数据。当文档的可见性发生变化时,会触发这个事件。如果时间差小于某个阈值(如3毫秒),则认为是刷新;这种方法适用于所有情况,包括标签页被关闭、浏览器窗口关闭等‌23。这种方法可以确保在页面关闭时发送数据,而不会在刷新时发送‌4。可以通过记录时间戳来区分页面是刷新还是关闭。是数据将要发送到的网络地址,事件中记录时间戳,然后在。是要发送的数据,可以是。

2025-02-06 16:38:38 171

原创 滚动跟随导航(电梯导航)该如何实现

【代码】滚动跟随导航(电梯导航)该如何实现。

2025-02-06 11:45:09 237

原创 navigator.sendBeacon详细介绍

是一个用于在页面卸载或关闭时发送少量数据的可靠方法。它简单易用且不会阻塞页面的其他操作,非常适合用于日志记录、分析和监控等场景。在这个示例中,我们将一个包含用户信息、页面信息和停留时间的对象转换为。当用户代理成功把数据加入传输队列时,方法将其发送到服务器。

2025-02-06 11:25:50 487

原创 js继承(ES5,ES6)

JS必知的6种继承方式,以及ES6的继承

2022-06-14 16:12:53 195

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除