前端工程师精选面经合集
10家公司
29篇面经
最新 热门
/feed/main/detail/189fabe4e46745d6ad92334ce9e12f8a
滴滴秋招两轮车前端一二三面面经
滴滴一面(45min)1. flex=1是哪些属性的简写2. 假如父盒子是 100,两个子盒子分别设置 flex 等于 0.1,flex 0.2,它的宽度怎么分配呢3. CSS 如何画三角形4. 移动端的适配,有各种宽高不同的手机嘛,想要前端的页面写一套在各个手机型号上都能有良好的运行的程序,有什么设计方案吗5. rem怎么计算的,小程序的屏幕适配用什么属性6. 了解开发这个屏幕比例适配用什么第三方库吗7. 代码在各个浏览器上,因为 API 的兼容性可能不同,有没有了解过前端的一些兼容的方案?8. Babel Polyfill 解决了什么问题(Promise 、 fetch 、 Array.includes)9. js作用域链的查找规则10. 代码阅读题,函数全局变量和局部变量输出11. 手撕1:手写 promise 串行不用 await12. 手撕2:给前序遍历和中序遍历的二叉树数组,构造二叉树并返回根节点13. 手撕3:最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式(强缓存,协商缓存),CDN的原理,调度方式, js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥?它和普通多页面应用的路由有啥区别?18. 路由的两种模式(history和hash)的区别19. webpack主要是干啥的?解决什么问题的?20. 为啥要打包? webpack 打包的产物,为什么 js 有增加一些哈希值啥之类的,了解吗?21. 为什么index.html它没有一个什么哈希标识呢?22. Vue中的diff 算法的头头比和头尾比的区别23. Vue2和Vue3对于数组和对象的响应式区别24. Vue2 技术上能劫持数组索引,但为什么不做?(性能成本极高,,初始化时要遍历 每一个索引 加getter/setter ,会导致内存爆炸)滴滴二面(50min)实习相关(白屏检测怎么处理JS报错的问题)1. TCP 和 UDP的区别2. WebSocket 是什么,它是基于 TCP 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕:士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目
查看28道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/df7435e5b54d4d3da1bdb5badf53b8a6/discuss/815909352421777408/feed/main/detail/927e10db16b14e438fd300bd6c10a80c/feed/main/detail/8c7a0fa117b646ffbe5d7b8d7b09bad5/feed/main/detail/3c273c8c349348169b921d074062d842/discuss/815712626595414016
字节跳动工程训练营笔试(前端)
共15道选择题,3道算法题算法一:题目描述:给定两个长度为 n 的整数数组 A 和 B。每次操作可以选择数组 A 中的一个元素和数组 B 中的一个元素(可以是任意位置,包括相同位置),将它们各自加 1。求最少需要多少次操作,才能使数组 A 和数组 B 完全相等(即 A[i] = B[i] 对所有 i 成立)。如果无法使两个数组相等,则输出 -1。输入格式:第一行:整数 n(数组长度)第二行:n 个整数,表示数组 A第三行:n 个整数,表示数组 B输出格式:一个整数,表示最小操作次数;如果无法相等,输出 -1。算法二:题目描述给定两个整数k和m,求k位数中各位数字之和等于m的数的个数。k位数是指从10^(k-1)到10^k - 1之间的整数(例如,k=2时,范围是[10, 99])。注意,k位数的第一位不能为0。例如,当k=2,m=3时,符合条件的数有12、21、30,共3个。输入格式第一行包含一个整数t(1 ≤ t ≤ 100),表示测试用例的数量。接下来t行,每行包含两个整数k和m(1 ≤ k ≤ 100,1 ≤ m ≤ 900)。输出格式对于每个测试用例,输出一个整数,表示k位数中各位数字之和等于m的数的个数。第三题是图论忘了,一个都没做出来
投递字节跳动等公司10个岗位
点赞 评论 收藏
分享
/feed/main/detail/d3efc76fe5ea40a98a3451ca43697f5f/discuss/815669064763768832/feed/main/detail/9bc8eb44729a448bbdeda4a4ad40793c/discuss/815360763035398144/feed/main/detail/9a4767b8c85249a7a4a30affa11e086d/feed/main/detail/e63fe436cbb44857a16805e1e1b2cb12/discuss/815253234649481216/feed/main/detail/574b415bd19847a288c6e2c2ffc2ade9/feed/main/detail/c1c76a9bc8ef44b0841c9f792a2eec90/feed/main/detail/bbc2bda64651430c9d4ce90c92559696/discuss/814895484190879744/discuss/814679381049180160
百度Web前端开发二面
1.挑一个项目介绍2.设计百度搜索结果页的前端架构,需支持高并发访问、个性化推荐(如根据用户历史调整结果排序)、多终端适配,简述核心技术选型与架构分层。3.V8 引擎的垃圾回收机制中,新生代与老生代的回收算法有何差异?百度贴吧的长帖详情页(含大量图片、评论)如何排查并解决内存泄漏问题?4.Webpack 的代码分割(Code Splitting)有哪些实现方式?百度地图Web 端如何通过代码分割优化首屏加载体积,减少初始化时间?5.百度直播的实时弹幕功能,如何基于 WebSocket 设计一套可靠的消息推送方案,确保高并发下消息不丢失、不重复,且延迟低于100ms?6.React18 的 Concurrent Mode 与 Suspense 如何配合使用?百度智能云的数据分析看板(含大量图表渲染)如何利用这两个特性优化用户交互体验?7.浏览器的回流(Reflow)与重绘(Repaint)有何区别?百度搜索结躍为之页的“无限滚动加载”功能,如何避免频繁操作导致的回流问戾能运年?8.百度翻译的“实时翻译”功能(输入文字实时显示译文),如何设计前端状态管理方案,支持多语言切换、翻译历史记录、离线翻译缓存?9.HTTPS 的握手过程中,证书验证的具体流程是什么?百度金融的支付页面为何必须使用 HTTPS,且禁用 HTTP 降级?前端如何检测当前页面是否为 HTTPS 环境?10.百度百科的 “目录跳转”与“锚点定位”功能,如何实现平滑滚动且精准定位到对应章节?若页面存在固定导航栏,如何避免定位偏移?
查看10道真题和解析
点赞 评论 收藏
分享
/feed/main/detail/33216d71006048f79831edc2bc8308b2
玩命加载中
写面经
发动态
发动态
发帖子
写文章

全站热榜

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