GuoHL的代码世界
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于

vue项目,如何修改Element-Plus等UI组件库的样式,三种方式搞定!!!

vue项目,如何修改Element-Plus等UI组件库的样式,三种方式搞定!!!前言我们在学习和使用组件库构建页面的时候,时常会遇到这样的问题。即,尽管组件库已经提供了较多的功能,来帮助我们构建自定义的效果,但有时仍不能使我们满意。这个时候我们就不得不修改UI库的样式,来达到想要的状态。以Element-Plus为例,在Vue3中,主要有三种方式可以实现自定义第三方组件库的样式。 项目背景例如,
2026-03-02
学习笔记
#Vue #CSS

箭头函数的this指向

箭头函数的this指向箭头函数的 this 指向是其核心特性, 没有自己的 this ,而是 继承定义时所在词法作用域的 this 值 (即定义时的上下文),且 绑定后不可更改 。以下通过具体场景详细说明: ⚙️ 核心规则 静态继承箭头函数的 this 在​ ​定义时确定​ ​,指向其​ ​外层第一个普通函数​ ​的 this (若无则指向全局对象)。 不可修改无法通过 call 、 appl
2026-02-08
学习笔记
#Javascript

递归组件

Vue实现递归组件Vue实现递归组件 前言在我们开发过程中,为了提高开发效率,降低开发难度,我们会直接使用组件库来实现,同时也衍生出了很多优秀的组件库,如:饿了么、蚂蚁、Iview、vant等等。但是有时这些组件库提供给我们的组件不满足我们的需求或者定制组件时成本太高,那么我们就要手动实现了。 一、递归组件是什么?字面理解为层层递进最后归并到一起,它的特点就是层级分明。例如饿了么组件库的树组件就是
2026-01-28
学习笔记
#Vue

修改MySQL的远程授权登录设置

1.登录远程服务器的数据库mysql -u root -p ##以root登录数据库 输入root的登录密码,成功后会看到以下信息: 2.查看mysql服务当前的默认端口use mysql; ##选择mysql数据库 select user,host from user; ##查看用户访问端口 [!CAUTION] root用户默认的是localhost,说明只允许从本地登录
2026-01-19
教程
#开发工具

使用 Hexo+GitHub 搭建个人免费博客教程

作为一名喜欢技术的爱好者,平时喜欢把自己学习技术的心得或者一些踩坑、易错的过程记录下来,首选的是技术平台(博客),下面教大家如何利用Github来搭建一个自己的个人博客平台。
2026-01-17
教程
#blog

Emmet常用语法

【Emmet】语法规则前端人员编写网页代码时可以依靠一些编辑器的语法提示加快编写速度。大多数编辑器也提供emmet插件来 更快 的编写HTML和css代码。emmet的语法规则比较简单易理解可以极大的提高编码速度,基本上是前端开发人员必备的一项技能了。下面简单介绍下常用的语法规则和效果。 以VScode编辑器为例 1.初始化HTML结构新建一个html结构后可以使用 ! + tab 建初始化HT
2026-01-12
学习笔记
#Javascript

手写面试题

1.手写call方法改变this指向 执行函数 123456789101112// 原型上添加 call 方法Function.prototype.myCall = function (thisObj, ...args) { // 传进的对象中添加调用它的函数,这样函数在对象中调用时的 this 指向该对象 const funcKey = Symbol("funcKey&q
2025-12-29
面经
#代码题

安装Maven并用IDEA使用Maven构建javaweb项目

1.Maven安装与配置下载maven在浏览器里打开maven下载页,选择对应的版本。这里以windows为例,下载最新的版本3.9.5。下载地址:https://maven.apache.org/download.cgi 解压 apache-maven-3.9.5.zip 既安装完成 [!TIP] 建议解压缩到没有中文、特殊字符的路径下。 解压缩后的目录结构如下: bin目录 : 存放
2025-12-19
教程
#开发工具

Promise的状态吸收

Promise的状态吸收先先讨论一个点,then里面的回调什么时候加入到微队列中? [!TIP] 当promise的状态变为已完成时,将所有等待队列的回调函数加入微队列 执行到then时,如果promise的状态是已完成,直接将回调函数加入微队列,否则加入等待队列** 代码举例说明: 这两段代码的执行结果分别是什么? 12345678new Promise((resolve, reje
2025-12-08
学习笔记
#Javascript

Vue全局错误处理体系

构建 Vue 全局错误处理体系一、为什么要做全局错误处理?1、将业务逻辑与错误处理解耦在业务模块中,我们真正关心的是数据是否可用,以及页面状态如何变化,并不关心网络异常的类型、提示和跳转。所以需要将错误策略抽离到全局层,让业务代码只专注于处理业务,全局错误处理层专注于处理各类错误,解耦后业务层和全局错误层都更加纯粹,也更有利于长期维护和拓展。 2、为监控和埋点提供统一入口项目上线后,对于错误信息除
2025-11-11
学习笔记
#Vue
123…6

搜索

guohaolian GuoHL