web前端面试题之DOM+BOM+HTTP

于 2023-03-17 17:39:28 发布
阅读量88 收藏
点赞数
分类专栏： web面试题 文章标签： 前端 css node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaojsun/article/details/129616190
版权
本文探讨了DOM作为网页结构的核心，以及BOM在浏览器交互中的作用。事件处理、Ajax异步通信和HTTP协议的缓存机制被详细阐述，包括http头部的no-cache和no-store选项。同时，文章深入解析了HTTPS的加密方式及连接过程。
摘要由CSDN通过智能技术生成

web-api

在这里插入图片描述

DOM的本质是什么

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
dom的本质是树
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

BOM在这里插入图片描述

在这里插入图片描述

事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

ajax

在这里插入图片描述

HTTP

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http哪些常见header

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http为何需要缓存

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
no-cache: 不用本地缓存
no-store: 不用本地缓存和服务端缓存，什么缓存都不要，直接去服务端请求
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

刷新页面对http缓存的影响

在这里插入图片描述
在这里插入图片描述

https-加密方式

在这里插入图片描述
!](https://img-blog.csdnimg.cn/69aa308468d74911969876a1c5cb73fb.png)
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

https-过程解析

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

jiaojsun
关注
专栏目录
Javascript----- DOM 练习题
xiangxiang的博客
08-24 669
dom
web前端面试题（必背面试题）
热门推荐
Z_Gleng的博客
05-25 3万+
自己总结的常见的面试题 总字数13万+ 大概有200+左右道题 会不定期更新
Web前端-JavaScript--Dom案例
yanghainan0318的博客
12-28 189
广告栏案例 需求: 点击广告栏的小× 关闭整个广告栏部分 步骤: 1.获取元素 #close #header 2.#close的onclick点击事件 3.在事件驱动函数里面 给#header设置display="none"; <!DOCTYPE html> <html lang="...
web前端之js中DOM对象的操作以及案例
paxtonwu的博客
08-23 333
1.首先了解一下什么是DOM对象: DOM(Document Object Model)，文档对象模型,在html文件中所有元素(title,body,head,div…)都可看成是一个文档对象. 通过documen可以调用html中的文档对象并进行相关操作: 基于BOM操作的案例: 表单操作: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
前端：DOM实例
weixin_42294510的博客
06-09 1865
anchor对象 1、更改连接文本
《Web前端设计与开发》实验六：BOM与DOM编程实验
无
11-11 2705
一、实验内容 页面跳转 (1) 问题：页面中放置一个按钮，点此按钮后，浏览器窗口从当前页面 跳转到其他页面。 (2) 提示：使用 window 对象的 location 属性或 location 对象的 href 属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面跳转</title>
WEB 前端面试题 （实战）（大全）
最新发布
m0_64191440的博客
02-07 1749
JavaScriptJS匿名函数就是没有名称的函数匿名函数在项目中主要有两种操作方式第一种形式就是将一个函数当成另一个函数的参数进行使用；// 用户单击的时候执行的操作})第二种形式就是将一个匿名函数赋值给变量进行调用，函数的一种声明方式自执行函数，就是函数在声明完成的同时就会立即执行的函数！自执行函数的特点是声明之后立即执行、只能在创建的同时执行一次无法再次调用执行自执行函数通常都是给网页初始化网页特效或者准备初始数据！;(function(){…}()) 使用较多;
2022最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
m0_54849806的博客
08-01 6195
JS是单线程模型，只能通过这种多进程的方式提高性能）使用ParallelUglifyPlugin开启多进程压缩JS文件（使用UglifyJS插件压缩JS代码时，需要先将代码解析成Object表示的AST（抽象语法树），再去应用各种规则去分析和处理AST，所以这个过程计算量大耗时较多。ParallelUglifyPlugin可以开启多个子进程，每个子进程使用UglifyJS压缩代码，可以并行执行，能显著缩短压缩时间）...
前端面试题汇总.rar
03-09
这份"前端面试题汇总"包含了许多关键领域的知识点，从基础到高级，涵盖了前端开发者必须熟悉的各项技能。 首先，HTML（超文本标记语言）是构建网页的基础，它定义了页面的结构。在面试中，可能会被问到关于HTML语义...
2021 前端面试笔试题及答案.pdf
12-14
* Web前端开发技术，如HTML、CSS、JavaScript、DOM、BOM等。 * 前端开发框架和库，如React、Angular、Vue.js等。 本文档涵盖了前端面试笔试题及答案的多个知识点，帮助读者快速了解前端开发的基本概念和技术。
DOM基本操作例题集
weixin_37702998的博客
11-19 430
2.1 parentNode->父节点（最顶端的parentNode为#document） 2.2 childNodes->子节点们 2.3 firstNode->第一个子节点 2.4 lastNode->最后一个子节点 2.5 nextSibling->后一个兄弟节点&previousSibling->前一个兄弟节点 3.1 parentEleme...
帮你总结web前端校招面试题合集，成功拿下offer
weixin_56134381的博客
03-29 1443
前言 正值校招季，如何拿到心仪的 offer，进入梦寐以求的大厂，实现自己的职业理想。是每一位计算机相关专业学生的一个梦想，对此我特地为大家整理了各大厂前端面试题，希望能帮助各位进大厂。 大厂面试题（点击查看） 第一章 HTML 1.浏览器页面有哪三层构成，分别是什么，作用是什么? 2.HTML5的优点与缺点？ 3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 4.HTML5有哪些新特性、移除了哪些元素？ 5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么? 6.每个HTM
七、DOM（下） - 章节课后练习题及答案
熊先森的博客
04-22 1万+
DOM（下） - 章节课后练习题及答案，使用的是人民邮电出版社出版的《JavaScript+jQuery 交互式 Web 前端开发》书籍。
什么是Bom?有哪些常用的Bom属性
qq_34639706的博客
11-12 2012
Bom是浏览器对象 常用的Bom属性： location对象 location.href-- 返回或设置当前文档的URL location.search – 返回URL中的查询字符串部分。例如 http://www.dreamdu.com/dreamd… 返回包括(?)后面的内容?id=5&name=dreamdu location.hash – 返回URL#后面的内容，如果没有#，返回空 location.host – 返回URL中的域名部分，例如http://www.dreamdu.com lo
【PHP】一个bom头引发的血案
专注、专心
11-03 1万+
事情的起源是一段很普通的代码： <?php session_start(); $_SESSION['test'] = 'test'; $_SESSION['name'] = 'name'; $data = serialize($_SESSION); ...更多后续代码 ?> 没有问题，很简单的一段设置session的代码。 但是运行后却报错： Cannot send ses
UTF8最好不要带BOM，附许多经典评论
muye0503的专栏
12-03 2758
UTF-8 不需要 BOM，尽管 Unicode 标准允许在 UTF-8 中使用 BOM。 所以不含 BOM 的 UTF-8 才是标准形式，在 UTF-8 文件中放置 BOM 主要是微软的习惯（顺便提一下：把带有 BOM 的小端序 UTF-16 称作「Unicode」而又不详细说明，这也是微软的习惯）。 BOM（byte order mark）是为 UTF-16 和 UTF-32 准备的，
BOM的基本操作和方法
zuo_zuo_blog的博客
04-13 1761
1.BOm浏览器对象模型 window是Bom的顶级对象通常可以省略 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法 Window对象下面的属性和方法调用的时候可以省略window 2.打开窗口 Window.open（url，target，param） url要打开的地址 target新窗口的位置_blank_self_parent（父框架） param新窗口的一些设置 ...
关于BOM模型
u011526599的专栏
05-15 7896
javascript的BOM模型初探
前端之浏览器对象模型(BOM)
云中自有锦书
07-20 1353
1.BOM 概念: BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 通俗理解: 把浏览器当做对象,通过访问对象的属性,实现操作浏览器的一组方法 2. 页面加载事件 2.1 load事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值