前端知识点

一、Doctype 是干啥的？—— “浏览器的代码说明书” 想象一下，你买了一个乐高set，盒子第一页通常会有一张图，告诉你： “本标准套装包含：新版乐高积木（2023年版）” 这个说明就是 <!DO

图片优化全景策略 对大型电商网站来说，图片是吸引用户的关键，但也是最大的性能负担。优化策略主要围绕 减少请求数量 和 减小单张图片体积 两个核心展开，并在加载时机上做文章。 1. 懒加载 (Lazy

“时间复杂度”和“空间复杂度”这两个词听起来确实很吓人，像是计算机科学家在实验室里搞的玩意儿。但其实它们的思想非常简单、非常直观，我用最通俗的方式给你解释一下。 你可以把它们想象成  “价签”  或 

会话跟踪是Web开发中维持用户状态的关键技术，主要用于识别连续来自同一用户的多个请求。以下是常见的会话跟踪方法及其详细解释： 1. Cookie（客户端存储） 原理 Cookie是服务器发送到用户浏览

浏览器渲染主线程通过一个永不结束的循环持续工作，其核心机制是从消息队列中取出任务并执行。这种事件循环模型确保了各种任务的有序处理。

title 是鼠标滑动到元素上面显示的提示文字 alt 是<img>的特有属性，当图片无法加载、或者加载失败无法显示时会显示等价的描述，可以提高图片的访问性，除了纯装饰图片外都要设置有意义的值，这样搜

HTTP状态码其实就是服务器给浏览器（或者其他客户端）的“回信” ，告诉客户端“你的请求我收到了，现在是这么个情况”。 想象你去餐厅吃饭： 你（客户端）看菜单点菜（发送请求）。 服务员（服务器）收到你

整个过程就像“你点外卖”：输入菜名（网址）→ 平台查餐厅地址（DNS）→ 骑手联系餐厅（三次握手）→ 下单（HTTP请求）→ 餐厅做菜（服务器处理）→ 骑手送餐（HTTP响应）→ 骑手确认收货后离开（

通过合理设置 `title、description 和 keywords`，使用`语义化 HTML 代码`，优化内容结构，并关注`网站速度`和`图片描述`，可以显著提升网页的 SEO 效果。这些做法不

HTTP请求方法的等幂性与安全性 方法 等幂性 安全性 说明 GET 是 是 用于获取服务器资源，多次执行不会改变服务器资源状态 POST 否 否 常用于创建服务器资源，多次执行都可能导致新资源的创

🚀 小白三步速成法 图片压缩：用TinyPNG 处理所有图片 文件合并： CSS合并 → 粘贴所有代码到CSS合并工具 JS合并 → 使用JSCompress 开启Gzip

一、Viewport 是什么？为什么它很重要？ Viewport（视口）是浏览器显示网页内容的区域，你可以把它想象成手机屏幕上“能看到网页的窗户”。 为什么需要设置 Viewport？ 早期网页是为电