大厂基础面试题(之四)

Q1:请先进行自我介绍

Q2:说下你学习前端的详细过程

Q3:一个页面从url输入到显示页面的整个过程

1.URL解析

2.DNS解析

3.建立TCP连接

4.发起HTTP请求

5.服务器处理请求

6.返回HTTP响应

7.下载页面资源

8.解析和渲染页面

9.JavaScript执行

10.页面呈现

Q4:说下TCP和UDP的区别

连接性:TCP面向连接;UDP无连接

数据传输方式:TCP流式传输;UDP面向数据报传输

可靠性:TCP提供数据可靠传输机制; UDP不保证数据可靠性

报头:TCP复杂包含控制信息;UDP简单基本信息少

Q5:知道什么是BFC吗

BFC:块级格式化上下文,是W3C CSS2.1规范中的一个概念。

BFC是指浏览器中创建了一个独立的渲染区域,并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素相互关系和作用

Q6:说下清除浮动有哪些方法

1.使用clear:both清除浮动

2.利用伪元素clearfix来清除浮动(给父级元素添加了一个:after伪元素,通过清除伪元素的浮动,达到撑起父元素高度的目的)

.clearfix:after{

        content: "";

        display: block;

        visibility: hidden;

        clear: both;

}

3.父元素设置overflow样式,不管是overflow:hidden或overflow:auto都可以清除浮动

