前端字节抖音一面面经

最近很多27找实习，大部分面试会问一下flex布局这种基础前端问题，上周有同学反馈蔚来一面有出过，所以小圆不仅整理了flex还整理了grid方便学习以及比较。在现代前端开发中，CSS 布局系统的核心已从传统的浮动与定位，逐步过渡到 Flexbox 与 Grid。这两种布局方案在现代浏览器中均得到广泛支持，它们在理念上有明显差异，也各自适用于不同的布局场景。本文将系统梳理两者的特性、差异与应用边界，为开发者提供实践层面的参考。一、布局理念对比特性维度FlexboxCSS Grid布局维度一维布局（单行或单列）二维布局（行与列）主轴与交叉轴主轴控制方向，交叉轴自动调整行列均可精确控制子元素排列根据...

【字节经典三件套】学习前端多久了，为什么选择前端，平时怎么学习前端【js】1.TS在浏览器能直接运行吗？怎么编译成js2.箭头函数和普通函数区别3.promise用过吗，手写一个promise封装一个setTimeout【计算机网络】1.TCP和UDP区别2.拥塞控制3.HTTP请求方法4.GET和POST区别（追问结构上的区别）5.浏览器缓存6.怎么配置强缓存跟协商缓存7.强缓存跟协商缓存能同时配置吗，优先级如何【CSS】1.垂直居中2.实现三角形，问了利用什么特性3.实现等腰梯形【手写】1.url参数提取2.合并两个有序数组

自我介绍（最后一句提到自己想在秋招去更大的平台拓展一下技术深度，所以有了下一个问题然后直接被拷打，有点难绷...）你觉得实习部门的技术深度不够吗？哪些方面不够，既然觉得不够你有没有做哪些贡献？做了哪些通用组件和函数的封装？部门为什么用pnpm+monorepo？（输出八股被打断了，说我讲的太久了）文件上传的分片数量和最大并发数量如何确定？HTML5有哪些新引入的标签？这些标签有什么作用CSS中间自适应两侧固定的三栏布局怎么实现？你提到的position和float它们进行布局的原理是什么？flex:1的含义是什么？flex-shrink设置为0会怎么样？手撕1：不适用额外变量手写计数器函数 f...

#现在前端的就业环境真的很差吗# #前端# #应届生，你找到工作了吗# #字节# #阿里# #腾讯# #后端# #秋招# #面试# #社招#