HTML与CSS特性解析：WebSocket、Ajax轮询与文档类型

前端面试

需积分: 20 104 浏览量更新于2024-07-17 1 收藏 294KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

"这份前端资料主要涵盖了HTML和CSS的基础知识，包括link与@import的区别，WebSocket与Ajax轮询的比较，WebWorker的工作原理，以及DOCTYPE的用途和文档类型的分类。" 1. HTML的`link`标签与CSS的`@import`规则 - `link`是HTML标签，用于在文档中引入外部样式表，如<link rel="stylesheet" href="style.css">。它会在页面加载时同时加载，不影响DOM树的构建。 - `@import`是CSS提供的导入样式表的语句，如`@import "styles.css";`。它会等到包含它的CSS文件加载完成后再加载导入的样式，可能导致延迟。 2. WebSocket与Ajax轮询 - WebSocket是一种在客户端和服务器之间建立持久连接的协议，允许实时双向通信。相比Ajax轮询，WebSocket更节省带宽，因为不需要频繁建立和关闭连接。 - Ajax轮询是客户端定时向服务器发送请求，检查数据是否更新。虽然简单实现，但频繁的HTTP连接会消耗更多带宽且增加服务器压力。 3. WebWorker与WebSocket的应用 - WebWorker是在主线程之外运行的JavaScript脚本，可以进行耗时计算而不阻塞UI。通过`new Worker(url)`创建，使用`worker.postMessage(data)`发送数据，`worker.onmessage`接收数据，`worker.terminate()`终止执行。 - WebSocket是一种低延迟、全双工的通信协议，适用于需要实时推送数据的场景。与WebWorker不同，WebSocket主要用于服务器与客户端的双向通信，而不是在浏览器内部的多线程处理。 4. DOCTYPE的作用与模式区分 - DOCTYPE声明定义了文档类型和解析模式，影响浏览器如何呈现内容。如`<!DOCTYPE html>`声明HTML5文档，确保浏览器以标准模式渲染。 - 严格模式（Standards Mode）按照最新的W3C标准执行，而混杂模式（Quirks Mode）兼容旧的非标准行为，以确保老网站能正常显示。 - 如果DOCTYPE声明缺失或格式错误，浏览器将默认使用混杂模式。 5. DOCTYPE的文档类型 - HTML4.01有三种类型：Strict（严格）、Transitional（过渡）和Frameset（框架），分别针对不同级别的兼容性需求。 - XHTML1.0同样有三种XML文档类型：Strict、Transitional和Frameset，其中Strict要求更严格的结构化语法。总结：这份资料详细讲解了前端开发中的关键概念，对于理解HTML、CSS、Ajax、WebSocket、WebWorker和DOCTYPE的作用及区别非常重要，对前端面试和实际开发具有指导价值。了解这些知识点可以帮助开发者构建更高效、更优化的Web应用。

资源详情

资源推荐



根元素

 float 属性不为 noe

 position

为

absolute

或

fixed

 display 为 inline-block，table-cell，table-caption，flex，i

nline-flex

 overflow

不为

visible

14.display:none 和 visibility:hidden 的区别？

 display:none

隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元

素会合拢，就当他从来不存在。

 visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。

15.CSS 中 link 和@import 的区别是？

 link 属于 HTML 标签，而@import 是 CSS 提供的;



页面被加载的时，

link

会同时被加载，而

@import

被引用的

CSS

会等到引用

它的

CSS

文件被加载完再加载

;

 import 只在 IE5 以上才能识别，而 link 是 HTML 标签，无兼容问题;

 link

方式的样式的权重高于

@import

的权重

1.介绍一下闭包和闭包常用场景？



使用闭包主要为了设计私有的方法和变量，闭包可以避免变量的污染，缺点是

闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在

中，

函数即闭包，只有函数才会产生作用域的概念。

 闭包有三个特性：



函数嵌套函数

 函数内部可以引用外部的参数和变量



参数和变量不会被垃圾回收机制回收

 闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包常见方式，就

是在一个函数的内部创建另一个函数



应用场景，设置私有变量的方法

 不适用场景：返回闭包的函数是个非常大的函数



闭包的缺点就是常驻内存，会增大内存使用量，使用不当会造成内存泄

漏

剩余16页未读，继续阅读

weixin_45054759

粉丝: 0
资源: 1

HTML与CSS特性解析：WebSocket、Ajax轮询与文档类型

前端学习.pdf

web前端资料

web前端基础.pdf

阿里前端开发规范.pdf

阿里前端开发规范.pdf下载

阿里前端开发规范文档.pdf

2023前端面试上岸手册精选.pdf

web前端资料pdf

2020年前端大厂面试题最全汇总.pdf

前端vue面试题.pdf

前端 md转pdf

veu2 前端静态存储pdf文件 点击打卡pdf

ios pdfjs 显示pdf不全_有关前端和pdf相关的几件事

前端怎样下载pdf文件流

前端如何添加PDF水印

前端解析pdf文件成pdf图像

前端pdf预览vue-pdf

vue前端实现预览pdf

vue前端导出功能pdf

前端html转换为pdf,html2pdf-前端转pdf，并上传

最新资源

veu2 前端静态存储pdf文件点击打卡pdf