在日常开发或者做接口文档的时候，我们经常会遇到这样一个场景：👉想要快速知道某个页面到底调用了哪些接口。 手动去Network面板一个个筛选、复制，既繁琐又容易遗漏。于是，我写了一个小工具，可以在页面中自动劫持fetch、XHR、axios的请求，实时收集接口，并一键导出到Excel文件。下面分享一下完整实现和思路。...

今天必须给你们安利一个「让数据说话」的神器——Heat.js！这可不是一个普通的JavaScript库，而是一个能让你的数据「热」起来的魔法工具！想象一下，当你有一堆枯燥的日期数据，想要以直观、炫酷的方式展示出来时，Heat.js就像一个魔法师，「唰」的一下就能把它们变成色彩斑斓的热图、清晰明了的图表，甚至还有详细的统...

前端HTML转PDF的工具函数，核心作用是：把网页中指定ID的DOM元素（比如表格、报表、表单等），通过html2canvas和jspdf两个库转换成PDF文件并下载到本地。简单说：它能让用户“一键下载”网页上的某个区域为PDF（比如报表、数据统计页、合同预览页等），还预留了“水印功能”的注释代码（可按需启用）。 核...

String()和.toString()都是把值转成字符串的常见方式，但它们在调用方式、可用性、返回结果上有明显区别。下面我用通俗的方式帮你彻底讲清楚👇 💡一句话总结 🧩一、String()是全局函数它可以安全地转换任何类型为字符串，包括null和undefined。 String(123)//123Str...

在网页表单交互中，“带联想的下拉搜索框”是高频需求——无论是电商平台的商品搜索、城市选择器，还是标签输入场景，用户都希望输入时能快速匹配预设选项，减少手动输入成本。但传统实现方案往往依赖大量JavaScript：监听输入事件、过滤数据、渲染下拉列表，不仅代码冗余，还可能因脚本加载延迟影响体验。 而HTML原生的＜da...

CSS定位全解析：从static到sticky，彻底搞懂布局核心前端开发绕不开的坎：CSS定位是布局的灵魂，也是新手最容易混淆的知识点。本文用概念+案例+对比的形式，把static、relative、absolute、fixed、sticky讲透，每个特性都配可直接运行的代码，看完就能上手实战。 一、先搞懂基...

注册组件失败，可能会导致部分功能失效，错误原因未能找到文件ASPEncode.DLL应该是服务器上的安全软件拦截了点晴MIS系统安装程序的正常运行。在进行点晴MIS系统安装时，务必彻底退出Windows系统的安全软件，然后重新安装点晴MIS系统即可解决以上问题。

如何将云服务器中的点晴MIS系统数据库和用户上传的文件自动备份到没有公网IP的远端局域网内群晖NAS机中？​无需依赖第三方程序，就可以将云服务器中的点晴MIS系统数据库和用户上传的文件自动备份到没有公网IP的远端局域网内的群晖NAS机中。方法如下：1、在点晴MIS服务器上，勾选启用WebDAV服务；2、在群晖NAS备份...

可以使用Windows10自带的磁盘管理工具或第三方软件完成分区操作（无需重装系统）。以下是两种最常用且安全的方法（附详细步骤）：️方法1：使用Windows自带磁盘管理工具（无需安装软件，基础操作）分区前准备备份C盘重要数据（防止操作失误导致丢失）。确保C盘剩余空间充足（若已用空间超过78GB，需先清理文件）。操作步...

JavaScript提供了多种遍历数组的方式，主要分为循环结构和数组迭代方法。常见方法列表：for循环(基础循环)for...of(ES6，推荐)forEachmapfiltersomeeveryreduce/reduceRightfind/findIndex 他们有什么不同呢？ 想象你是一个包工头，你手底下有一排...

解决方式：由后端转发，前端将图片url接口传给后端，后端返回blob数据流展示，前端对图片url相同的进行缓存，不会重复发请求。//封装方法utils/transitionImage.tsimportfrom@/api/common//跟踪正在加载的URLexportconstloadingUrls=newSet＜st...

JavaScript中var、let和const的区别与应用在JavaScript的发展历程中，变量声明方式经历了重要的演变。从最初的var，到ES6引入的let和const，每种声明方式都有其独特的特性和使用场景。本文将结合具体代码示例，详细解析这三种声明方式的区别与应用。 1.var的特性与问题var是JavaS...

async函数永远会返回一个promise,即使你在函数中没有返回任何值。async函数永远会返回一个promise,即使你在函数中没有返回任何值。 因为：返回没有返回值时函数默认返回的是undefined. 所以：会返回一个promise，这个promise的值为undefined。asyncfunctiondo...

