常见面试题整理---前端(不论出处)(代码片段)

lidedong lidedong     2022-12-28     724

关键词:

1.浏览器渲染页面的过程

用户输入URL地址
浏览器解析URL解析出主机名
浏览器将主机名转换成服务器ip地址(浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存)
浏览器将端口号从URL中解析出来
浏览器建立一条与目标Web服务器的TCP连接(三次握手)
浏览器向服务器发送一条HTTP请求报文
服务器向浏览器返回一条HTTP响应报文
关闭连接 浏览器解析文档

2.异步编程的四种方法

①回调②事件监听③观察者模式(发布和订阅)④promise

3.解释同步异步、阻塞非阻塞、并行并发之间的区别

  阻塞调用是指调用结果返回之前,调用者会进入阻塞状态等待。只有在得到结果之后才会返回。

  非阻塞调用是指在不能立刻得到结果之前,该函数不会阻塞当前线程,而会立刻返回。

 

  同步:在发出一个同步调用时,在没有得到结果之前,该调用就不返回。

  异步:在发出一个异步调用后,调用者不会立刻得到结果,该调用就返回了。

 并发是指一个时间段内,有几个程序都在同一个CPU上运行,但任意一个时刻点上只有一个程序在处理机上运行。
 并行是指一个时间段内,有几个程序都在几个CPU上运行,任意一个时刻点上,有多个程序在同时运行,并且多道程序之间互不干扰。

4.CPU调度策略

在并发运行中,CPU需要在多个程序之间来回切换,那么如何切换就有一些策略

1 先来先服务 - 时间片轮转调度

这个很简单,就是谁先来,就给谁分配时间片运行,缺点是有些紧急的任务要很久才能得到运行。

2 优先级调度

每个线程有一个优先级,CPU每次去拿优先级高的运行,优先级低的等等,为了避免等太久,每等一定时间,就给线程提高一个优先级

3 最短作业优先

把线程任务量排序,每次拿处理时间短的线程运行,就像我去银行办业务一样,我的事情很快就处理完了,所以让我插队先办完,后面时间长的人先等等,时间长的人就很难得到响应了。

4 最高响应比优先

用线程的等待时间除以服务时间,得到响应比,响应比小的优先运行。这样不会造成某些任务一直得不到响应。

5 多级反馈队列调度

有多个优先级不同的队列,每个队列里面有多个等待线程。 
CPU每次从优先级高的遍历到低的,取队首的线程运行,运行完了放回队尾,优先级越高,时间片越短,即响应越快,时间片就不是固定的了。 
队列内部还是用先来先服务的策略。

5.js实现数值千分位

6.React非父子、兄弟组件传值

共用父组件然后Props传值、使用状态管理redux(推荐)等

7."123456789876543212345678987654321..."的第n位是什么?

 

8.如何实现自己实现过Promise

9.new 一个对象后发生了什么?

10.说一下原型和原型链

11.有没有自己写过比较复杂的正则?

12.有没有封装过axios?

 

前后分离的系统,一个请求出错了,如何中断其它请求?

如何在axios中添加登陆验证?

 

web前端常见面试题(代码片段)

1、什么是盒子模型?CSS盒模型(BoxModel),又称框模型。它包括:content、padding、border、margin,所有HTML元素都可以看作盒子。注: 当通过CSS指定一个元素的宽度和高度属性时,只是设置了实际内容区域的宽度和高度。一旦为页面... 查看详情

前端常见面试题(代码片段)

文章目录HTML+CSS部分1.如何使一个元素在水平和垂直方向上居中?2.如何清除浮动?3.css优先级算法如何计算?4.html5有哪些新特性?5.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新... 查看详情

常见面试题整理:计算机网络篇,值得背诵收藏!(代码片段)

号外号外!《死磕Java并发编程》系列连载中,大家可以关注一波:「死磕Java并发编程05」阿里面试失败后,一气之下我图解了Java中18把锁「死磕Java并发编程04」说说JavaAtomic原子类的实现原理「死磕Java并发编程03... 查看详情

常见面试题整理:计算机网络篇,值得背诵收藏!(代码片段)

号外号外!《死磕Java并发编程》系列连载中,大家可以关注一波:「死磕Java并发编程05」阿里面试失败后,一气之下我图解了Java中18把锁「死磕Java并发编程04」说说JavaAtomic原子类的实现原理「死磕Java并发编程03... 查看详情

spring常见面试题(代码片段)