.box{border: 1px solid #ccc;background: #eff2f4;overflow: auto;}

4.通过给父元素设置双伪元素来达到清除浮动的效果

.clearfix:before,.clearfix:after{

        content: "";

        display: block;

        clear: both;

}

Q7:CSS的选择器以及他们的权重

通用选择器(权重:0):选择所有元素

eg: *{}

子元素选择器(权重: 0)

eg:   ul>li

相邻兄弟选择器(权重:0)

eg:  h2 + p {}

元素选择器(权重:1):使用HTML元素的标签名作为选择器,选取匹配的元素

eg: p{}

类选择器(权重:10):使用类名选择元素,以.开头

eg: .highlight{}

伪类选择器(权重: 10)

eg::hover{}

属性选择器(权重: 10)

eg:  [type="text"]{}

ID选择器(权重:100):使用元素的唯一标识符ID选择元素,以#开头

eg: #myElement{}

Q8:对CSS3的属性有了解吗?说下怎么定义动画的

文本阴影属性(text-shadow):用于添加文本阴影效果,可以设置水平距离、垂直距离、模糊半径和阴影颜色等参数

边框圆角属性(border-radius):用于设置元素边框的圆角效果,可以制定每个角的半径大小,实现圆角效果

过渡属性(transition):用于控制元素状态变化的过渡效果,可以设置属性的变化时长、延迟时间、变化速度函数等

动画属性(animation):允许在元素上定义动画效果,包括动画名称、持续时间、重复次数、播放状态等

盒阴影属性(box-shadow):用于为元素添加阴影效果,可以设置水平偏移、垂直偏移、模糊半径、阴影颜色等参数

Q9:z-index的用法

1.同级关系:z-index值较大的元素将叠加在z-index值较小的元素之上(值可以为负数)

                     z-index值相同时,按照文档流顺序排列

2.父子关系:如果设置了父元素的z-index,那么子元素无论是否设置z-index都和父元素一致,会在父元素上方

3.同级元素下的子元素关系:同级元素的z-index生效,那么其七元素覆盖关系由父元素决定(父元素z-index值大的覆盖父元素z-index值小的,子元素在各自父元素的上方)

Q10:相邻块元素的外边距塌陷问题

外边距塌陷是指在垂直方向上相邻的两个元素的外边距合并为一个较大的外边距的现象。这种现象通常出现在块级元素的上下相遇时,上面的元素有下边距(margin-bottom),下面的元素有上边距(margin-top)的情况。在外边距塌陷中,两个相邻元素之间的垂直距离会取两者中较大者作为最终的外边距值。这种行为被称为边距合并或者边距折叠。

为避免外边距塌陷问题,可以采取一些解决方法。其中,一种解决方法是为上面的元素添加padding,border或者inline-block等属性,这样可以防止外边距合并。另一种方法是为下面的元素添加overflow:hidden, float: left/right等属性,也可以有效地解决外边距塌陷的问题。

Q11:元素隐藏的几种方法

Q12:说下jsonp跨域

Q13:声明数组的几种方式

Q14:声明函数的几种方式

Q15:普通函数和构造函数的区别

Q16:如何添加一个元素

Q17:原型链

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/817710.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

罗芬COHERENT pmb激光电源维修HPC830

Rofin激光电源 PMB高压电源维修:HPC625,HPC520,HPC210,HPC840,HPC830,HPC810,HPC818,HPC818 HPC814 HPC910等型号。 大型设备往往都配有功能较为故障诊断程序,我们可以充分利用软件的提示,缩小故障排查范围,但有时诊断软件提示的受损元件是否…

微信小程序实现全局参数共享,且实现全局参数变化时的页面间通信

首先,微信小程序中并没有提供直接的全局事件系统来监听全局参数的变化。因此,我们需要采用其他方式来达到这一目的。一种常见的方法是使用全局变量和事件监听来模拟全局事件系统。 1. 定义全局变量和事件 在 app.js 中定义全局变量,并提供一…

[ostream_iterator]输出Fibonacci数列

描述 Fibonacci数列指的是数列第一项和第二项为1&#xff0c;之后每一项是之前两项的和所构成的数列。 现有多组数据&#xff0c;每组数据给出一个数字n&#xff0c;请你输出Fibonacci数列的前n-1项。 #include <iostream> #include <iterator> using namespace …

UE5 GAS开发P32,33 初始化状态并绑定在HUD上,拾取物品增加血量和减少蓝量

这节课主要是修改WidgetController和OverlayController,在EffectActor内新增了一个减少蓝量的代码,同时修复了一个bug,并且展示了为什么要写成单独的控制器,因为要考虑多人游戏的情况,每一个控制器都是一个单独的角色 首先修改AuraAttirbuteSet.cpp UAuraAttributeSet::UAura…

【C++】unordered_map unordered_set 底层刨析

文章目录 1. 哈希表的改造2. unordered_map3. unordered_set C STL 库中&#xff0c;unordered_map 和 unordered_set 容器的底层为哈希表&#xff0c;本文将简单模拟哈希表&#xff08;哈希桶&#xff09;&#xff0c;unordered_map 和 unordered_set 只需封装哈希表的接口即可…

C语言中static变量和普通变量有什么区别?

下面将从变量的存储周期和可见性&#xff0c;以及函数的链接属性等方面展开 1. static全局变量和普通全局变量有什么区别? static全局变量和普通全局变量都存储在静态存储区, 生命周期都是整个文件运行结束 但是, 普通全局变量在所有源文件中都是可见的, 如果一个源文件中定…

kylin Firefox Warning: Potential Security Risk Ahead

Warning: Potential Security Risk Ahead &#xfeff; Firefox detected a potential security threat and did not continue to 127.0.0.1. If you visit this site, attackers could try to steal information like your passwords, emails, or credit card details. 警告&…

java实现简单图书管理系统(附带源码)

项目要求 该项目会用到类和对象&#xff0c;封装、继承、多态、接口、等&#xff0c;会帮你巩固并加强这类知识 设计要求及思路 1.要求有两套系统分别给管理员和普通用户使用&#xff0c;经过开始的选择会有两个对应功能不同的菜单&#xff0c;这里两种角色我们可以放一个包…

华为ensp中nat地址转换(静态nat 动态nat NAPT 和Easy IP)配置命令

作者主页&#xff1a;点击&#xff01; ENSP专栏&#xff1a;点击&#xff01; 创作时间&#xff1a;2024年4月15日12点03分 实验拓扑 接下来我会分几个方面初步将静态nat和napt easy ip 首先基本的环境配置 AR1的基本配置 //基本的IP配置和默认路由指向外网 <Huawei&…

神仙级Python入门教程(超级详细),从零基础入门到精通,从看这篇开始

一、初聊Python 1.为什么要学习Python&#xff1f; 在学习Python之前&#xff0c;你不要担心自己没基础或“脑子笨”&#xff0c;我始终认为&#xff0c;只要你想学并为之努力&#xff0c;就能学好&#xff0c;就能用Python去做很多事情。在这个喧嚣的时代&#xff0c;很多技…

linux 数据链路层 socket编程 广播

在Linux系统中&#xff0c;要进行数据链路层的socket编程&#xff0c;并发送广播包&#xff0c;你可以使用原始套接字&#xff08;raw socket&#xff09;&#xff0c;并将IP头设置为广播地址。以下是一个简单的例子&#xff0c;展示如何使用原始套接字在数据链路层发送广播包&…

分布式锁介绍

引言 分布式锁是一种用于协调不同进程或线程对共享资源的访问控制的机制。在分布式系统中&#xff0c;由于多个节点可能同时访问或修改同一资源&#xff0c;因此需要一个中心化的协调机制来确保资源的访问是有序的&#xff0c;避免数据不一致的问题。 分布式锁的特性&#xf…

电子元器件供应链的优化与改进

优化和改进电子元器件供应链是确保企业竞争力和业务成功的关键一步。以下是一些优化和改进电子元器件供应链的方法&#xff1a;      供应链网络设计&#xff1a; 重新评估和优化供应链网络&#xff0c;确定最佳的供应商和分销商位置&#xff0c;以最大程度地降低成本、提高…

Java反序列化-(LazyMap)CC1链与CC6链

(LazyMap)CC1链 原版的CC1链&#xff1a; https://github.com/frohoff/ysoserial/blob/master/src/main/java/ysoserial/payloads/CommonsCollections1.java可以发现对比之前的 TransformMap版本的CC1链&#xff0c;从这里开始就不一样了 分析LazyMap.get() 直接进入到Laz…

OnlyOffice配置minio文件存储

OnlyOffice配置minio文件存储 一、部署minio测试环境 拉取minio镜像 为了快速验证&#xff0c;此处使用docker安装部署minio服务。先拉取minio最新版镜像资源。 -bash-4.2# docker pull minio/minio:latest -bash-4.2# docker images | grep minio minio/minio …

企业业务系统与呼叫中心话务系统的无缝对接实现方案

在当今的商业环境中&#xff0c;企业的业务系统与呼叫中心话务系统的对接显得尤为重要。这种对接不仅提高了企业的运营效率&#xff0c;还增强了客户服务的体验。本文将探讨如何实现企业业务系统与呼叫中心话务系统的无缝对接&#xff0c;并分析其带来的好处。 一、对接的必要性…

用html写一个有趣的鬼魂动画

<!DOCTYPE html> <html lang"en" > <head><meta charset"UTF-8"><title>一个有趣的鬼魂动画</title><link rel"stylesheet" href"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.m…

2024第十五届蓝桥杯 JAVA B组

目录 前言&#xff1a;试题 A: 报数游戏试题 B: 类斐波那契循环数试题C:分布式队列 前言&#xff1a; 没参加这次蓝桥杯算法赛&#xff0c;十四届蓝桥杯被狂虐&#xff0c;对算法又爱又恨&#xff0c;爱我会做的题&#xff0c;痛恨我连题都读不懂的题&#x1f62d;,十四届填空只…

深度解析:国内实时音视频厂商核心功能对比

当前实时音视频开发领域呈现出多样化竞争态势&#xff0c;其中声网&#xff08;Agora&#xff09;、即构&#xff08;ZEGO&#xff09;等云通讯企业占据了市场的主导地位。随着技术的持续进步和用户需求的日益多样化&#xff0c;选择音视频服务提供商的标准也越来越个性化&…

如何在Linux系统部署Joplin笔记并结合内网穿透实现无公网IP远程访问

文章目录 1. 安装Docker2. 自建Joplin服务器3. 搭建Joplin Sever4. 安装cpolar内网穿透5. 创建远程连接的固定公网地址 Joplin 是一个开源的笔记工具&#xff0c;拥有 Windows/macOS/Linux/iOS/Android/Terminal 版本的客户端。多端同步功能是笔记工具最重要的功能&#xff0c;…