【前端】读者本人九月实战面试前端题目分享

325 阅读7分钟

前言(9月10日之前)

读者目前在某为当OD,因为公司后面前端要全面切换使用低代码,而且每天的拉通对齐把读者内耗得不像人,遂萌生跳槽的想法,现在用这篇文章来记录读者9月实战面试过的前端题目(有部分题目可能忘了),希望能帮到大家。

某基金公司(偏实战,没有怎么问前端框架的内容)

1、https实现原理

2、js闭包

3、如何进行前端性能优化

4、快排原理

5、伪类是什么

6、vue的双向绑定原理

7、点击后退路由为什么会出现返回不了的情况

8、一次发出多个请求,如何同时获取返回的数据

某国企外包A

1、 什么是事件委托?

2、遇到过什么前端安全问题,怎么解决的(xss、csrf、钓鱼攻击)

3、前端如何进行性能优化

4、其他忘了,其他题也都比较基础。。。

某国企外包B

1、vue为什么将v-if与v-for一起用,vue2和vue3这两的优先级

2、vue组件的通讯方式、vue3如何通过ref获取子组件的值 (defineExpose)

3、vue的生命周期,beforeunmount通常用来干啥

4、vue的父子组件生命周期执行顺序

5、vue2与vue3的区别,vite为什么比webpack打包快

6、vue3的diff算法实现

7、keep-alive是干嘛的

8、大屏开发如何适配

9、vue的组件和插件有什么区别

10、斐波那契数列怎么实现(循环与递归)、递归的时候cpu会怎么样执行

11、了解什么算法,举一个动态规划的例子

9月11日更新

南山某途

1、sso具体实现原理

2、跨域处理和解决方式

3、js回收机制

4、new函数的具体执行过程

5、笔试题 以下题目输出什么,并解释为什么输出这个数

var num = 1;
function test(){
    console.log(num);
}
(function test2(){
    var num = 2;
    console.log(num)
})()

6、promise执行顺序

async function request(){
    console.log('sub-start')
    await new Promise((resolve,reject)=>{
        console.log('Promise')
    })
    console.log('sub-end')

    return 'result' 
}

console.log('main-start')

request().then((res)=>{
    console.log(res);
})

console.log('main-end')

7、给一个promise数组,如何按顺序执行这个数组(p1 -> p2 ->....p10)

8、options请求是什么,什么请求会发options

9月13日更新

广州某小公司 一面(偏实践,不过也问了vue的源码)

1、vue加载是怎么样的 是同步还是异步

2、vue的mixin,vue3为什么去掉了

3、CDN原理

4、部署cicd流程

5、你在项目是负责干什么的

6、nodejs 中间件是什么,你有写过中间件吗

7、interface和type的区别

8、项目中前端性能优化是怎么做的,service-worker优化了啥

9、hook有什么作用,主要用来干嘛的

9月25日更新

佛山小外企

1.next水合过程

2.vue3与react18有什么写法区别

3.为什么看好nextjs

4.map与object的区别

5.有了解过hash函数吗

6.hash表算法原理

7.服务端主动推送客户端有什么方式,chatgpt是怎么做的

8.react18新特性或者react19特性

9.es6最近比较新的语法有了解吗,讲讲感兴趣的

10.react 客户端组件和服务端组件有了解吗

11.react父组件更新了如何防止子组件一起更新,你会在每个子组件都使用memo吗

12.有了解seo的机制吗 聊聊

13.如何减少js或者css的体积,怎么去将css从js分离出来

14、渲染慢或者白屏的原因

15、hash表应用在哪

16、有没有打过蓝桥杯acm

17、用nodejs写过什么

18、遇到过最难的问题是什么怎么解决

19、用过什么缓存,前端或者后端都可以,请求头cache-control有什么用

20、平时遇到问题是怎么解决的,找什么资料,有没有写过什么ai工具

21、react要一直做这些性能优化,vue为什么不用做

12月11日更新

希音

1、做过什么前端性能优化,怎么去优化的