本文是通过收集网上各种面试指南题目及答案然后经过整理归纳而来,仅仅是为了方便以后回顾,无意冒犯各位原创作者。1.什么是Spring?Spring是个java企业级应用的开源开发框架。Spring主要用来开发Java应用,但是有些扩展是针... 查看详情

springcloud常见面试题(2020最新版)(代码片段)

为什么需要学习SpringCloud不论是商业应用还是用户应用,在业务初期都很简单,我们通常会把它实现为单体结构的应用。但是,随着业务逐渐发展,产品思想会变得越来越复杂,单体结构的应用也会越来越复杂。这就会给应用带... 查看详情

springmvc常见面试题(代码片段)

1.什么是SpringMVC?简单介绍下你对springMVC的理解?  SpringMVC是一个基于Java的实现了MVC设计模式的请求驱动类型的轻量级Web框架,通过把Model,View,Controller分离,将web层进行职责解耦,把复杂的web应用分成逻辑清晰的几部分,简... 查看详情

mysql常见面试题(代码片段)

测试数据:/*NavicatPremiumDataTransferSourceServer:localhostSourceServerType:MySQLSourceServerVersion:50624SourceHost:localhostSourceDatabase:sqlexamTargetServerType:MySQLTargetServerVersion:50624FileEncod 查看详情

面试题redis篇-常见面试题p1(代码片段)

【面试题】Redis篇-常见面试题p1备战实习,会定期的总结常考的面试题,大家一起加油!🎯🎯🎯往期文章:【面试题】计算机网络篇-10道常见面试题p1【面试题】JVM篇-10道常见面试题p1【面试题】Java并... 查看详情

面试题redis篇-常见面试题p1(代码片段)

【面试题】Redis篇-常见面试题p1备战实习,会定期的总结常考的面试题,大家一起加油!🎯🎯🎯往期文章:【面试题】计算机网络篇-10道常见面试题p1【面试题】JVM篇-10道常见面试题p1【面试题】Java并... 查看详情

9-3前后端分离与restful常见面试题(代码片段)

一、考点聚焦什么是前后端分离?什么是RESTful1.前后端分离的意义和方式2.什么是RESTful3.如何设计RESTful二、什么是前后端分离?有哪些优点?后端只负责提供数据接口,不再渲染模板,前端获取数据并呈现1.前... 查看详情

mybatis常见面试题汇总

Mybatis常见面试题汇总  最近在复习整理Mybatis的相关知识,针对面试中的典型问题,结合相关书籍和网上相关帖子,做如下整理。=================================================================1、#和$的区别是什么?答:$是Properties文件中的... 查看详情

2022最新整理软件测试常见面试题附答案(代码片段)

包含的模块:本文分为十九个模块,分别是:软件测试基础、liunx、MySQL、web测试、接口测试、APP测试、管理工具、Python、性能测试、selenium、lordrunner、计算机网络、组成原理、数据结构与算法、逻辑题、人力资源需... 查看详情

面经|redis常见面试题(代码片段)

Redis常见面试题目录结构:文章目录Redis常见面试题数据结构String哈希ListSetZset有序集合持久化机制RDB快照AOF混合使用Redis为什么要线执行命令,在把数据写入日志?缓存问题缓存击穿缓存穿透缓存雪崩数据一致性问题... 查看详情

数据库常见面试题总结

参考如下:数据库常见面试题(开发者篇)数据库优化SQL数据库面试题及答案常见面试题整理--数据库篇 查看详情

java并发常见面试题总结(下)(代码片段)

Java并发常见面试题总结--下线程池为什么要用线程池?实现Runnable接口和Callable接口的区别执行execute()方法和submit()方法的区别是什么呢?如何创建线程池ThreadPoolExecutor类分析`ThreadPoolExecutor`构造函数重要参数分析`... 查看详情

面试题操作系统常见面试题合集(代码片段)

...601;往期文章:🥪【面试题】计算机网络篇-10道常见面试题p1🌮【面试题】JVM篇-10道常见面试题p1🌯【面试题】Java并发篇-10道常见面试题p1 查看详情

常见面试题总结(代码片段)

微服务1.Springboot加载配置文件顺序?2.SpringBoot启动时都做了那些事3.Mybatis的sql执行过程4.SpringMVC的执行流程5.Spring容器启动的执行过程6.SpringIOC的过程7.微服务整体架构图8.如何拆分微服务​DDD领域驱动9.几个注册中心的比较... 查看详情