企业官网建设流程全解析

1. 超文本三要素：节点、链、____。
2. 超文本三层模型中间层是____。
3. 建立节点一般顺序的链是____链。
4. HTML 超链接标签是____。
5. 超媒体＝超文本＋____。
6. HTML 的中文全称是____。
7. HTML5 新增音视频标签是____。
8. XML 与 HTML 的区别：XML 是____数据。
9. SVG 是基于____的矢量图形格式。
10. Web 三大件：HTML 结构、CSS 表现、____行为。
11. CSS 盒模型由内容、内边距、边框、____组成。
12. DOM 的中文全称是____。
13. 浏览器渲染流程：解析 HTML→DOM、CSS→____→布局→绘制。
14. HTTP 状态码 200 表示____，404 表示____。
15. Cookie 与 Session 区别：Cookie 存____端。
16. 响应式布局适配多屏依赖____查询。
17. 前端三大框架 React、Vue、____。
18. 单页应用 SPA 的特点是____刷新。
19. AJAX 的核心对象是____。
20. WebSocket 是____协议。
21. JSON 是____的轻量数据格式。
22. WebGL 基于____提供 3D 能力。
23. WebAssembly (WASM) 是可移植____格式。
24. WebRTC datachannel 传输数据是____。
25. URL 编码将特殊字符转为____。
26. 语义化标签 <header>/<nav>/<article> 属于____。
27. PWA 渐进式 Web 应用的核心技术是____。
28. 跨域问题源于浏览器的____机制。
29. HTTPS 证书验证发生在____阶段。
30. CDN 回源指边缘节点____。
31. 网站的并发能力常受____制约。

------------------------------------------------------------------------------------------

