- 博客(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
原创 【计网】网络分层模型和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
原创 【Vue小兔鲜-03】登录页面的表单校验实现
介绍使用element-plus里的Form组件实现登录页的表单校验功能,包括内置校验,自定义校验,统一校验,最后总结了From的常用属性值
2025-11-04 23:22:47
933
原创 【报错】渲染模板时遇到对象的多层属性访问出现的问题 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-Day9】标签的ref属性
标签ref的使用:对dom元素打标记,为了可以直接获得dom元素进行操作。以及父组件使用ref会获得不到子组件的数据:通过defineExpose在子组件中将需要的数据暴露出去。
2025-10-02 20:43:49
1008
原创 【Vue-Day7】computed计算属性
介绍computed计算属性的使用:computed函数通过传入一个计算函数:箭头函数里面写计算逻辑,返回一个只读的Ref对象。
2025-09-30 15:33:40
494
原创 【Vue-Day5】ref及reactive的使用
介绍ref和reactive创建响应式对象的用法及区别,以及reactive替换整个对象时失去响应式的解决办法。
2025-09-29 21:47:33
1305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