2、service-worker做了啥,为什么用service-worker去缓存,不用http去缓存(强缓存和协商缓存)

3、nodejs服务端内存暴涨,你是怎么定位问题的,有什么影响因素以及有什么解决方法

4、whistle实现模拟登录

5、ssr有没有上线部署,上线部署后会有什么问题

6、http2与http1的区别,有什么优势,我把js分割出来越多越好去请求是不是会更好。

7、monorepo解决了什么问题,有没有用过turbo,怎么启动多个项目(child progress)

8、websocket如何做前端性能优化,websocket是什么,web-worker是什么

9、qiankun与模块联邦加webcomponent这两种微前端方案有什么区别?

深圳公司

1、diff算法,如果key值匹配不上会出现什么问题

2、useEffect用法

3、foreach和map的区别

4、angular、vue3和react的区别

5、小程序的微前端micro-app,用的是webview的方式吗

12月12日更新

天翼外包

1、自我介绍

2、webpack的plugin和loader的区别

3、webpack怎么定义一个plugin

4、如何实现promise

5、为什么用wujie替换模块联邦和webcomponent,和wujie的区别

6、如何预防xss攻击以及csrf攻击

7、vue component标签的原理

8、webpack转化了css后就没有css代码了吗

9、vite编写plugin的流程

10、echart怎么做性能优化

11、如何分析代码内存,怎么去优化

12、angular体量很大,你们是怎么去优化的。

13、umd是怎么引入的

游戏公司

1、查找100万个数据使用二分法要多少次查询

2、前端性能优化

3、如何查看前端是否发生内存泄漏

4、vue和react的diff算法

5、最近遇到觉得有挑战的事

6、vue通信方式

7、react和vue的区别

8、es7有什么语法可以举例一下吗

12月13日

广州公司

1、js原型链

2、js原型链应用场景

3、vue的响应式原理

4、如何封装获取cookie的方法

12月17日

广州k12公司

1、js事件循环 浏览器绘制属于微任务还是宏任务

2、如何知道一个画布的大小

3、http1和http2区别

4、tcp和udp区别,哪个比较安全,为什么

5、浏览器缓存有哪些,能存多少内存

6、如何在浏览器绘制之后改变属性 offsetheight

7、有没有运用设计模式写代码,举个例子(单例工厂那些)

12月20日

迪子

1、script脚本的async prefetch preload defer区别

2、微前端框架如何选型

3、vue2和vue3区别

4、vite和webpack的区别

5、虚拟dom的渲染会在哪个阶段

12月23日

1、协程进程和线程的区别,nodejs怎么写多线程

2、mongodb的管道是什么

3、如何改变symbol的值

4、有了解wasm吗,讲讲

5、mysql怎么连表查询 筛选 分组这些

6、golang 结构体跟js object区别

7、eletron主进程怎么跟子进程通信

8、canvas怎么去给某个矩形绑定事件

9、流是什么、有没有用过nodejs的protostream

10、什么是搜索引擎

11、甘特图10万条数据如果都要计算那要怎么优化

12、webgl有没有用过

13、usememo有什么作用

14、前端内存泄露怎么解决

15、有了解过装饰器模式吗

16、有了解过web worker吗,web worker是啥?

17、DOM、BOM、Browser是什么

18、如何实现大文件分片上传

19、浏览器有什么api

12月24日

1、es6怎么转化成es5

2、怎么优化很多if这种代码

3、如何通过原型链实现继承

4、实现不导入也能使用的包

5、移动端网页适配怎么做

12月25日

1、浏览器有几个渲染线程 http是应用层的协议,数据是以什么样的形式返回的

2、nestjs依赖注入是怎么实现的

3、react diff算法原理

4、浏览器的渲染原理 有什么微任务和宏任务,为什么css和js渲染之间会有闲置时间

5、express中间件的实现原理

6、数据在 物理层 数据链路层 网络层 传输层 会话层是以怎样的形式

7、浏览器渲染优先级是怎么排序的