2401_89806660的博客

原创 vue3图片上印章盖章、合同上印章盖章【纯前端】

CSS 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。

原创 使用vue-cli打包，同一个js为啥会引入3次

有了 Babel 我们可以兼顾所有最新的 ES2015+ 语言特性，但也意味着我们需要交付转译和 polyfill 后的包以支持旧浏览器。现如今绝大多数现代浏览器都已经支持了原生的 ES2015，所以因为要支持更老的浏览器而为它们交付笨重的代码是一种浪费。在生产环境下，现代版的包通常都会表现出显著的解析速度和运算速度，从而改善应用的加载性能。Vue CLI 会产生两个应用的版本：一个现代版的包，面向支持。的有效的 CORS 头。的现代浏览器，另一个旧版的包，面向不支持的旧浏览器。的修复会被自动注入。

原创 Cannot call .tap()on a plugin that has not yet been defined, Call plugin(‘html‘).use(＜Plugin＞) first

确保在修改插件之前，它已经被正确加载。例如，某些插件可能在其他配置文件或预设中被注册，你需要确保这些依赖已正确引入。通常出现在使用 Webpack 配置时，特别是当你尝试修改一个尚未注册的插件时。具体来说，错误提示中的。版本与 Webpack 兼容。某些插件版本可能需要不同的配置方式。如果你在插件注册前就尝试修改它，会触发此错误。错误，并正确配置你的 Webpack 插件。确认你使用的插件名称与注册时一致。通过以上步骤，你应该能够解决。在修改插件之前，必须先使用。），也会导致此错误。

原创 [ERROR] parser.node-sass: required parameter $green is missing in call to Function rgb

【代码】[ERROR] parser.node-sass: required parameter $green is missing in call to Function rgb。

原创 el-tree 懒加载 loadNode

el-tree是 Element UI 提供的树形组件，其懒加载功能通过loadNode方法实现，可以在用户展开节点时动态加载子节点数据，避免一次性加载大量数据。下面介绍loadNode的具体用法和示例。loadNode是el-tree的一个重要属性，用于定义节点加载的回调函数。当用户展开一个节点时，会触发该回调并传入当前节点的信息，开发者可根据这些信息异步加载子节点数据。

原创 script中crossorigin=“anonymous“是什么意思

是 HTML 中<script><link><img>等标签的一个属性，用于，主要影响浏览器如何处理跨域请求以及是否发送用户凭证（如 Cookie、HTTP 认证信息）。这个属性在处理跨域资源时非常重要，尤其是在涉及错误捕获、CORS（跨域资源共享）和资源加载安全的场景中。通过设置属性，可以改变这些行为，让浏览器以更安全、可控的方式处理跨域资源。

原创 Script Error产生的原因及解法

（脚本错误）是浏览器在加载或执行 JavaScript 时遇到异常，但因安全限制或其他原因无法提供具体错误信息（如错误类型、位置）的一种模糊提示。的 JavaScript 文件（跨域脚本），且该脚本执行时发生错误，浏览器为保护隐私会隐藏具体错误信息，仅返回。捕获错误时未正确处理参数，也可能导致错误信息被简化为。部分浏览器（如 Chrome、Firefox）对。协议（本地文件）的脚本错误也会限制信息显示，导致。若错误来自跨域脚本，需同时配置。在页面引入跨域脚本时，添加。即使脚本同域，若使用。

原创 git 提交规范，feat、fix、chore、docs、style是什么意思!

使用规范的提交消息可以让项目更加模块化、易于维护和理解，同时也便于自动化工具（如发布工具或 Changelog 生成器）解析和处理提交记录。通过编写符合规范的提交消息，可以让团队和协作者更好地理解项目的变更历史和版本控制，从而提高代码维护效率和质量。

原创 Vue3 组件通信：父传子的 5 种方式

【代码】Vue3 组件通信：父传子的 5 种方式。

原创 Vue3 组件通信：子传父的 4 种方式

子组件：父组件：2. 使用 双向绑定子组件：父组件：3. 使用自定义事件名子组件：父组件：4. 使用 事件总线（跨层级通信）安装 mitt：创建事件总线：子组件：任意层级组件：最佳实践建议 优先使用 ：语法更简洁，类型更安全 复杂场景用 ：适合跨层级或兄弟组件通信 避免滥用事件总线：过度使用会导致代码难以维护 v-model 适用于表单：当子组件是表单控件时使用根据你的具体场景选择合适的通信方式，小范围通信优先使用

原创 vue搜索列表，关键字高亮

【代码】vue搜索列表，关键字高亮。

原创 【完整步骤】Vue 3安装和配置 ElementPlus

创建/* 导入默认样式 *//* 自定义变量 */:root {然后在main.jsimport './styles/element/index.css' // 导入自定义样式。

原创 Element-Plus-全局自动引入图标组件，无需每次import

1、核心代码修改main.js/ts。

原创 el-cascader“点击文字就能选中“element/element-plus

点击label文字前方的圆圈或方块复选框，才能进行选中。

原创 报错Cannot read properties of undefined (reading ‘catch‘)

在 node_modules 里找到 vue-pdf 文件夹，打开 pdfjsWrapper.js 文件，修改大约第 190 行代码。

原创 AntV G6动态连线

【代码】AntV G6动态连线。

原创 vue2/3安装依赖报错，终极解决方案

【代码】vue2/3安装依赖报错，终极解决方案。

原创 TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)

在vue项目开发中，使用Echarts报错：Cannot read properties of undefined (reading ‘queryComponents‘)，无法读取未定义的属性（读取“queryComponents”）

