面试准备
面试环节有哪些
面试过程是严肃的，知道了基础，会做项目，不一定会拿到Offer。面试过程中，如何进行表述，把自己学习到的知识能展现出来是很重要的。
所以，对于面试者来说，如何写好简历是很重要的。因为面试官会从你的简历去挑一些他感兴趣的内容去问，去挖掘你的潜在可能，去了解你的知识与解决问题的能力。一份好的简历往往是走入职场的敲门砖！
对于应聘生，积累一些解决问题的经验，加强基础知识的掌握(这也是更容易被考察的)；
对于社招，实际解决问题的能力+对应的业务/相似的业务背景+技能抽象/发展前景。
面试环节的设置：
- 基础知识测试
- 基础知识(HTML语义话、CSS等)
- 能力测试(在基础上的延伸)
- 基本的原理(缓存、原型链等)
- 简历的引导，自我介绍引导
- 负责人沟通(校招不会有，原因：人太多)
- 特色业务
- 项目背景
- 团队能力
- HR面试
- 沟通
- 性格
- 潜力(技术生涯)
职位描述分析
阅读职位描述，这是一个知己知彼的过程。
京东金融——前端工程师：
职位描述：
- 负责京东金融企业业务PC端与移动端相关的前端开发工作
解析：本岗位，PC+移动端相互交叉，对技术栈的要求是不一样的。 - 负责企业金融App H5开发，完成前端界面与后端交互开发
解析：是不是需要了解一下Hybird开发？JSbridge? - 负责与后端工程师沟通协作，调试数据接口
解析：Mock数据开发 - 负责京东金融前端组件库的建立(相比与前3条，最重要的一条)
解析：1.原生js/css的理解；2.前端组件库的经验；3.通读/了解其他的UI库的组件，读过源码； - 负责对现有系统 的优化与重构
解析：对现有工作与业务的需求；可以拿自己公司的系统或者项目作为例子，有哪些问题？是否需要重构？为什么需要重构？怎么去重构？这里去考查思考与判断能力。
面试准备的第一个初衷：判断该职位适合不适合自己，判断自己喜欢不喜欢，能不能Hold住；第二初衷， 技术准备需要做哪些？了解该企业需要什么样的人才？准备到一个什么样的程度？
任职要求：
- 3年以上相关工作经验，精通HTML5我，了解HTML5最新规范，能够熟练去用HTML5特性构建移动端的WebApp;
解析：首先，对于3年的经验，这个不重要，如果说没有3年的经验，但是有足够好的项目或者能力的展示，是可以破格录取的。然后，对于H5的描述，再次说明了H5的重要性；隐藏的意思：看看这个人是否对新知识有学习的劲头，看看是否是对新技术是否有追求。
如何考察自己是否达到？很简单，问自己几个问题，看自己能不能答上来；
- 熟悉当前流行的JavaScript类库，熟悉JavaScript面向对象编程方法；
解析：面向对象编程，包括原型链也要比较熟悉。 - 熟悉Web标准，对表现与数据分离，HTML语义化等有一定的理解，至少熟悉一种前端MVC框架并且有实际经验(不限React，Vue，Angular等)；
解析：熟悉对新的web标准；理解表现与数据分离；准备一个自己做过的项目进行演示；语义话要避免DIV DIV DIV这样的全是DIV的写法；至少熟悉一种 + 实际经验，学习不等于实战经验。可能会问，遇到过什么开发问题，怎么解决的，这种问题。 - 具有前端架构分析与设计能力，一贯坚持编写易读、易维护、高质量、高效率的代码，习惯于OOP开发方式；
解析：对于架构分析针对的是高级的工程师，所以不面向初级的开发人员。因为刚刚入门的人，刚刚开始做的基本是业务。怎么去考虑？拿一个项目来进行分析：（1）目录结构怎么设计；（2）复用性怎么设计；（3）模块化怎么设计；（4）自动化测试怎么测；（5）上线的流程是什么？这些基础的东西都要想的非常清楚，非常周到。 写易读、易维护、高质量、高效率：很容易考察出来，这个可能会让你自己写代码，要学习代码规范。能抽象的尽量抽象，函数名不要写在一堆。 - 对用户可用性、用户体验，用户研究等相关知识有深入的了解和实践经验；
解析：不是考察技术的本身，是考察的完成这些功能，还是说考虑了这个功能是否好用、卡不卡？回答的思路：以往的项目怎么完成了任务，在完成的过程中，进行了什么样的思考，为了增强用户的体验。 - 对Web前端技术有强烈兴趣，能对Web前沿技术研究和新技术调研，有良好的学习能力和团队合作精神；
解析：注意“强烈”两个字，对团队的一种认可，对企业文化、公司文化的一种要求。去github上去看看排名靠前的github的项目，去看看用了哪些技术与工具。 - 了解Css预编译语言如Sass、less等；
解析：这个简单，也是基础。 - 熟悉Web构建工具Grunt\Gulp，能够自己搭建前端构建环境；
解析：这个要一定好好准备，了解/熟悉/精通是三个概念。可以准备一下这些构建工具的区别在哪里，技术特点在哪里。 - 有服务端(不限语言)开发经验者优先。
解析：可以忽略，有时间也可以去看看。这里是对Nodejs的考察。不要轻易说自己精通，除非是自己真的擅长。
总结：
- 快速识别是否自己喜欢的。
- 能不能Hold住这个岗位，或者短期的准备能否达到要求。
- 职位描述，是强调对工作的工作职责，职位要求对技术深度的要求。
艺龙——前端工程师：
岗位描述：
- 负责艺龙酒店业务前端开发、使用系统化设计提高开发效率；
分析：说的很笼统；系统化设计：模块化设计、前后端分离； - 负责推广运营活动的HTML5，采用canvas、css3、JS相关前端技术；
分析：这里的HTML5没有具体PC、移动端；明确canvas、css3、JS技术，如果做广告，可能是对做动画的技术的一些要求。普通的动画是DOM+CSS，或者是SVG做动画，第三种就是Canvas，可以做2D或者3D效果，用webGL的不多。 去了解一下GPU加速，Canvas的API，常用的一些动画的设计。 - 负责艺龙微信项目；
分析：去看看艺龙的微信小程序、微信公众号，了解微信自定义标签，对微信支付去了解一下。微信开发中遇到的一些坑。 - 艺龙前端框架的开发与维护、协助业务方解决应用问题。
分析：与京东的第4条类似。开发与维护说明，已经有一套内部的框架，需要升级维护。
岗位要求：
- 精通各种Web前端技术、包括HTML/CSS/Javascript等，3年以上工作经验；
分析：这点有一点点扯，不可能做到样样精通。 - 深刻理解Web标准，对可用性、可访问性等相关知识实际的了解和实践经验；
分析：同样是Web标准，主要是ES6。可用性、可访问性是指性能方面的准备，如何反馈给前端错误码，如何捕获异常。通常是JS运行异常，资源加载错误。 - 熟练使用工程化工具，熟悉webpack\grunt\sass优先；
分析：这里一样需要准备gulp。关于前端工程化，是前端开发人员必会的基础知识。 - 具有良好的代码风格、接口设计与程序架构；
分析：比较虚。 - 至少熟悉一门非web前端脚本的语言（如Java/Python)或Node.js，有实践经验；
分析：对后端的要求，说的是熟悉，所以要准备Node.js，不需要去准备如PHP。有教程可以快速过一下！认识有艺龙的同事，可以去问问里面的同事。这一条说明是全栈开发。 - 个性乐观开朗，逻辑性强，善于和各种背景的人合作。
分析：有深意的一点，对表述能力的要求。比如：在以往与哪些人怎么合作的，你们有没有通力解决什么问题？
目的：通过职位描述去了解你不了解的公司的工作职责和技术要求，有针对性的面试，可以快速过滤自己不相关的岗位。
识别JD里的AI/数据智能信号
- 关键词：关注“LLM”“RAG”“多模态”“智能体”“AIGC”等词汇，它们往往意味着需要理解Prompt编排、模型选择以及数据治理。若只出现“AI赋能”，可以在面试时主动询问当前使用的具体模型和落地程度。1
- 技术栈：越来越多JD要求熟悉向量数据库（如Pinecone、Milvus）或搜索引擎（OpenSearch、Elastic），前端候选人可以结合自己项目中的知识检索链路做准备。
- 合规要求：大型企业会在职责中提到“安全合规”“隐私计算”“数据分级”，要准备如何在前端埋点、日志输出时保护敏感信息。
- 协作对象：若JD强调“与Prompt工程师/数据科学家协作”，说明面试时要突出跨职能沟通能力以及如何把模型实验结果落地到产品的经验。
面试准备清单（2024版）
- 工程工具迭代：Webpack仍常见，但面试官会追问你对Vite、Rspack、Turbopack或Nx Turborepo的认知，以及如何在Monorepo内构建多个前端/服务。2
- 类型与质量：TypeScript 5.x的装饰器、
satisfies运算符以及ESLint Flat Config都是新考点，准备好升级经验与渐进迁移策略。 - 测试与可观测性：Playwright Component Testing、Vitest、Jest+Mock Service Worker，以及Sentry/OpenTelemetry埋点是常见延伸题。
- AI 项目案例：提前梳理一个能量化指标的案例，例如“通过RAG Bot将客服响应时间降低40%”，并准备模型评估、失败回退（Confidence Score/Fallback Template）的细节。
业务分析或实战模拟
职位分析更偏向于方向与知识面，这一块，更加具体的分析公司的技术栈，业务特色，知识点的侧重。
下面看一下京东金融。
- 轮播，导航，页面布局，鼠标Hover效果（css3效果）
- 内容列表：理财，股票，购物（懒加载），保险，优惠券
- 技术细节从Chrome中的DevTools来看：
视频录制时间可以看到如下内容：- webpack(source map没有关)
- vue
- jquery
- ES6语法
而笔者看到的：- Source: JSONP
- Webpack
- Vue的Sourcemap已经关闭
看一下Element：- Header部分，webkit渲染
- Link: dns-prefetch，DNS预解析，网站性能优化。
Application:- 字体图标，字体文件，字体自定义
- LocalStorage/Session/Cookie
艺龙：
- 微信扫一扫：小程序，公众号
- 手机版就是H5
- 组件：日期控件、轮播图、鼠标Hover效果（background相关的知识），去了解一下如何实现（transition属性）；
- 看一下DevTools：
看一下Elements, network, sources- Header
- 页面中JS全放在页面的Header中，关系到渲染机制，async属性。
- JQuery版本是1.11版本与新版本有什么区别，与新/旧版有什么新增/删减的功能，兼容性的角度。
- 模块化：Require.js相关的配置
- 模板引擎：ejs, swig
- webpack打包相关
技术栈准备
目标：
- 准备哪些技术栈
- 如何准备
角度：1.从框架；2.从自动化工具
框架的角度
首先是JQuery还是需要准备一下，了解一下源码。看核心的架构，事件委托，事件机制，兼容性。
不需要看所有的源码，看看博客与文章，浏览量比较高的。
前端框架：Vue, React, Angular，了解其中之一就行了。原理基本一样！！不用给自己挖坑，说自己都懂。
怎么准备？
- 源码角度；
- 实战准备；
然后是Nodejs，Nodejs需要了解一些基本的，如果没有Nodejs相关的经验就不用写在简历之中。
前端工程（自动化）的角度
简单的说就是在工程上线之前，对JS,css进行处理。
- Sass/less预编译
- 构建：Gulp/Webpack
- npm常用命令，打包发布
自我介绍
简历：
- 基本信息，姓名-年龄-手机-邮箱-籍贯
- 学历，博士 > 硕士 > 本科 > 大专
- 工作经历，时间-公司-岗位-职责-技术栈-业绩
- 开源项目，Github和说明
text
解析：
- 招聘中对年龄与工作经历来判断，是否达到了年龄段相应的技术要求，判断是否对技术有沉淀与追求。
- 手机与邮箱这个是联系方式。
- 绝大数公司对学历还是有要求的，从大写到小，只保留最高的学历。
- 工作经历很重要。总结一下业绩，HR比较习惯看，有技巧。举例：在某个岗位上做了什么，如果没有做出什么业绩，现在去回想，如果有一些缺点，自己有没有新的解决方案，如何去构思，如何去实现。
- 开源项目：亮点项目，可以沉淀。同样，可以与开源项目去做一些贡献，不能作假。
自我陈述：
- 把握面试的沟通方向
- 豁达、自信的适度发挥
text
解析：
- 举例：校招中，面试者说：“我做过什么什么样的项目”，从面试的角度，心中有准备了如下问题：
- 负责什么项目
- 有什么人参与
- 与前端的结合点是什么
- 角色是什么
- 项目中承担的责任
- 做出了什么成绩
“我是负责人”：
- 有几个人参与
- 项目管理？技术负责？
- 落脚点：做出了什么成绩
text
头衔越大，问得越多。
所以要针对性的准备，比如对于艺龙：我平时喜欢看一些网站，学习一些新的技术知识，也会去尝试。话不用多说，传递一种对技术有热爱、有追求/思考的人的感觉。引导面试官去问：（1）你平时喜欢去哪些网站；（2）研究哪些代码； 不能直接去说艺龙，然后，等面试官问了之后，自己就可以去回答自己准备了的内容。
- 豁达指说话要声音要洪亮，不能自卑，要有自己的气场，因为面试官也很紧张。
关于适度发挥：不能骄傲，目的是让面试官来欣赏你。
关于照片是否要准备，视频中的老师的意思是不需要，也不重要。而笔者看来，非常重要。
下面来看看反例：
- 关于教育背景，不要写学习的课程，不要写高中。
- 个人技能不要写的琐碎：比如不要写Linux到工具类里面，写的比较大了。
- 去繁化简，把握“了解/熟悉/精通”
- 兴趣：写对技术的追求，不要写爬山之类的。
- 不要太放自我评价
- 写业务的业绩，而不提技术上的业绩。
总结一下：在简历中，要简洁，注意排版；突出重点要传达的个人信息（技术的、能力上的），引导面试官针对性的发问。
实例与实战环节
实例：
- 自如谈兴趣、巧妙示实例、适时讨疑问
- 节奏要适宜、切忌小聪明
text
解析：
- 切忌不能说XXX我没有准备，我来给你讲讲这个。聪明的求职者，不要“我不知道”“我不懂”“我要回去看看”，要说“面试官，这里能不能指点一下？”“给点建议？”“给点资料，我想回去看看”
- 不要对简单的问题很不屑。
- 耐心的写/说一些对问题的答案，而不是对实现/回答了就行了的心态。
实战：
- 方向要对，过程要细
- 胆子要大、心态要和
text
解析：
- 可能有一些公司的项目，没有做过所有的模块，但是要了解细节。
- 对于有一些公司考察一些比较难的算法题，要去尝试。根据自己的经验去做方案，就怕没有想就放弃。勇于承担负责，敢于挑战未知。
- 无论是否自己能否答完，都不要自傲；无论是否自己是否了解，都不要自卑。
- 如果自己不清楚，不要轻易放弃，可以去多请教一下面试官。要感谢这次面试，可以找到知识体系中，薄弱的地方。
Footnotes
- LinkedIn. Jobs on the Rise 2024 - China, 2024. https://www.linkedin.com/pulse/linkedin-jobs-rise-2024 ↩
- Vite. Why Vite, 2024. https://vitejs.dev/guide/why.html ↩