【面试题】2024前端面试真题_中国电信前端面试(1)

最新推荐文章于 2024-10-11 17:02:46 发布

原创最新推荐文章于 2024-10-11 17:02:46 发布 · 1.4k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #面试 #职场和发展

程序员专栏收录该内容

174 篇文章

订阅专栏

这篇博客分享了作者在2024年面试前端岗位的经历，包括字节跳动、中软国际、XX公司等的面试题目，涉及React、Webpack、HTTP、Vue、性能优化等多个方面。同时，推荐了三个实用的前端面试题库、技术导航和颜色值转换工具，是前端面试备考的重要参考资料。

字节跳动一面（过了）

手写代码实现一个react memo效果，react.meno第二个参数是什么
pureComponent
手写代码实现一个有状态的倒计时
浏览器强缓存，cacle-control 有哪些字段浏览器缓存原理
微信原生小程序性能指标
有没有看过qiankun的底层原理
webpack5缓存有哪几种方式
强缓存和协商缓存的状态码是多少
HTTP2.0相当于1.X有哪些优势
webpack 是利用什么机制分包的
webpack5 模块联邦简单介绍下如何实现

字节跳动二面（没过）

自定义一个hooks
实现一个节流函数（然后改成hoos的写法）
实现一个快排
说说你期望的前端发展方向

中软国际(电信公司)（过了）

webpack dllPlugin 具体如何做配置的
react class和hooks 分别是如何实现生命周期的
纯函数组件的好处
高阶组件
react 项目如何做代码优化
load和plugin有什么区别，常用的load和plugin有哪些
一个页面的按钮权限如何控制（假如给你一个整个项目的按钮权限数据）

XX一面（过了）

宏任务微任务
为什么会有跨域问题，如果接口有跨域问题，那接口到服务端了吗
解释一下BFC。BFC脱离文档流没
commonjs的模块导入导出和ES6的导入导出有什么区别
flex用过没
如何解决移动端适配问题
一个div内嵌一个div margin-top30，2个div相差多少
CORS2个请求有什么区别，能否合并成一个
HTTP1.0和HTTP1.1有什么区别
[‘fldffd’,‘flrtoss’,'flodofs’] 求最长相同字符前缀
forEach如何跳出循环
你对自己的未来规划是什么

XX二面（过了）

之前遇到最大的困惑和挑战是什么
如何做移动端适配
如何做页面性能优化
如何保证一个项目从开发到上线没有bug，讲讲你的思路
webpack如何优化包体积和构建速度

XX三面（过了）

做微前端之前是如何考虑的，利用微前端能解决什么痛点，前期做了哪些调研
qiankun配置微应用入口后，entry是如何实现应用的路由的
jsx为什么能在js里写html代码，最后是怎么处理和编译的
webpack的编译和浏览器的编译主要做了哪些事情
vue中 html中可以写指令，如v-model,请问是如何实现的
vue中双向数据绑定是如何实现的
react中状态的更新是如何触发视图渲染的
一个项目做性能优化前，是做如何考虑的，做性能优化有哪些指标能参考，拿到一个项目后，是如何做性能优化的

开源中国一面（过了）

less sass平时使用过没，有哪些特性
nodejs用过哪些东西
讲一下栅格布局和flex布局
如何实现一个换肤功能；（2个不同的css文件）
如何实现一个导航栏的显示隐藏（根据分辨率）
如何实现一个导航栏变窄
class super是干嘛的
class方法和纯函数有什么不一样
ts数据类型用过哪些
ts @符合的使用，angular中@是用来实现个什么东西的
ts中的一些没听过的知识点（记不起来了）
react forwardRef用过没
react hooks 如何实现组件销毁
vue熟悉吗
HTTP缓存是如何处理的（服务器或者ng是如何返回缓存字段的）
三方npm资源链接复用，你们公司一般都放在哪里
说说复杂数据类型，function是复杂数据类型吗，如何判定复杂数据类型的类型
项目打包从200M优化到120M这之间做了哪些事情

开源二面（过了）

CDN如何做配置，浏览器缓存及CDN缓存策略，CDN基本概念，CDN对应的服务器宕机了，前端快速让页面能正常打开
移动端适配原理和方案，flex布局和栅格系统
redux是干嘛的，是否是必须的
抛开三方插件，如何实现跨页面通信，缓存有I/O，有没有其他方案，react context之类
在做性能优化之前，是基于什么做考虑的，为什么需要做性能优化
如何从代码层面做性能优化，讲讲你的思路
一般项目从开发到上线，你认为需要具备几个环境才是合理的
git merge 和 git rebase有什么区别
用react实现一个slect下拉组件，从简单到负责，通过对props、状态、事件并运用组件化的思想讲一下你的思路
ts平时都使用过，在项目中你认为ts的定位是什么

亚信科技

没有面试，让直接过去当前端负责人，和他们的区域经理比较熟，吃吃饭，聊了一下现有的工作
在了解了他们那边的项目之后，又简单聊了聊我过去能做些什么
聊了下，领导对我的期待和我自己的规划
最后发offer的时候，总公司严控，说没有HC了，公司有点扯！！！

总结给大家推荐一个实用面试题库

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5