- 博客(43)
- 收藏
- 关注
RSS订阅原创 Element Plus 2.7.5 的 datetimerange 存在 is-disabled 误判 Bug（头部年份 / 月份被错误禁用）
之前一直没发现，今天用户反馈现需要单独点击年份月份更方便，但官网上的就是有这个功能，同样的配置，用在项目中完全不能点击，尝试各种方法，,解决时间日期选择器单独的年份选择以及月份选择。
2026-01-06 15:05:09
274
原创 面试八股文-JavaScript（第五天）
前端路由的浏览历史通常使用**栈（Stack）**结构存储，符合后进先出（LIFO）原则。浏览器内置的history对象通过pushState和popState实现前进后退功能。
2025-12-26 16:30:05
972
原创 面试八股文-JavaScript（第四天）
本文总结了JavaScript核心知识点：1)使用AbortController取消请求；2)ES6-ES12主要特性，如箭头函数、Promise、async/await等；3)数据结构实现，包括二叉树定义和操作；4)跨页面通信方案；5)数组操作方法对比；6)虚拟DOM处理流程；7)异步编程方案比较；8)AST语法树概念；9)Proxy监听基本数据类型；10)reduce使用场景；11)this指向控制方法；12)事件监听参数；13)空值合并运算符；14)数组常用API；15)前端截图方案；16)Canva
2025-12-26 15:51:41
1044
原创 面试八股文-JavaScript（第三天）
Map存储键值对，Set仅存储值；Map支持按键查询，Set用于快速存在性检查。：键值对集合，键可以是任意类型，有序（插入顺序），通过。：唯一值集合，自动去重，无键值概念，通过。
2025-12-25 06:00:00
2110
原创 八股文-JavaScript(第二天)
React框架设计解析：从调度机制到架构演进 React采用自定义调度器替代requestIdleCallback，主要解决浏览器API的兼容性、执行时机不可控等问题。其Fiber架构通过任务分片实现可中断渲染，而Vue基于细粒度依赖追踪无需类似设计。React废弃旧生命周期钩子以适应异步渲染，Portal组件虽改变DOM结构但保持React事件冒泡机制。性能优化方面，React推荐代码分割、SSR等方案提升首屏加载，同时通过Lighthouse等工具监控FCP、LCP等核心指标。开发工具链上，Vite利用
2025-12-23 16:25:12
948
原创 git提交代码时所遇问题
Git提交代码时出现分支差异错误的解决方法：当本地和远程分支提交历史不一致时，Git会提示需要指定合并方式。提供三种解决方案：1）使用merge合并（默认方式，适合新手），2）使用rebase变基（保持线性历史），3）仅允许快进合并（适用于简单场景）。每种方法都可能产生冲突，需要手动解决。设置方式为执行相应git config命令后重新pull，如git config pull.rebase false使用merge方式。
2025-12-23 11:11:51
1175
原创 八股文-JavaScript（第一天）
本文总结了前端开发中的多个核心知识点：1. 事件机制方面，列出了不会冒泡的事件类型，并比较了mouseEnter与mouseOver的区别；2. JavaScript特性包括MessageChannel通信、async/await原理、Proxy监听、解构赋值、变量提升和作用域链；3. React相关知识点涉及useState批量更新、Portals使用和React与React-DOM的关系；4. Vue部分包含响应式原理、生命周期钩子差异和请求发起时机；5. 模块系统对比了CommonJS与ES6的差异；
2025-12-22 16:58:15
1411
原创 Vue3框架下的配置文件引入style文件会导致部分elementplus的样式有问题
摘要：在Vue项目中全局引入自定义SCSS变量文件时，发现Element Plus组件样式被覆盖，特别是el-select下拉框的padding样式失效。问题源于app.scss中重置了浏览器边距样式，通过全局配置引入后影响了UI库样式。最终解决方案是放弃全局引入方式，改为在App.vue中单独引入SCSS文件，从而避免样式冲突。这反映了全局样式引入可能带来的组件库样式覆盖风险。
2025-12-22 09:59:31
190
原创 前端测试vue+elementplus+vitest
本文展示了一个使用Vue 3和Element Plus构建的表格与表单交互组件。组件包含一个表格展示数据，并提供查看、编辑、删除功能，通过对话框实现表单交互。测试用例覆盖了数据渲染、查看/编辑对话框、删除操作以及表单提交等功能的验证。组件采用Composition API编写，测试使用Vitest框架，通过data-testid属性定位元素进行测试。该实现展示了如何结合el-table和el-form构建CRUD功能，并确保组件可测试性。
2025-08-22 15:57:06
213
原创 vscode扩展应用 -koroFileHeader（jsdoc代码风格注释）
这篇配置文档详细介绍了VS Code编辑器的各项设置参数，主要包括：1) ESLint配置，支持多种文件类型验证；2) 编辑器基础设置，如字体、缩放等；3) Vetur插件对Vue文件的格式化支持；4) 文件头部注释自动生成功能，包含创建时间、作者等元数据；5) 远程SSH连接配置；6) Vue开发辅助设置。文档特别强调了文件头部注释的自定义选项，包括时间格式、符号样式等，并提供了快捷键操作说明。整体配置覆盖了前端开发中的代码规范检查、格式化、注释管理等核心需求。
2025-08-13 14:52:27
528
原创 SyntaxError: At least one ＜template＞ or ＜script＞ is required in a single file component.
摘要：在Vite项目中配置Vitest测试时，遇到.vue文件解析失败的问题。原因是同时在vite.config.ts和vitest.config.ts中重复配置了Vue插件解析。解决方法：只需在vite.config.ts中配置一次@vitejs/plugin-vue插件，并在vitest.config.ts中通过mergeConfig继承vite配置，无需重复配置。注意test环境需设置为jsdom以支持Vue组件测试，并确保globals:true启用全局测试API。
2025-08-13 14:31:03
450
原创 Promise之什么是promise?（01）
Promise是ES6引入的异步编程新方案，用于替代传统的回调函数方式。它是一个构造函数，封装异步操作（如文件读写、数据库操作、Ajax请求等），并能获取成功/失败的结果。相比回调函数，Promise优势在于：1.解决回调地狱问题，通过链式调用替代嵌套；2.更灵活的回调处理，可在异步操作后绑定多个回调。典型使用方式是通过then()处理成功结果，catch()捕获错误，使异步代码更清晰易维护。
2025-07-31 16:10:50
154
原创 JS深入之从原型到原型链
摘要：原型是构造函数的共享属性工具箱（如dogToy.prototype），用于为实例对象（如小狗玩具）提供公共方法。原型链是属性查找机制：实例先查找自身属性，若无则沿__proto__向上追溯原型链（如实例→构造函数原型→Object.prototype→null），实现属性继承与共享。通过原型链可节省内存，让所有实例共享方法，如给Object.prototype添加方法可使所有对象继承该功能。原型链终点为null，关系可通过__proto__和prototype属性验证。
2025-06-10 11:47:22
666
原创 css之雪碧图（精灵图）
雪碧图（Sprite）是一种在Web开发中常用的图像合并技术，将多个小图标或图片合并成一张大图，然后通过CSS来显示其不同部分。这种技术可以减少HTTP请求数量，提高网页加载速度。如果一张大图由许多小图构成，那么每张小图都需要进行网络请求，这样一来就会有很多请求，为了减少网络请求，雪碧图就出现了。听到雪碧图是不是跟我一样，啥？以下是本人自己写的例子，大图的图片是在百度找的。
2024-09-02 14:57:07
1155
原创 PrimeVue DataTable 属性值解析
nullnull000falsebottomtrue5nullfalsefalsenullnullnull11nullsinglefalsenullnullnullnullnullnulldeepEqualsfalsefalsenullnullfalsedownloadnullfalsefitfalsenullnullnullnullnullfalsenullsessionnullnullnullnullnullfalsenull输入HTML属性。
2024-08-30 10:44:19
3044
原创 JS进阶 学习笔记 第一弹
1.需求：需要一个函数，无论用户传入几个实参，都能拿到参数，举例，将用户传入的参数进行求和。展开运算符：使用展开运算符(...)讲一个数组进行展开，在求数组中最大值或者最小值时常用。它不会创建自己的this,.只会从自己的作用域链的上一层沿用this。是函数内部内置的伪数组变量，它包含了调用函数时传入的所有实参。1. ... 是语法符号，置于最末函数形参之前，用于获取。arguments 的作用是动态获取函数的实参。2. 借助 ... 获取的剩余实参，是个。它没有动态参数，只有剩余参数。
2024-08-27 09:56:00
397
原创 Web API 学习笔记 第四弹
本地只能存储字符串，无法存储复杂的数据类型，在需要存储对象等复杂类型的数据时，需要将其转化为字符串进行存储，但是，由于存储在本地的数据已经转化为了字符串，就不能直接使用，需要在使用时将取出来的数据转化为对象或者其他需要的数据类型。延迟器需要等待，后面的代码需要先执行。localStrorage作用：可以将数据永久的存储在用户电脑中（本地），除非手动删除，否则即使关闭用户也会存在。这两段代码都设置有定时器，但是时间上设置的一个是1秒后执行,一个设置的是0秒，但执行结构都是一样的，这是因为。
2024-08-26 10:24:31
575
原创 Nuxt3 axios封装 使用axios接口请求
如果需要使用token，则写一个token.js文件，需要安装js-cookie,自行安装。2.如果项目是前后端分离的，服务请求接口要请求后端给的接口，则需要开启请求代理。在nuxt.config.ts文件中。封装请求request.ts文件。一、先安装axios。
2024-08-09 14:54:19
1912
原创 Web APIs 第三弹 学习笔记
传统on注册（L0）：同一个对象，后面注册的事件会覆盖前面注册（同一事件）；概念：当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触动。removeEventListener(事件类型，事件处理函数，[获取捕获或者冒泡阶段])，假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段。注意：此方法可以阻断事件流动传播，不光在冒泡阶段有效，捕获阶段也有效。需求：若想把事件就限制在当前元素内，就需要阻止事件冒泡。后面注册的事件不会覆盖前面注册的事件(同一个事件)
2024-07-18 07:00:00
825
原创 Web APIs 第二弹 学习笔记
如果将函数A作为参数传递给函数B时，我们称函数A为回调函数（就是当一个函数当做参数来传递给另外一个函数的时候，这个函数就是回调函数）
2024-07-17 15:00:00
653
原创 Web APIs 第一弹 学习笔记
DOM是用来呈现以及与任意HTML或XML文档交互的API（是浏览器提供的一套专门用来操作网页内容的功能）DOM的作用：操作网页内容，可以开发网页内容特效和实现用户交互。
2024-07-17 07:00:00
668
原创 JavaScript基础 第五弹 学习笔记
对象：JavaScript里的一种数据类型；可以理解为是一种，但是数据是有序的数据集合。可以详细的描述某个事物。
2024-07-16 11:37:53
426
原创 JavaScript基础 第四弹 学习笔记
函数的定义 ：函数function，是被设计为执行特定任务的代码块。函数可以把具有相同或相似逻辑的代码‘包裹’起来，通过函数调用执行这些被“包裹”的代码逻辑，
2024-07-16 10:45:38
1897
原创 JavaScript基础 第三弹学习笔记
目标：掌握for循环重复执行某些代码作用：用于重复执行某些代码，例如：计算1-100的和好处：把声明起始值、循环条件、变化值写到一起让人能够一眼看清。for循环是最常用的循环之一。
2024-07-15 12:44:19
673
原创 JavaScript 基础 第二弹学习笔记
将等号右边的值赋予给左边，要求左边必须是一个容器其他赋值运算符: +=、-=、*=、/=、%=，使用这些运算符可以对变量赋值进行快速操作。想写变量+3的话。
2024-07-13 17:31:15
603
原创 TypeError: AutoImport is not a function TypeError: Components is not a function
按照官网在vue.config.js中配置 需要注意的是module.exports = defineConfig这个里面没有plugins这个属性，需要使用configureWebpack：{}包裹起来。否则会报错。
2024-07-09 10:15:11
1229
原创 vue table+form 表格+表单动态增加一行 数据 并进行数据校验
表格+表单动态增加一行，加上表单的数据校验，进行新增编辑时，表格为输入框，展示数据时，表格为文本框
2024-07-08 17:24:26
1071
原创 在HTML中如何安装使用Tailwind CSS
在该文件下添加运行命令，使用npm i cross-env --save-dev进行安装。路径错误，解决：改文件夹的层级，或者改这行命令的路径。监听是否修改css文件，添加一行命令，这时候只要运行。8.优化tailwind.config.js文件配置，减少不必要代码。创建.js配置文件，将配置文件修改为如图所示。在package.json中添加一行代码。在文件中配置相关信息。就可以自动监听你的页面改动。
2024-07-03 11:33:15
1102
原创 nuxt 基本路由+动态传参
在下方创建xxx.vue文件作为父组件文件，在创建一个与它同名的文件夹。建立pages文件路由目录。nuxt3的文件结构。
2024-06-18 11:58:47
612
1原创 用户权限--全局导航守卫
router-permission.js文件// 导航全局前置守卫console.log('导航守卫---to------',to);to.matched.some(item => item.meta.isLogin)){//不需要登录next()}else{// 需要登录// 判断是否需要登录 1.判断是否已经登录了 2. 根据tokenif(token){next()}else{})
2024-06-14 10:10:18
370
软件测试理论与实践：涵盖测试方法、流程及关键技术
2025-03-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人