1. 超文本三要素：节点、链、____。→网络。重点：节点＝信息单元；链＝关联；网＝整体有向图。超文本三大要素：节点（信息单元，文本 / 图片 / 音视频）、链（节点之间的关联跳转关系）、网络（节点和链构成有向图整体）
2. 超文本三层模型中间层是____。→ 超文本抽象机（HAM）。重点：数据库层→HAM→表现层；：超文本三层模型，自底向上：数据库层（存储）→HAM 超文本抽象机层（管理节点、链）→表现层（界面展示）。HAM 是中间核心层。
3. 建立节点一般顺序的链是____链。→基本结构。重点：索引链＝快速定位；注释链＝补充说明；基本结构链：用来定义节点阅读的先后一般顺序；索引链：用于快速定位查找节点；注释链：对节点做补充注解。
4. HTML超链接标签是____。→ <a>。重点：href 属性；<video>/<audio> 是 HTML5 多媒体标签。
5. 超媒体＝超文本＋____。→ 多媒体。重点：节点扩展为多媒体元素即超媒体。
6. HTML的中文全称是____。→超文本标记语言。重点：W3C 维护；HTML5 是现行版本。HTML（HyperText Markup Language），用来搭建网页结构
7. HTML5新增音视频标签是____。→<video>/<audio>。重点：替代 Flash 播放器；controls 属性显示控件。HTML5 新增标签，原生支持视频、音频播放，不再依赖 Flash 插件；controls 属性可以显示播放控件（播放、暂停、音量）。
8. XML与HTML的区别：XML是____数据。→自描述（结构化）。重点：HTML 显示；XML 传输存储数据。HTML 的作用是展示页面；XML 用来存储、传输结构化自描述数据，标签自定义。
9. SVG是基于____的矢量图形格式。→XML。重点：无限缩放；Canvas 是位图脚本绘制。SVG（可缩放矢量图形），用 XML 文本描述矢量图，放大不会模糊；Canvas 是 JS 脚本动态绘制位图，放大失真。
10. Web三大件：HTML结构、CSS表现、____行为。→ JavaScript（JS）。重点：分离结构与表现；DOM 操作。网页前端三大基石：HTML（结构）、CSS（样式表现）、JavaScript（交互行为）。DOM 是 JS 操作网页文档的接口。
11. CSS盒模型由内容、内边距、边框、____组成。→外边距。重点：box-sizing 切换计算方式。CSS 标准盒模型四层：内容 content → 内边距 padding → 边框 border → 外边距 margin。box-sizing 属性切换盒模型计算规则。
12. DOM的中文全称是____。→文档对象模型。重点：树形结构；JS 通过 DOM 操作页面。DOM（Document Object Model），把 HTML 文档解析成树形对象结构，JS 通过 DOM 接口读取、修改页面元素。--DOM 是 JS 操作网页文档的接口。
13. 浏览器渲染流程：解析HTML→DOM、CSS→____→布局→绘制。→ 渲染树（Render Tree）。重点：重排 reflow 与重绘 repaint 性能差异。浏览器渲染步骤：解析 HTML→生成 DOM 树、解析 CSS 生成 CSSOM → 合并生成渲染树→ 布局（计算元素位置大小 reflow 重排）→ 绘制像素（repaint 重绘）。
14. HTTP状态码200表示____，404表示____。→成功、资源不存在。重点：301 永久重定向；500 服务器错误。
15. Cookie与Session区别：Cookie存____端。→ 客户。重点：Session 存服务器；Token/JWT 无状态。
16. 响应式布局适配多屏依赖____查询。→媒体（@media）。重点：栅格+弹性单位 rem/vw。CSS 媒体查询@media，根据屏幕宽度等条件，写不同样式，实现响应式网页，适配手机、电脑多屏幕；搭配 rem、vw 弹性单位
17. 前端三大框架React、Vue、____。→Angular。重点：组件化+虚拟 DOM（React/Vue）。
18. 单页应用SPA的特点是____刷新。→局部（无整页）。重点：路由前端化；首屏 SEO 弱。SPA 单页应用，只在首次加载页面，后续切换路由不会整页刷新，仅局部更新内容；缺点：首屏加载慢，原生 SEO 不太友好。
19. AJAX的核心对象是____。→XMLHttpRequest。重点：异步局部更新；Fetch API 现代替代。AJAX 核心对象 XMLHttpRequest，实现异步请求，不用刷新页面就局部更新网页；现代浏览器推荐使用 Fetch API 替代
20. WebSocket是____协议。→全双工长连接。重点：握手走 HTTP Upgrade；实时推送。HTTP 是短连接；WebSocket 建立全双工长连接，客户端和服务器可以双向实时收发消息；握手阶段借用 HTTP Upgrade。适合聊天、实时数据推送。
21. JSON是____的轻量数据格式。→文本（JS对象表示）。重点：键值对；比 XML 轻量。JSON，轻量级文本格式，以键值对存储数据，易于阅读、解析，相比 XML 体积更小，网络传输常用。
22. WebGL基于____提供3D能力。→OpenGL ES。重点：浏览器 GPU 渲染；Three.js 封装库。WebGL 在浏览器里，基于 OpenGL ES 标准，让 GPU 硬件加速绘制 3D 图形；Three.js 是封装好的 WebGL 简化库。
23. WebAssembly (WASM)是可移植____格式。→二进制指令。重点：近原生性能；C/C++/Rust 编译目标。
24. WebRTC datachannel传输数据是____。→P2P 可靠/不可靠可选。重点：文件传输低延迟。WebRTC 用于网页实时音视频通信，datachannel 可以建立P2P 点对点通道，可靠、不可靠传输模式可选，适合低延迟文件传输。
25. URL编码将特殊字符转为____。→%XX 十六进制。重点：空格 %20；中文 UTF-8 编码。URL 编码，特殊字符、中文转成%加两位十六进制；例如空格编码%20。
26. 语义化标签<header>/<nav>/<article>属于____。→HTML5。重点：提升可访问性与 SEO。
27. PWA渐进式Web应用的核心技术是____。→Service Worker。重点：离线缓存+消息推送+桌面图标。PWA 渐进式网页应用，核心是 Service Worker，独立后台脚本，实现离线缓存、消息推送、添加桌面图标。
28. 跨域问题源于浏览器的____机制。→同源策略。重点：CORS 头授权；JSONP 历史方案。浏览器同源策略是安全机制，协议、域名、端口任一不同就是跨域，默认禁止 JS 跨域读取资源；CORS 跨域资源共享、JSONP 是跨域解决方案。
29. HTTPS证书验证发生在____阶段。→TLS 握手。重点：CA 链验证+对称密钥协商。HTTPS = HTTP+TLS。在 TLS 握手阶段，客户端校验服务器 CA 证书合法性，协商加密对称密钥，之后传输加密 HTTP 数据。
30. CDN回源指边缘节点____。→请求源站。重点：缓存过期未命中时回源拉取。CDN 内容分发网络，资源缓存放在边缘节点；用户访问资源，如果节点没有缓存 / 缓存过期，边缘节点就回源，向源服务器拉取资源。
31. 网站的并发能力常受____制约。→带宽（连接数）。重点：负载均衡横向扩展。网站并发访问能力，最常受服务器出口带宽、最大连接数限制；负载均衡可以横向扩展多台服务器分担压力。