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