​在网页开发中，图片处理是每个前端开发者都会遇到的基础任务。面对＜img＞和＜picture＞这两个标签，很多人存在误解：要么认为它们是互相替代的关系，要么在不合适的场景下使用了复杂的解决方案。今天，我们来彻底理清这两个标签的真正用途。 ＜img＞标签＜img＞是HTML中最基础且强大的图片标签，但它远比很多人想象的...

记得我刚学习TypeScript时，最让我头疼的就是泛型这个概念。什么T、U、K，看起来像密码一样神秘。但当我真正理解并开始使用泛型后，才发现它就像是TypeScript中的瑞士军刀，能让我们的代码既灵活又类型安全。今天，我想和大家分享我对于TypeScript泛型的理解和实战经验。 什么是泛型？从函数参数到类型参数...

在C#中解析JSON字符串并提取值，主要有两种主流方案：动态解析（无需预定义类）和强类型反序列化（需定义类结构）。以下是对JSON字符串取值的具体实现方法：🛠一、动态解析（无需预定义类）适用于快速提取字段，无需创建完整模型。推荐使用Newtonsoft.Json（功能丰富）或System.Text.Json（性能更优...

在SQLServer中，数字类型默认会省略小数点前的0（如0.75显示为.75），这是因为数值类型存储时自动去除了前导零。以下是几种保留小数点前0的解决方案，结合具体场景选择使用：⚙️一、使用FORMAT函数（SQLServer2012及以上版本）通过FORMAT函数将数字转为字符串并指定格式，保留前导零：sql复制S...

一、Bug场景在一个JavaScript的网页交互项目中，有一个构造函数定义了一个对象，该对象包含一个方法用于更新DOM元素的文本内容。同时，为了实现异步操作，在这个方法内部使用了setTimeout来模拟一些延迟任务。 二、代码示例＜!DOCTYPEhtml＞＜htmllang=en＞ ＜head＞＜metach...

JS底层小揭秘：作用域链与闭包在JavaScript的学习过程中，理解其底层运行机制是进阶的关键，而作用域链和闭包更是其中的核心概念。，很多人只停留在“会用”，没搞懂底层逻辑。本文结合代码+调用栈图解，从V8引擎的运行机制出发，拆解这两个概念的本质，帮你从底层视角搞懂JS的执行规则。 一、先搭好JS底层的基础框架JS...

在TypeScript和JavaScript中，类成员变量（属性）的修饰符（Modifiers）用于控制其可见性、可访问性和可变性。两者在能力上有显著差异：TypeScript提供了更丰富的编译时修饰符，而JavaScript（ES2022起）引入了运行时私有字段。 下面从TypeScript和JavaScript两...

在WindowsServer上开启WebDAV服务主要涉及IIS（InternetInformationServices）的配置。以下是详细步骤，适用于WindowsServer2003/2008/2012/2016/2019/2022等主流版本（不同版本操作界面略有差异，但核心流程一致）：📂一、安装IIS及WebD...

使用WebDAV分享本地文件，轻量、易于使用​特性基于Golang实现，性能高。最终编译为单二进制文件，不需要Apache等环境，依赖少。支持浏览器访问。可以在同个端口下启用多个WebDAV服务，各自有不同的挂载目录、用户名密码。良好的Docker支持。快速开始从https://github.com/117503445...

前端下载文件是常见需求，不同场景（如静态文件、动态生成文件、大文件、跨域文件）对应不同最佳实践，核心目标是稳定性、用户体验、兼容性。以下是系统化的最佳实践方案： 一、核心下载方式对比与适用场景 二、基础场景最佳实践1.静态文件下载（最简单）直接使用＜a＞标签，核心是download属性（指定文件名，可选）：＜!...

本次在多次修改nginx的配置的时候，总是改了之后没有生效。原因就是我一直是在浏览器的地址栏直接把地址又粘贴了一遍，回车；所以一直有缓存不生效。但是点击了浏览器的刷新按钮就可以生效了。正好借助本次遇到的时间，记录一下 核心区别当您在浏览器中执行这两种操作时，浏览器发送的HTTP请求头（特别是缓存控制相关的头信息）是不...

你是否遇到过：页面越用越卡，浏览器内存占用持续飙升？ 动态列表频繁增删后，页面直接卡死崩溃？ 弱引用、闭包、定时器——这些看似无害的代码，竟是内存泄漏的元凶！ 本文直击三大高频内存泄漏场景，用WeakMap/WeakSet实现自动内存回收，配合Chrome工具精准定位泄漏点。从此告别页面卡顿，性能轻松翻倍！ 一...