GuoHL的Blog
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于

使用21st.dev网站组件的方法

使用21st.dev网站的组件方法21st.dev 是一个开源的 React UI 组件市场,专门为设计工程师和前端开发者提供高质量的 UI 组件。它的灵感来自于 shadcn/ui,旨在帮助开发者快速构建精美的用户界面,尤其适用于 AI 产品的开发。21st.dev 目前已经托管了海量开源组件,类型涵盖各种极具设计感(由官方审核)头像、dialog、按钮、日历,甚至完整 Page,应
2026-05-02
教程
#组件

类组件和函数式组件的区别

类组件和函数式组件的区别在React的生态系统中,组件是构建用户界面的基本单元。React最初引入了类组件(Class Components)和函数式组件(Functional Components)两种组件类型。虽然这两种组件都可以实现相同的功能,但它们有各自的特点、优缺点和适用场景。本文将详细探讨类组件和函数式组件的区别,以及在实际开发中的应用。 一、基本概念1.1 类组件类组件是使用ES6类
2026-04-21
React
#组件

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
教程
#开发工具
123…6

搜索

guohaolian GuoHL