自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 Element Plus主题色定制

本文介绍了如何通过定制SCSS主题文件来修改ElementPlus的默认主题色。主要步骤包括:1)安装SCSS依赖;2)创建定制样式文件;3)在Vite配置中导入定制文件覆盖默认样式。这种方法可让UI组件库与项目设计风格保持一致,实现主题色的灵活定制。

2026-01-31 16:24:18 165

原创 elementPlus按需导入配置

ElementPlus是一个基于Vue3的UI框架,配置方式分为完整引入和按需引入两种。完整引入只需安装element-plus包后全局导入;按需引入需要额外安装unplugin-vue-components和unplugin-auto-import插件,并在vite/webpack配置中添加相应解析器。配置完成后,可直接从文档中复制组件代码使用。

2026-01-31 15:49:14 362

原创 别名路径联想提示。@/统一文件路径的配置

VSCode通过jsconfig.json配置@/路径提示,实现src目录下的文件路径联想功能。配置方法:1.在项目根目录创建jsconfig.json文件(新版项目通常自带);2.添加JSON配置项。需注意该配置仅提供编辑器提示功能,实际路径转换需在vite.config.js中配置才能将@映射为真正的src路径。这种设置能有效避免路径访问错误,提升开发效率。

2026-01-31 15:11:25 141

原创 【八股】浏览器的渲染原理

浏览器渲染流程解析 浏览器渲染流程分为多个阶段:解析HTML生成DOM树和CSSOM树(CSS不阻塞解析,JS会阻塞);样式计算确定每个节点的最终样式;布局阶段生成布局树;分层优化渲染效率;绘制生成指令集;后续分块、光栅化和画操作由合成线程完成。其中,reflow是重新计算布局树,repaint是重新计算绘制指令。transform效率高是因为它仅影响最后的draw阶段,在合成线程中执行,不干扰主线程。整个过程形成严密的流水线,各阶段输出作为下一阶段的输入。

2026-01-03 17:42:23 544

原创 【八股】JS中的事件循环

本文介绍了浏览器的进程模型和渲染主线程的工作原理。浏览器采用多进程架构,主要包含浏览器进程、网络进程和渲染进程,各进程相互隔离。渲染进程中的渲染主线程负责处理HTML、CSS、JS等任务,采用事件循环机制异步执行任务以避免阻塞。消息队列分为微队列(最高优先级)、交互队列和延时队列。由于硬件限制和事件循环特性,JS计时器无法做到精确计时。这种异步机制确保了单线程浏览器的流畅运行。

2026-01-03 16:28:26 1090

原创 【Docker】Docker的安装和使用

Docker的安装和使用

2026-01-01 20:23:02 565

原创 【计网】网络分层模型和http协议

本文介绍了计算机网络的分层模型,重点讲解了五层网络模型的结构和功能:物理层处理比特流传输,数据链路层管理帧传输,网络层负责寻址和路由,传输层确保可靠传输,应用层提供应用服务。文章详细阐述了HTTP协议的工作原理,包括URL结构、请求-响应模式以及报文格式,特别说明了请求报文和响应报文的组成要素,如请求行/状态行、请求头/响应头、请求体/响应体等,并列举了常见的HTTP方法和状态码。通过分层模型和协议解析,展现了网络通信的基本原理。

2025-12-18 20:48:05 907

原创 【JS】定时器的使用(点击开始计时,再次点击停止计时)

介绍定时器的使用 setInterval和setTimeout,并且制作一个点击开始计时再次点击暂停计时的vue组件。

2025-12-18 17:18:10 718

原创 【JS】日期对象及时间戳的使用(制作距离指定日期的倒计时)

介绍了JavaScript中日期对象以及时间戳的使用方式,可以做出距离指定日期的倒计时效果。

2025-12-04 20:50:09 1079 1

原创 【八股】JavaScript中的垃圾回收机制

介绍了JavaScript的垃圾回收机制:标记清理和引用计数,以及V8引擎分代式垃圾回收机制:新生代和老生代

2025-11-29 21:05:35 770

原创 【八股】输入URL到渲染页面都发生了什么

介绍了输入URL到页面渲染的全过程。

2025-11-18 22:27:03 562

原创 【Vue小兔鲜-03】登录页面的表单校验实现

介绍使用element-plus里的Form组件实现登录页的表单校验功能,包括内置校验,自定义校验,统一校验,最后总结了From的常用属性值

2025-11-04 23:22:47 933

原创 【JS】let和var的区别,作用域和作用域链

介绍了 let 和 var 的区别,以及作用域和作用域链:变量的底层查找机制。

2025-11-02 16:30:28 885

原创 【报错】渲染模板时遇到对象的多层属性访问出现的问题 TypeError: Cannot read properties of undefined

解决在模板渲染中,由于对象的多层属性访问出现的报错TypeError: Cannot read properties of undefined

2025-10-31 15:51:12 161

原创 【Vue小兔鲜-02】在项目中添加pinia以及使用pinia实现优化重复请求(补充VueUse工具库)

介绍了pinia的使用步骤,以及如何使用pinia集中状态管理数据,最后加入了vueuse api工具库的介绍使用。

2025-10-23 19:31:59 1037

原创 【Vue小兔鲜-01】创建小兔鲜起步vue项目

创建vue小兔鲜项目起步步骤,包括如何创建vue项目,添加项目文件夹,git项目初始化,以及设置文件图标的插件:Material Icon Theme插件

2025-10-18 20:03:19 328

原创 【Vue-Day10】接口Interface

接口Interface的使用

2025-10-02 22:02:02 452

原创 【Vue-Day9】标签的ref属性

标签ref的使用:对dom元素打标记,为了可以直接获得dom元素进行操作。以及父组件使用ref会获得不到子组件的数据:通过defineExpose在子组件中将需要的数据暴露出去。

2025-10-02 20:43:49 1008

原创 【Vue-Day8】watch()监听及watchEffect()

介绍watch监听的用法及watchEffect的用法。

2025-10-01 16:27:04 1321

原创 【Vue-Day7】computed计算属性

介绍computed计算属性的使用:computed函数通过传入一个计算函数:箭头函数里面写计算逻辑,返回一个只读的Ref对象。

2025-09-30 15:33:40 494

原创 【Vue-Day6】使用toRefs避免解构丢失响应性

当响应式数据被解构赋值后丢失响应性的问题及解决方案。使用toRefs解决。

2025-09-30 13:57:49 744

原创 【Vue-Day5】ref及reactive的使用

介绍ref和reactive创建响应式对象的用法及区别,以及reactive替换整个对象时失去响应式的解决办法。

2025-09-29 21:47:33 1305

原创 【Vue-Day4】setup的使用

介绍set基本用法及setup和Option API的区别和setup语法糖

2025-09-28 10:00:00 1114

原创 【Vue-Day3】自己写一个组件并在浏览器运行

如何写一个vue组件并且在浏览器页面中渲染出来。

2025-09-27 10:00:00 794

原创 【Vue-Day2】一个初始Vue项目的文件夹及文件说明

基于Vite创建的Vue项目的文件说明

2025-09-26 10:00:00 772

原创 【Vue-Day1】 创建Vue3工程

基于Vite创建一个Vue3工程项目,文图并茂,超详细教程!

2025-09-25 16:11:25 456

原创 【数据结构】顺序栈的基本操作实现

本篇是关于顺序栈的基本操作实现,包括入栈,出栈,取栈顶元素的操作。我以注释的形式增加对代码的理解。

2024-10-27 15:35:23 345 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除