- 博客(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关注的人