前端面试官常问的问题，零基础入门到精通，收藏这篇就够了

前言

之前在兴安得力的时候，我也出过前端的面试题。那么前端人员在外面面试的时候，一般技术人员都会考察我们那些地方呢？我在这里不妨总结一下！（PS：有点小邪恶，这个公开之后，对于面试者来说是方便了。但是，假如你是公司技术人员，是面试官，您不妨修改一下题目，变通一下！）

javascript常见题目

一、您对js的原型是如何理解的？您对js的继承是如何理解的？能否举例说明js的继承？

关于这个题目，我之前的一篇文章 http://www.haorooms.com/post/js_constructor_pro ，您可以看一下。理解一下原型prototype，关于继承，那主要是js原型链的继承。关于继承的理解及举例（我这里就不详细介绍了，简单介绍之后，你即使背过了，也不一定理解，对于公司也是不公平的）。我还是推荐面试者看一本书《[JavaScript高级程序设计(第3版)]》，这本书对js讲的很详细。关于这个题目，您可以阅读其第六章就可以了！认真阅读之后，相信你能理解，也能够简单的说出来！

关于js的继承，确实是重点和难点，我写过两篇博客，大家可以看下：http://www.haorooms.com/post/js_lei_jicheng

http://www.haorooms.com/post/js_jc_lei2

二、js闭包？举例并说明其主要的作用！

关于闭包，其实是指有权访问另一个函数作用域中变量的函数。具体我之前也写过一篇文章，可以看一看！

javascript闭包的理解 http://www.haorooms.com/post/js_bb

javascript闭包入门理解（二）：http://www.haorooms.com/post/js_bbtwo

三、js数组主要有哪些方法？主要参数你了解吗？

具体你可以查一下，常用的一般有如下：

1 、shift():删除数组的第一个元素,返回删除的值。这里是0

2 、unshift(3,4):把参数加载数组的前面，返回数组的长度。现在list:中是3,4,0,1,2

3、pop():删除数组的最后一个元素，返回删除的值。这里是2.

4、push(3):将参数加载到数组的最后，返回数组的长度，现在List中时：0,1,2,3

5、concat(3,4):把两个数组拼接起来。

6、splice(start,deleteCount,val1,val2,…)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,…

7、reverse：将数组反序

var a = [1,2,3,4,5]; 
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1] 

8、sort(orderfunction)：按指定的参数对数组进行排序 var a = [1,2,3,4,5]; var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

