2024年最新CSS基础5-垂直居中与图片处理，程序员进阶知识点

对象篇

模块化编程-自研模块加载器

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2. fixed固定定位，基于浏览器当前屏进行定位

用法：盒子完全居中于未知大小的盒子

第一种方法：

position:fixed;

top:50%;

margin-top:-盒子高一半；

left:50%;

margin-left:-盒子宽一半

第二种方法：

position:fixed;

top:0;

right:0;

left:0;

bottom:0;

margin:auto;

3. relative相对定位：基于元素本身的位置定位，不会脱离文档流，元素所占空间不会关闭

4. absolute绝对定位：基于最近的被设置非静态定位的上级元素进行定位，如果没有基于浏览器第一屏定位

注：当基于根元素（html）定位时，如果你想让它基于整个页面，它有可能在浏览器最底部

使用：子绝父相

img图片和背景图片选用

===============================================================================

• 数据从数据库来，经常跟换，是页面结构的一部分用img

• 精灵图用背景图

锚点链接：页面内跳转

=============================================================================

要跳转到区域内容

链接提示内容

css处理兼容性问题方式

===============================================================================

| 前缀 | 浏览器内核 | 代表浏览器 |

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法