前端技术常用技术面试问题 - 智学轩城

前端技术常用技术面试问题

郯仲煦头像

郯仲煦

2025-11-14 11:55:20

说起来前端面试,,那可真是让人又爱又恨的环节。比如说吧,2022年那个城市,有个面试官就问我,"你用React做过哪些组件?"
我当时也懵,我这心里想着,我做的组件多了去了,可怎么一个个说出来呢?我就说:“我做过一个用户列表组件,它支持分页和搜索功能,用户信息以卡片形式展示,每个卡片都有用户名、头像和操作按钮。”
“?”面试官接话,“那你能描述一下你的状态管理是如何实现的吗?”
我当时心里一紧,就说:“我用的是Redux,通过action和reducer来管理状态,每个组件通过connect函数来获取state和dispatch函数。”
“好,那你对CSS模块化有什么了解?”他又问。
我说:“CSS模块化嘛,就是用local-scope来避免全局污染,我一般会用Webpack的css-loader和style-loader来处理。”
“那你知道Webpack的Tree Shaking吗?”他追问。
,我当时心里暗自庆幸,这个问题我知道:“Tree Shaking是Webpack的一个优化功能,它可以去除未引用的代码,减少最终打包体积。”
“嗯,不错。”面试官点点头,“那聊聊你的性能优化经验吧。”
这我倒是挺熟的,我就说:“性能优化嘛,我一般会从代码层面开始,比如减少DOM操作,使用虚拟DOM,还有进行懒加载和代码分割。”
“嗯,不错。”他似乎对我的回答挺满意的。
就这样,我稀里糊涂地回答了一连串问题,心里想着,,希望这次能过吧。

受仲娟头像

受仲娟

2025-03-08 15:22:20

前端技术常用面试问题】
1. 对,你懂HTML/CSS/JavaScript吗?简单说说它们各自的作用。 2. 你写过响应式设计吗?怎么实现的? 3. 我手上这个项目,用Vue或React做了什么功能?难点在哪里? 4. 你怎么看待前端工程化?说说你用过的构建工具。 5. 说说ES6的新特性,你常用哪些? 6. 上周刚处理一个性能优化,你有什么好方法? 7. 你了解Web性能优化吗?怎么分析页面加载速度? 8. 说起跨域,你知道有哪些解决方案? 9. 你对模块化开发了解多少?用过CommonJS、AMD或ES6模块吗? 10. 你怎么处理前端安全问题? 11. 你用过的前端框架中,哪个让你觉得最强大?为什么? 12. 你了解前端性能测试吗?常用的工具有哪些? 13. 你手上的项目,怎么进行版本控制? 14. 你对前端自动化测试了解多少?有哪些经验? 15. 你怎么看待前后端分离? 16. 你了解RESTful API吗?怎么设计一个RESTful API? 17. 你对前端缓存机制了解多少? 18. 你怎么看待前端代码规范? 19. 你了解前端架构设计吗?举个例子。 20. 你还有什么想问我的吗?