自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 浏览器渲染原理解析

浏览器渲染原理是指浏览器将HTML、CSS和JavaScript等资源转换为用户可见页面的过程。这个过程涉及多个步骤,包括解析、构建、布局、绘制和合成等。浏览器渲染过程是一个复杂的流水线,涉及HTML解析、CSS解析、布局、绘制和合成等多个步骤。理解这些过程有助于开发者优化页面性能,提升用户体验。渲染的简化流程:HTML → DOM树CSS → CSSOM树DOM + CSSOM → 渲染树 → 布局 → 绘制 → 合成 → 页面。

2025-02-26 12:20:57 487

原创 css盒子模型的理解

总高度:height + padding-top + padding-bottom + border-top + border-bottom + margin-top + margin-bottom。总宽度:width + padding-left + padding-right + border-left + border-right + margin-left + margin-right。总宽度:width + margin-left + margin-right。

2025-02-19 18:31:01 505

原创 防抖和节流的理解

防抖(Debounce)和节流(Throttle)是前端开发中常用的两种优化技术,主要用于优化一些触发频率很高的事件(如窗口调整、鼠标移动、键盘输入、按钮触发等),以避免因事件频繁触发导致的性能问题。它们的核心区别在于对事件触发的处理方式不同。如果需要在事件完全停止触发后才执行处理函数,使用防抖。如果需要在事件频繁触发时控制执行频率,使用节流。在实际开发中,可以根据具体需求选择合适的优化方式,甚至可以结合使用防抖和节流来达到更好的效果。

2025-02-16 15:01:53 811

原创 Vue3 Options Api和Composition Api的区别

Vue 3 中引入了两种API:Options API 和 Composition API,它们是两种不同编写Vue组件逻辑的方式,但在使用方式和功能上有一些显著的区别。各有优缺点,适合不同开发场景。Options API 是 Vue 2 的传统写法,结构清晰,适合简单组件。Composition API 是 Vue 3 的新特性,提供了更高的灵活性和逻辑复用能力,适合复杂组件和大型应用。在实际开发中,你可以根据项目需求和个人偏好选择合适的 API 风格,甚至在同一项目中混合使用两种 API。

2025-02-15 20:45:00 913

原创 计算机网络——HTTP 协议及浏览器工作原理入门

HTTP协议和浏览器是互联网的核心组成部分。HTTP协议定义了客户端和服务器之间是如何传输数据的,而浏览器则是用户与互联网交互的主要工具。浏览器通过HTTP协议与服务器通信,解析服务器返回的数据资源,并将其渲染成用户可交互的网页。两者协同工作,为用户提供了一个快速、安全、便捷的互联网体验。

2025-02-14 16:00:24 887

空空如也

空空如也

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

TA关注的人

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