腾讯前端校招一面 有点难了...

1.针对项目一缓存处理设计。
2.对比 LocalStorage 和 IndexedDB 的差异。
3.项目二的客户端/web端区分,主要是web开发?
4.该项目 React 使用的版本是多少?日常开发是否以 Hook 为主?
5.对比原生 JS 开发,React 提供了哪些便利与优势?为什么现在前端开发基本使用固定的几个框架?
6.React 绑定的事件和原生 JS 绑定事件的差异,React 将事霽目过绑定到根节点的目的与好处。
7.浏览器本身是如何管理各类事件的?
8.结合包含3个setTimeout 红任务的例子,说明 DOM 操作引发的回流、重绘与宏任务、微任务的关系;刷新页面执行获取为主 body 高度并修改的代码后,渲染触发的环节。
9.是否使用过 requestAnimationFrame AP!? 在工作中有哪些应用?
10.能否通过 requestAnimationFrame 实现 React Fiber 技术的核心逻辑(批量任务中断与优先级执行)?该API的好处体现枇盘出哪里?
11.前端与后端联调时的合作方式,是否使用 Mock 数据?是鹣盘着车了解本地、测试、线上环境的区别?
12.Vite 本地开发速度快的原因,本地开发产物与上线打包产物的区别。
13.Vite 打包时将 ES6 转 ES5 等兼容处理的触发工具是什么?
Babel转换代码的过程(AST 相关)。
14.AST 抽象语法树的每个节点上储存哪些信息?賈像们一5.除浏览器环境外,Node 环境解析 JS 的差异(事件循环揖上局对象、DOM 操作等)。
16.除 Chrome Network 面板外,开发调试时还使用过哪些好用的工具(浏览器或 VS Code 插件等)?
全部评论
很有参考意义
点赞 回复 分享
发布于 01-19 22:44 吉林

相关推荐

01-13 19:02
已编辑
吉林大学 前端工程师
1、面试官自我介绍,是个戴鸭舌帽的女面试官,第一印象感觉很严格2、结合项目自我介绍3、大文件分片上传中webworker的使用详情,有对比过使用之后的优化效果么无,我说就是看别人都这么写,我就这么用了,然后面试官跟着我一起笑了4、tailwindcss的使用感觉,webpack和vite打包tailwindcss之后生成什么不知道,瞎答,随便扯说babel进行编译,然后生成AST抽象语法树,感觉答错了,面试官听到我说AST抽象语法树的时候直接笑了,应该是被我唐笑了🤣5、自我介绍里面说昨天和今天浅学了一下react,说说vue和react的使用感觉的区别,使用场景有什么不同还是瞎扯,一个函数式,一个渐进式,一个贴近原生js语法,一个贴近html,使用场景的区别,不知道6、说说vue2和vue3的区别API、响应式原理、TS支持、生命周期、Diff算法diff算法说的比较详细,面试官听完之后说研究的还蛮深入的,笑死7、vuex和pinia的区别常规八股8、项目中用到了JWT双Token的刷新机制,应该是自己添加的亮点,说说怎么做的中间被打断了,我说的都是前端axios里面请求拦截器和响应拦截器里面的详细操作过程,面试官问了后端的实现原理,不知道什么意思,不过我接口都是自己用ai写的然后修改了一下,说了说自己写的详细过程和缺陷9、流式对答项目用fetch获取结果,为什么不用其他的协议我说肯定用SSE简洁啊,但是一开始用fetch写的,后面懒得改了,然后面试官也跟着笑10、markdown的渲染用了什么库,怎么渲染的11、两道手撕:a、并发上传控制器,因为项目里面用的fetch,所以用fetch的方式写出来,卡了一段时间,因为fetch的详细使用不熟悉,不过最后还是写出来了b、三数之和变形题(面试官给题目之前说来道简单的算法题),三数之和给了个要求sum === target,不是三数之和为0,一开始题目都没看,直接秒,后面才发现有条件,改了一下ac12、反问:a、怎么深入了解vite和webpack的使用,怎么才能答出面试中的vite/webpack相关的题目的要点和日常开发怎么深入使用:面试官说其实日常开发深入用的也比较少,除非专门写底层原理,也就考一些常见的八股和官方文档的一些配置啥的b、然后我说没问题了,但是面试官直接反问我,为什么本科金融转前端:说了很多,因为觉得金融确实是一个强社会资源要求的行业和专业,同时感觉自己的性格不是很擅长社交,不太适合一二级市场这些岗位啥的,然后为了让面试官印象好一点我说其实去互联网干开发其实沟通能力和情商啥的也很重要(求生欲拉满)然后说金融是一个强硕士需求的行业和岗位,本科生基本没有可能进入金融行业核心岗位的可能,接触的一些升学去外校的学长学姐就业结果也基本上不尽如人意,所以直接转互联网干开发了,之前想跨考软工来着,然后说觉得考研风险太大,而且干前端开发也用不到硕士学历,面试官表示了解然后说为什么转前端是因为一开始觉得前端竞争压力肯定没有后端那么大,而且干后端开发操作系统这些东西感觉要学的满深入的,感觉非科班和科班差距确实很大后来深入学习前端,深入了解一些软件的前端的一些生成的底层原理的时候,说这个仔细专研的过程也还蛮有意思的————update:约三面了
查看11道真题和解析
点赞 评论 收藏
分享
得物、拼多多经常考,倒计时组件1.倒计时组件2.如何实现精确计时(setInterval 1s先就update以前知道写但没考虑到为什么,时间戳同步)// Countdown.jsximport React, { useEffect, useState, useRef } from 'react';/*** props:*  - endAt: number (timestamp ms) 或 Date*  - onFinish?: () => void*  - tickMs?: number (minimal tick granularity, default 1000)*/export default function Countdown({ endAt, onFinish, tickMs = 1000 }) {const endTs = typeof endAt === 'number' ? endAt : endAt.getTime();const [remaining, setRemaining] = useState(Math.max(0, endTs - Date.now()));const mounted = useRef(true);useEffect(() => {mounted.current = true;// initial syncfunction update() {const now = Date.now();const rem = Math.max(0, endTs - now);if (!mounted.current) return;setRemaining(rem);if (rem === 0) {onFinish?.();return;}// Align next update to wall-clock second boundary (or tickMs)const delay = Math.min(tickMs,1000 - (now % 1000) // align to next second for nicer UX);// If <1s left, use requestAnimationFrame for smoothnessif (rem <= 1000) {requestAnimationFrame(update);} else {setTimeout(update, delay);}}update();return () => {mounted.current = false;};}, [endTs, onFinish, tickMs]);const sec = Math.ceil(remaining / 1000);const mm = Math.floor(sec / 60);const ss = sec % 60;return (<div>{mm}:{String(ss).padStart(2, '0')}</div>);}
查看2道真题和解析
点赞 评论 收藏
分享
寒假日常实习没有面试的机会😭是简历太差了吗😭还要继续沉淀吗😭
前端黑奴:实习时长:长期实习;到岗时间:立刻到岗,然后可以准备两个项目,简历的模版也要改一下,看起来要让别人舒服。把技术栈放前面,项目放后面。这是我的建议
如何写一份好简历
点赞 评论 收藏
分享
评论
5
29
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务