9、slice(start,end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组

var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

四、js迭代的方法

every() 、fliter()、forEach()、map()、some()具体大家可以查一下！

五、js数组去重和排序

具体我就不详细描述了。

六、js正则表达式

关于正则：http://www.haorooms.com/post/js_regex_refuse ，这篇文章应对面试足够了！

让你写个简单的正则，去掉字符串左右空格。具体看看我之前的文章http://www.haorooms.com/post/js_kong_ge

关于正则，你可以去了解一下！

七、纯js的ajax请求原理

可以查询，了解一下！看下这几篇文章http://www.haorooms.com/post/js_ajax_chun 和http://www.haorooms.com/post/js_shixian_jquery 最后关于js实现ajax的，最新出了js的fetch方法，很不错的！

八、js模块化

可以看下我之前的文章：http://www.haorooms.com/post/js_require_zz

九、双等号隐性转换

具体看文章：http://www.haorooms.com/post/js_yinxingleixing

十、js操作符，字符串截取等

具体请看：http://www.haorooms.com/post/js_czf_mst

字符串截取，substr 、substring等的区别

十一、js中继承中call和apply（）的区别

用法差不多，传递参数不同。具体你可以网上查查，也可以看下我的文章 http://www.haorooms.com/post/js_constructor_pro

jquery常见题目

一、jquery源码研究过没有？

二、jquery插件写过没有，一般如何写？

可以看我之前的一篇文章：http://www.haorooms.com/post/js_jquery_chajian

三、jquery的bind(),live(),delegate(),on() 区别

网上可以搜索一下，看一下！

前端常见题目

一、如何处理跨域？

jsonp等，可以看下我写的 浏览器跨域访问解决方案

二、如何处理缓存？如何清除缓存。

ajax随机数、ajax参数、meta中设置等。可以看下我写的 js清除浏览器缓存的几种方法

三、http请求问题，HTTP请求信息由那3部分组成？

1、请求方法URI协议/版本 （例如：GET/haorooms.jspHTTP/1.1）
2、请求头(Request Header)（例如：Accept:image/gif.image/jpeg.*/* Accept-Language:zh-cn Connection:Keep-Alive Host:localhost等等）
3、请求正文 

关于图片的请求，可以看我之前的一篇文章 http://www.haorooms.com/post/web_http_request

四、前端性能优化问题，你是如何处理前端性能问题的？

看我之前的一篇文章：http://www.haorooms.com/post/web_xnyh_jscss 及 前端性能优化补充篇

五、网站js和css如何压缩？有哪些方法？

ant+yuicompressor具体可以看看我之前的一篇文章：http://www.haorooms.com/post/ant_yuicom

ant:http://www.haorooms.com/tools/ant_book/

SASS等 可以对css进行自动压缩！

也可以用Grunt构建工具进行。可以看下 前端js和css的压缩合并之grunt

六、用到哪些css插件？

bootstrap，animate.css 等

七、让你自己搭建一个网站，你是如何做架构的？

考察前端架构能力。

八、一些状态码你了解吗？

200成功类、300重定向类、400客户端类、500服务器端类。具体可以网上查一下！

九、如何用浏览器进行代码调试？

谷歌浏览器、火狐、IE等。（不明白的同学具体网上可以查一下）

十、json字符串转为json的方法

具体请看：http://www.haorooms.com/post/js_jsons_h

http://www.haorooms.com/post/json_object_json_string

html+css+html5+css3 常见题目

一、假如一个页面，左侧固定，右侧自适应，你是如何做到的？

方法很多，一般是margin和浮动，具体可以网上查一下。很简单。

二、html5新的标签和特性有哪些？

html5标签有很多，你可以网上查一下。

三、你常用的css3有哪些？说出你记得的。

哈哈哈，这个很多，你要再复习一下css3包括其动画等等。

四、如何处理浏览器兼容性问题？

请看：http://www.haorooms.com/post/IE_jianrong

五、如何用css美化radio、checkbox等按钮样式？

具体可以看我的一篇文章：http://www.haorooms.com/post/css_mh_ck_radio

web touch常见题目

一、做手机网站长见的兼容问题有哪些？

看下手机网站相关文章。

二、网站如何自适应的？响应式网站一般如何制作？

可以随便聊聊。可以看下http://www.haorooms.com/post/css3media

三、zepto.js使用过程中有哪些问题？jquerymobile用过吗？会有哪些问题？

用过的话，可以随便聊一下！

加分项

例如，你们聊到数据库，数一下如何用mongo做分页等等，包括mysql数据库等等。

聊到inux系统，linux常用的命令。

聊到angularjs，vue.js、angularjs的指令，双向数据绑定。MVVM模式和mvc模式的区别及mvp模式。

聊到前端架构，及百度fits的jello等。

聊到常用的版本控制工具git或者SVN，讲讲git常用的命令，git回滚到某个版本怎么做（ $ git reset --hard 某个版本号）

人事面试

人事面试和技术面试是有区别的，人事一般问一些概况总结方面的问题，我下面举一些列子吧！

一、你做了这么多项目，让你感受最深，印象最深的是哪个项目？你从中学到了什么？为什么会感受最深？

二、做前端开发这么多年来？说下你的感受吧！

三、简单自我介绍一下自己。

四、你对公司有什么需要了解的？

五、谈到薪资，谈到离职原因，谈到未来几年的规划等等，我在这里就不具体说了。

上面是我面试过程中最常见的一些问题。注意：面试的时候千万要真诚，不要撒谎，是什么就是什么，我列举上面题目的原因是有些前端人员可能技术很好，但是面试的时候紧张，没有准备。这样你简单准备了之后，就能发挥自己正常水平！广大朋友们，加油吧！

2025开年，AI技术打得火热，正在改变前端人的职业命运：

阿里云核心业务全部接入Agent体系；

字节跳动30%前端岗位要求大模型开发能力；

腾讯、京东、百度开放招聘技术岗，80%与AI相关……

大模型正在重构技术开发范式，传统CRUD开发模式正在被AI原生应用取代！

最残忍的是，业务面临转型，领导要求用RAG优化知识库检索，你不会；带AI团队，微调大模型要准备多少数据，你不懂；想转型大模型应用开发工程师等相关岗，没项目实操经验……这不是技术焦虑，而是职业生存危机！

曾经React、Vue等热门的开发框架，已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发，那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地，未来企业更看重能用AI大模型技术重构业务流的技术人。

如今技术圈降薪裁员频频爆发，传统岗位大批缩水，相反AI相关技术岗疯狂扩招，薪资逆势上涨150%，大厂老板们甚至开出70-100W年薪，挖掘AI大模型人才！

不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。

风口之下，与其像“温水煮青蛙”一样坐等被行业淘汰，不如先人一步，掌握AI大模型原理+应用技术+项目实操经验，“顺风”翻盘！

大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态，吸引了很多人的关注和兴趣，也有很多新人小白想要学习入门大模型，那么，如何入门大模型呢？

下面给大家分享一份2025最新版的大模型学习路线，帮助新人小白更系统、更快速的学习大模型！

2025最新版优快云大礼包：《AGI大模型学习资源包》免费分享**

一、2025最新大模型学习路线

一个明确的学习路线可以帮助新人了解从哪里开始，按照什么顺序学习，以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛，没有明确的学习路线可能会导致新人感到迷茫，不知道应该专注于哪些内容。

我们把学习路线分成L1到L4四个阶段，一步步带你从入门到进阶，从理论到实战。

L1级别:AI大模型时代的华丽登场

L1阶段：我们会去了解大模型的基础知识，以及大模型在各个行业的应用和分析；学习理解大模型的核心原理，关键技术，以及大模型应用场景；通过理论原理结合多个项目实战，从提示工程基础到提示工程进阶，掌握Prompt提示工程。

L2级别：AI大模型RAG应用开发工程

L2阶段是我们的AI大模型RAG应用开发工程，我们会去学习RAG检索增强生成：包括Naive RAG、Advanced-RAG以及RAG性能评估，还有GraphRAG在内的多个RAG热门项目的分析。

L3级别：大模型Agent应用架构进阶实践

L3阶段：大模型Agent应用架构进阶实现，我们会去学习LangChain、 LIamaIndex框架，也会学习到AutoGPT、 MetaGPT等多Agent系统，打造我们自己的Agent智能体；同时还可以学习到包括Coze、Dify在内的可视化工具的使用。

L4级别：大模型微调与私有化部署

L4阶段：大模型的微调和私有化部署，我们会更加深入的探讨Transformer架构，学习大模型的微调技术，利用DeepSpeed、Lamam Factory等工具快速进行模型微调；并通过Ollama、vLLM等推理部署框架，实现模型的快速部署。

整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握；而L3 L4更多的是通过项目实战来掌握大模型的应用开发，针对以上大模型的学习路线我们也整理了对应的学习视频教程，和配套的学习资料。

二、大模型经典PDF书籍

书籍和学习文档资料是学习大模型过程中必不可少的，我们精选了一系列深入探讨大模型技术的书籍和学习文档，它们由领域内的顶尖专家撰写，内容全面、深入、详尽，为你学习大模型提供坚实的理论基础。（书籍含电子版PDF）

三、大模型视频教程

对于很多自学或者没有基础的同学来说，书籍这些纯文字类的学习教材会觉得比较晦涩难以理解，因此，我们提供了丰富的大模型视频教程，以动态、形象的方式展示技术概念，帮助你更快、更轻松地掌握核心知识。

四、大模型项目实战

学以致用 ，当你的理论知识积累到一定程度，就需要通过项目实战，在实际操作中检验和巩固你所学到的知识，同时为你找工作和职业发展打下坚实的基础。

五、大模型面试题

面试不仅是技术的较量，更需要充分的准备。

在你已经掌握了大模型技术之后，就需要开始准备面试，我们将提供精心整理的大模型面试题库，涵盖当前面试中可能遇到的各种技术问题，让你在面试中游刃有余。

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

2025最新版优快云大礼包：《AGI大模型学习资源包》免费分享