原创 Error：Cannot find module ‘chokidar‘

在vue开发中，出现报错：Error：Cannot find module ‘chokidar’依旧无效，删除node_modules重新安装。

原创 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

使用vue3安装依赖时候报错。

原创 Failed to parse source for import analysis because the content contains invalid JS syntax

检查文件扩展名，如果你确实在使用 JSX 语法，请确保文件扩展名为 .jsx 或 .tsx，如果是 TypeScript 文件，请确保扩展名为 .ts 或 .tsx。检查是否有语法错误，例如未闭合的标签、括号或引号等。如果你使用了某些特定的插件（如 Vue 的 script setup 语法），请确保它们被正确配置。如果你的项目配置文件 vite.config.js 中有特定的插件配置，确保它们与你的文件类型匹配。

原创 两步移动搜索法（2SFCA）python

两步移动搜索法（Two-Step Floating Catchment Area Method, 2SFCA）是一种广泛应用于地理信息系统（GIS）领域的方法，用于评估设施的空间可达性。以下是基于 Python 和 GeoPandas 的一种实现方式。上述代码实现了基本的 2SFCA 流程，并考虑了距离衰减效应。其中，distance_matrix 是供给点与需求点之间距离的关系表；这些数据可以通过 GIS 工具生成，或者通过网络 API 获得。这种方法能够很好地反映实际生活中的资源分布和服务能力差异。

原创 Vue packages version mismatch报错

在vue3项目中，运行项目报错：Vue packages version mismatch这个很奇怪的错误。将vue的版本改成和vue-template-compiler的版本一致即可。

原创 js遍历对象的方法

可以给对象添加自定义迭代器，使其可被`for...of`循环遍历。// 输出: a 1, b 2, c 3- 只遍历键：`for...in`（注意检查自身属性）或 `Object.keys()`- 只遍历值：`Object.values()`- 遍历键值对：`Object.entries()`- 包括不可枚举属性：`Object.getOwnPropertyNames()`- 包括Symbol属性：`Reflect.ownKeys()`

原创 ECharts dispatchAction的使用

触发图表行为，例如图例开关, 数据区域缩放dataZoom，显示提示框showTip等等，更多见和的文档。

原创 vue3报错No known conditions for “./lib/locale/lang/zh-cn”

【代码】vue3报错No known conditions for “./lib/locale/lang/zh-cn”

原创 去除element-plus标签页tabs底部灰色线条下划线

【代码】去除element-plus标签页tabs底部灰色线条下划线。

原创 vue3计算属性computed使用setup

在 Vue 3 中，computed是一个非常实用的函数，用于创建。计算属性是基于其他响应式数据派生而来的，它们会自动追踪依赖，并在依赖变化时重新计算。以下是computed。

原创 本科就业推荐系统（springboot+mysql+vue+doc论文+答辩ppt）

原创 DataExplore数据恢复大师

数据恢复大师是一款功能强大,提供了较低层次恢复功能的硬盘文件恢复软件,只要数据没有被覆盖掉,文件就能找得到,请将数据恢复大师软件安装到空闲的盘上,在恢复之前不要往需要恢复的硬盘分区里面写入新的文件.本软件支持FAT12,FAT16,FAT32,NTFS文件系统,能找出被删除/快速格式化/完全格式化/删除分区/分区表被破坏或者Ghost破坏后的硬盘文件.对于删除的文件,本软件有独特的算法来进行恢复,可以恢复出被认为无法恢复的文件,目录和文件的恢复效果非常好;

原创 爬虫实战，批量采集 股票数据，并保存到Excel中

原创 基于STM32智能循迹避障小车设计

以设计题目的要求为目的，采用 stm32 为控制核心，利用红外线传感器检测道路上的轨迹和超声波检测障碍，控制电动小车的自动循迹和避障，快慢速行驶，以及自动停车，整个系统的电路结构简单，可靠性能高。实验测试结果满足要求，本文着重介绍了该系统的硬件设计方法及测试结果分析。采用的技术主要有:(1) 通过编程来控制小车的速度;(2) 传感器的有效应用;(3) 新型芯片的采用。随着汽车工业的迅速发展，关于汽车的研究也就越来越受人关注。全国电子大赛和市内电子。

原创 将element-plus table背景改成透明色

确保你的样式文件在 ElementPlus 样式之后加载，或使用。：透明表格在深色或图案背景上效果更佳，需确保文字与背景有足够对比度。

原创 vue3报错Vue is not defined

【代码】vue3报错Vue is not defined。

原创 You cannot set a form field before rendering a field associated with the value.

在vue2、vue3项目开发中，使用ant-design-vue组件，出现报错：You cannot set a form field before rendering a field associated with the value.这个问题，大部分是因为【多传】导致。

原创 el-tree实现一键全选/一键反选/全部收起/全部折叠功能

el-tree实现一键全选/一键反选/全部收起/全部折叠功能。

原创 Unable to preventDefault inside passive event listener due to target being treated as passive

CSS里面，加入代码即可。

原创 Vue3加入购物车动画

【代码】Vue3加入购物车动画。

原创 vue3打包后，图片丢失

在 webpack 中使用require()来引入静态图片，但在 vite 中就不行。

原创 Error: Module “path“ has been externalized for browser compatibility. Cannot access “path...

这个错误是由于浏览器兼容性导致的，有些浏览器无法识别 path 模块（Nuxt.js 即为无法在客户端使用）。安装path-browserify插件即可。