当前位置: 首页 > Web前端 > HTML5

高级前端面试题大汇总(只有试题,没有答案)

时间:2023-04-05 22:39:54 HTML5

面试题来自网络,看看高级前端的面试题,就知道自己和高级前端的差距-结尾。一些面试问题会重复。koa-body的原理,使用的koa2中间件,介绍我写的中间件是否涉及到Cluster,介绍pm2master宕机如何处理pm2,如何与MySQL通信,React语句循环以及自己的理解,以及如何配置React-Router路由的动态。加载模块服务端渲染SSR介绍路由历史介绍Redux数据流转过程Redux如何实现多个组件之间的通信,多个组件如何使用同一个状态如何管理多个组件如何拆分各自的状态,每一块小组件都有自己的状态,以及它们之间有一些共同的状态需要维护如何使用Redux中间件解决跨域问题居中为什么使用transform(为什么不使用marginLeft/Top)你用过webpack中的哪些插件和加载器?webpack中的插件是如何实现的?开发服务器如何运行?如何实现这个对象的深拷贝redux介绍,主要解决什么问题断点续传文件上传怎么做form可以跨域?promise和async有什么区别?模式介绍中介模式Observer和subscription-publishing的区别,分别用在哪里react优化介绍http2.0通过什么实现并发请求介绍http1.1时如何重用tcp连接serviceworker介绍position:stickyreduxrequest介绍css3中间件如何处理并发Promise介绍、异常捕获介绍position属性包括CSS3新浏览器事件流介绍事件代理及其优缺点React组件中如何做事件代理React组件事件代理原理介绍介绍各种情况如何控制和管理路由在前端如何解决使用路由时如何检查和更改React中的数据跳转到React层面的性能优化。整体的前端性能提升大致可以分为几类。import{Button}from'antd',打包时只打包按钮,加载模块。怎么做?ules中的依赖项会做什么?JS异步解决方案的发展历程和优缺点。Http消息请求会有几个部分放cookie在哪里,cookie能干什么,存在的价值。Cookie和令牌存储在标头中。为什么?只劫持前者。cookie和session有什么区别?你在React中的Dom结构内部经历了哪些变化?React挂载时,有3个组件,textComponent,composeComponent,domComponent,区别和关系,Dom结构发生变化时如何区分数据的变化,如何更新,如何调度更新,如何处理其他任务如果更新期间有其他任务。关键主要解决什么类型的问题?为什么不推荐使用索引索引(重绘)?Redux中如何处理异步请求?什么是中间件?它接受几个参数(两端的柯里化函数)。柯里化函数两端的参数是什么?koa中response.send、response.rounded、response.json发生了什么?为什么浏览器能识别出是json结构或者htmlkoa-bodyparser是如何解析requestwebpack整个生命周期的?cycle、loader和plugin有什么区别?介绍AST(AbstractSyntaxTree)抽象语法树。数据如何在Android活动之间传输。从Android4.0到6.0。WebView对js兼容性的改变,你有没有使用过Apache等解决方案,了解async和await,介绍Promise内部原理,内部实现从输入URL到页面加载清除浮动定位(绝对定位,相对定位等)的问题?层(1物理层->2数据链路层->3网络层(ip)->4传输层(tcp)->5应用层(http))redux的设计思想访问redux的过程绑定connectProcessconnect原理webpack介绍==和===区别,什么情况下使用equal==bind,call,apply区别CSS3动画理解介绍原型链(是否解决继承问题)跨域UnderstandingLinux754冒泡排序、选择排序、冒泡排序介绍如何优化transform动画,直接用left和top换位置有什么优缺点如何判断链表是否有环介绍二分查找的特点tree引入临时死区ES6地图和原始对象有什么区别?观察者和发布订阅的区别。React中异步渲染的概念。介绍TimeSlicing和Suspense语句周期的变化。变更后的props会在哪个生命周期处理?介绍纯函数前端性能优化pureComponent与FunctionComponent的区别介绍JSX如何在Android和IOS上适配RN。为什么RN可以在native.js中绘制为原生组件(bundle.js)。介绍如何为虚拟DOM设计一个localStorage来保证数据的有效性。如何设计Promise.all()引入高层组件sum(2,3)达到sum(2)(3)的效果react性能优化如何比较两个对象如何比较JS原型变量作用域链防抖和节流的区别介绍各种异步方案react生命周期介绍fiber前端性能优化介绍DOM树在react中相对于key的作用如何设计状态树如何解决props级别是toodeepDomain问题jsonp解决方案需要服务器配合Ajax才能发生。添加CORS后,请求从发起到正式成功的过程应该怎么设置(前端)?如何防止xsrf跨域攻击带来的安全问题?多个await请求如何优化(请求是否有依赖)Promise和Async处理失败有什么区别?Redux在状态管理方面解决了React本身无法解决的问题。Redux有封装过react的生命周期,常用的life吗?在cycle对应的生命周期里做什么遇到性能问题,一般在哪个生命周期解决?如何做性能优化(异步加载组件。。。)React中可以写哪些细节来优化React的事件机制(给组件绑定一个事件)上面)介绍了事件代理,主要解决前端用到的问题发展React/Redux中使用了哪些设计模式哪些函数使用了哪些设计模式JS变量类型分为几种,有什么区别JS中垃圾回收机制是什么,比较常用,如何处理How程序中可以打开很多页面React子组件和父组件之间如何传值如何发送Emit事件以及需要介绍什么介绍React高阶组件以及与普通组件的区别一个数组对象,每个子对象都包含一个id和name,React如何渲染所有的名字。在哪个生命周期中,有多少名字不存在?如何通过异步接口获取它们?,需要给哪些loader配css,需要配置哪些loader,如何配置js,css,html分别打包成一个文件div垂直和水平居中(flex,绝对定位)两个元素块,一个一左一右,中间间隔10个像素,上下固定。如何实现中间的滚动布局[1,2,3,4,5]变成[1,2,3,a,b,5]取数组最大值(ES5,ES6)apply的区别而callES5和ES6都是some,every,find,filter,map,forEach有什么区别?上面的数组随机取数,每次返回的值都不一样。如何从0-5、95-99中找到随机数?页面有10000个按钮如何绑定事件,按钮页面如何判断生成10000个按钮,并绑定事件,怎么做(JS原生操作DOM)循环绑定时索引是什么,why,how解决页面上有一个input,和一个p标签,改变input后,p标签会随之改变,如何处理监听输入的哪个事件,什么时候触发手写的两个算法题React,你有没有遇到关于闭包视图的坑,为什么要用闭包封装手写数组去重函数手写数组扁平化函数Promise的目的和性质介绍Promise和Callback有什么区别React生命周期ES6新特性介绍WhatisReact16.3对生命周期的改变?介绍React的Filber架构。绘制Filber渲染树。介绍React高级组件如何在父子组件之间进行通信。版本号如何应对网站SEO介绍什么是HTTP状态码403、301、302缓存相关的HTTP请求头HTTPSHTTPS介绍如何建立安全通道前端性能优化(JS原生和React)为了用户体验做了哪些优化Whatdo你了解PWA你了解安全吗?介绍一下数字签名的原理?前后端通信采用什么方案?常用的RESTful方法localStorage和cookies有什么区别CSS选择器的盒模型是什么,标准情况和IE的区别缺点如何实现H5手机的适配rem和flex(rootem)的区别em和px的区别React语句循环中如何去掉#号如何去掉url中的#Redux状态管理器和挂载到窗口的变量有什么区别?webpack和gulp优缺点如何实现异步加载如何实现分模块打包(多入口)前端性能优化(1jscss;2图片;3缓存预加载;4ssr;5多域加载;6负载balancing)最大并发请求资源数(6)为什么base64可以提高性能,缺点介绍webp这种图片文件格式介绍koa2Promise如何实现异步请求,低版本fetch如何适配ajax如何处理跨域CORS如何设置jsonp为什么不支持post方法引入同源策略React使用介绍Immuable,redux全过程,介绍原型链如何继承,介绍JS数据类型,基本数据类型和引用数据类型的区别,Array是Object类型?数据类型存在于何处?vara={名称:“”};变量b=a;a=null那么b输出什么vara={b:1}whereisstoredvara={b:{c:1}}whereisstored垃圾回收时栈和堆的区别与堆的区别有10万条数据数组中,第一个元素和第100000个元素的时间差是多少栈和堆如何存储具体介绍闭包以及为什么不清除闭包AsynchronousAsynchronousPromise在整个执行周期的三种状态Async/Await是如何实现Promise和setTimeout的执行顺序的区别为什么JS要区分微任务和宏任务?Promise构造函数是同步执行还是异步执行?然后?发布-订阅和观察者模式的区别JS执行有哪些阶段?做继承深拷贝和浅拷贝loadsh深拷贝实现原理ES6中letblock的作用域是如何实现的?React中setState之后会发生什么?为什么setState默认是异步的?setState什么时候同步?(RN)框架(虚拟DOM)虚拟DOM主要做什么?什么是虚拟DOM本身(JS对象)什么是304?webpack对一些自定义操作做了什么?a和b按钮,点击aba,返回顺序可能是baa,如何保证是aba(Promise.then)节点接口转发,如何优化节点服务,如何保证稳定流畅降级,重启,etc.RN是在做热加载吗?RN遇到的兼容性问题?RN是如何实现原生组件的?RNhybridnative和nativehybridRN有什么区别?介绍Promise的特点,优缺点介绍ReduxRN的原理,为什么可以同时在Android和IOS上运行RN如何调用一些原生的函数介绍RN的缺点核心是什么?网络的五层模型。HTTP和HTTPS的区别。HTTPS的加密过程。SSL和TLS简介。DNS解析简介。JS继承方式。如何优化使用canvas组织通用组件formData和原生ajax有什么区别?介绍表单提交和formData的关系。介绍redux接入流程。rudux和全局管理有什么区别(数据可控,数据响应)RN和原生通信简介如何组织MVP如何实现异步解决promise如何实现then处理koa2中间件原理常用中间件server如何做统一状态处理如何优化相对路径引用node文件搜索优先级npm2和npm3+knex连接数据库响应回调有什么区别异步方案介绍如何处理异常捕获项目如何管理模块前端性能优化JS继承方案如何判断a变量是数组变量a和b,如何委托多个标签交换事件生成的Dom结构是一个类数组数组。array-likearray和array的区别。如何将类dom数组转换为数组。单页应用和多页应用Redux状态树管理介绍。localstorage的API介绍HTML语义理解的区别闭包的理解工程中闭包的使用场景介绍一下这个和prototype使用原型的最大好处react设计思路为什么虚拟DOM比真实DOM有更好的性能ReactCommon通信方式redux整体工作流程reduxredux数据和全局对象的区别回溯设计思路单例、工厂、观察者项目实际场景tree项目中的使用场景和工作收获的理解React生命周期React性能优化添加原生事件不移除为什么内存泄漏依然存在哪些地方会出现内存泄漏?setInterval需要注意什么?为什么计时器不准确?setTimeout(1)和setTimeout(2)的区别介绍宏任务和微任务在promise和then中执行有什么区别?pureComponet介绍Function介绍ComponentReact数据流props和state的区别reactcontext介绍类和ES5类介绍及其区别箭头函数和普通函数的区别介绍使用场景使用ClosurePrivilegedFunction使用场景get和get有什么区别发布React15/16.x之间有什么区别?重新渲染有什么作用?哪些方法会触发React?state和props触发更新的生命周期有什么区别是同步还是异步无状态组件的理解Redux工作流介绍ES6函数let,const,var介绍浅拷贝和深拷贝的区别箭头函数this介绍Promise介绍然后React有哪些元素,它的优缺点,使用过程中遇到的问题,如何解决?React是什么概念(使用函数式编程进行页面渲染)JS的范式语言是什么(面向对象还是函数式编程)koa原理,为什么要用koa(express和koa的比较)Promise和async/await以及callb的使用通过koa中间件ES6ack的区别Promise是否解决了异步问题(promise链是一个真正厉害的地方)Promise和setTimeout的区别(EventLoop)进程和线程的区别(一个node实例是一个进程,node是一个单线程,通过事件循环)实现异步)先介绍DFS深度介绍观察者模式观察者模式用到的数据结构(无序,是列表)Vue面试中经常被问到的面试题/Vue知识点是整理532前端真大厂面试题学习ES6笔记──工作中常用的ES6语法