字节生服前端一面

最近很多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.合并两个有序数组

一、自我介绍与项目介绍​请进行自我介绍（个人背景、技术栈、求职方向等）​介绍你参与过的重点项目（项目背景、你的职责、技术难点、解决方案、项目成果）​二、前端构建工具相关​构建工具 Webpack、Vite 和 Rollup 的使用场景分别是什么？​Webpack 的完整构建流程是怎样的？​如何通过 Webpack 去除项目中的冗余代码？​请解释 Tree Shaking 的原理，以及在什么场景下能生效？​三、前端模块化规范相关​前端常用的模块化规范有哪些？​详细说明 ES6 模块化（ES Module）和 CommonJS 模块化的区别。​Node.js 采用的是什么模块化规范？​为什么 Co...

项目+八股+手写八股1. 什么是防抖和节流？两者的区别是什么？2. 防抖和节流的实现原理是什么？分别有哪些应用场景？手写防抖3. 为什么会有跨域？4. 一般跨域的手段都有哪些？分析结果题5. 已知 picture A（元素含图片URL，对应渲染S1、S2、S3）和 picture B（元素含图片URL+唯一key值，对应渲染S1、S2、S3），删除两者中对应S2的中间项后重新渲染，picture A 和 picture B 分别渲染出几张图片、是哪几张？原理是什么？（没答出来，后续面试官补充核心关联 Vue 2 数组 diff 逻辑）6. 原生 React 父子组件中，能促使组件重新渲染的因素有哪些7. 使用 React Hooks 时，用 useCallback、useMemo 避免重新渲染的整体原理是什么8. useMemo 跟 useCallback 一般应用于什么场景9. 大文件断点续传、断点上传的技术实现方案10. 手写实现 append 函数：将任意多的项添加到目标数组中，过滤空值（undefined、null）并返回新数组，需处理arr不是数组、arr为 undefined/null 的情况