送清风徐来

Web 页面性能衡量指标-以用户为中心的性能指标 以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的？ 指标是用来衡量性能和用户体验的 2. 指标类

Web 网页性能及性能优化 一、Web 性能 Web 性能是 Web 开发的一个重要方面，侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能，可以在为用户提供更好的体验 网页性能既广泛

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了

脉络探索 在本章节中，我们会学习一个网页URL从输入到浏览器中，到显示经历过怎么样的解析过程呢？ 该问题是面试中的经典题目，也是考验我们对浏览器中的渲染过程是否有足够的理解 所以我们会先简要讲解在这个

目前 Tailwind CSS 在 GitHub 有 80k Stars、Npm 周下载量 733W，已经成为前端主流的 CSS 框架。 而 Next.js 脚手架默认集成 Tailwind C

浮动引起的问题：高度塌陷。 在文档流中，父元素的高度默认被子元素撑开。但当子元素浮动时，子元素脱离文档流，就不再向父元素汇报高度，此时父元素高度丢失，页面布局会混乱，出现高度塌陷问题。 清除浮动就是为了解决高度塌陷问题，而解决高度塌陷问题的本质是让父元素在计算高度时，能够把浮动…

盒子模型，顾名思义，可以装东西的称为盒子，比如 div，h，li等等。像 img，input这种不能装东西的就不是盒子。

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。 响应式：只需要开发一套代码。 响应式设计通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。 自适应：需要开发多…

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…