腾讯云智大数据前端 一面面经

面试官很好，问题都是由浅到深的，自己还是深度不太够，加油💪 #面经#

TCL前端笔试题目：以下是一些 TCL 华星前端笔试题目：以下关于 HTML5 语义化标签的说法，错误的是？在 CSS 中，以下哪个属性用于设置元素的定位方式？以下哪种不是前端性能优化的常见方法？当使用 Flex 布局时，以下哪个属性用于设置子元素在主轴上的对齐方式？简答题请简述 HTML、CSS 和 JavaScript 在前端开发中的作用分别是什么，以及它们之间的关系。解释一下什么是浏览器的回流（reflow）和重绘（repaint），并说明如何避免或减少它们对性能的影响。列举三种你熟悉的前端框架，并简要说明它们的特点和适用场景。如何实现一个响应式布局，使其在不同屏幕尺寸的设备上都能有良好...

在面试和工作中，有效地表达自己的硬实力（即专业技能和知识）是至关重要的。这不仅能帮助你展示自己的能力，还能让面试官或同事更好地理解你的价值。下面是一些具体的方法和技巧，帮助你将硬实力更好地传达：https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=d3520e4b0ad640008bc5305fd6838a1c1. 理清自己的硬实力首先，你需要理清自己的硬实力，明确你掌握的技能和知识，包括：编程语言：如 JavaScript、HTML、CSS、Python 等。框架与库：如 React、Vue、Angular、Node.js、Bootstrap 等。工具与技术：如 Git、Webpack、Docker、Jest 等。项目经验：具体参与的项目及角色。相关证书：如相关的专业认证、课程证书等。2. 使用量化数据通过量化来表达你的成果会让你的能力显得更加具体和有说服力。具体数字：如“通过技术优化，将页面加载时间减少了30%”或“在项目中提高了代码复用率，减少了50%的开发时间”。项目规模：描述参与项目的规模、影响用户数量等，例如“参与了一个月活跃用户超过10万的电商平台开发”。3. 采用 STAR 方法在回答相关问题时，采用 STAR 方法（Situation, Task, Action, Result）能够有效组织你的表达：Situation（情境）：描述面临的具体情境。Task（任务）：你在这个情境中需要完成的任务。Action（行动）：你采取的具体行动和使用的技术。Result（结果）：最后的结果和影响，可以用量化的结果来描述。https://www.nowcoder.com/issue/tutorial?zhuanlanId=j572L2&uuid=d3520e4b0ad640008bc5305fd6838a1c

Timeline：一面        2025-02-14  14: 00    当天 15: 30 通过二面        2025-02-17  11: 15    当天 15: 10 通过三面        2025-02-18  14: 00    当天 14: 50 通过hr面        2025-02-18  17: 00    当天通过oc            2025-02-19  10: 45呃啊啊啊啊啊啊啊，对比一面难度飙升二面主要过程：1. 自我介绍2. 首屏优化有哪些方法（tree-shaking  http2  懒加载  gzip  SSG ......），    看的是哪个指标（LCP），LCP具体是怎么计算的（完全没了解）3. 业务组件和基础组件的区别（？？根本不知道），如何保证组件的稳定性（希腊奶，应该是指组件测试）4. 拷打 css： - 重绘重排（浏览器渲染原理，结合 visibility: hidden 和 display: none） - flex 垂直布局如何使得三个子盒子间隔 10px（不是 margin / space-between，叫我去了解一下，应该是 row-gap） - position: sticky（没用过），position 和包含块5. 拷打 vue： - vue2 和 vue3 有什么区别（setup，defineProperty 和 proxy） - vnode 和实际 dom 有什么区别，为什么要用 vnode（为了高效 diff 和跨平台支持包括 ssr），为什么不直接修改 dom（因为早期对 signal 理念实现不够彻底，vue3.6 的 vapor mode 正在改进，我的回答不一定对哈） - computed 的更新机制是怎么样的（脏值检测懒更新），使用时和 watch 有什么区别（问的就是依赖多的时候用 watch 指定需要的依赖）6. 拷打 js： - var let const window 以及多 script 标签（一定要注意 let 和 const 的变量不会挂载到 window 哇），var 的变量提升机制（先定义后赋值），变量未声明默认为 var - 手写 Promise.all（应该直接 return 一个 new Promise，我用了 Promise.withResolvers；还有打印的时候用 then，习惯了用 setTimeout 打印了，被狠狠地批评了） - 说说 async 和 await 的实现（是说源码），如果没有 async 的时候使用 await 会不会报错（旧版 node 的 commonjs 会，要用立即调用函数的方式使用，新的和 esmodule 默认支持） - Promise A+规范怎么定义一个 Promise（我只知道要 then 方法，叫我回去看）7. 算法题：二叉树中的最大路径和，返回其路径（力扣 124 改编，无负数，卡了很久都没完全写对，路径递归返回写错了极力狡辩）8. 反问： - 主要技术栈（vue3，node） - 工作时间（11点前上班，12点到2点休息，6点到7点晚饭，8 9点下班，包三餐） - 最近有碰到什么技术难点吗（听不懂我也忘了）