雪浪云前端实习一面

雪浪云前端实习一面

面试日期:05-20

面试地点:腾讯会议

面试时长:30mins

  1. 自我介绍
  2. 大概问了问实习和项目

接下来八股提问

  1. HTML5的新元素和新特性

  2. local,session,cookie区别

  3. cookie是由谁来设置的,前端可以完全生成吗

  4. cookie在同域名不同端口(比如localhost:8080和localhost:8899)可以共享吗

  5. HTML严格模式和混杂模式区别

  6. script标签导入脚本,加上async,defer,相互之间有什么区别

  7. 接上一题,哪种情况会阻塞页面

  8. 盒模型

  9. 算不算margin

  10. CSS选择器

  11. 最低优先级变为最高优先级怎么搞

  12. 说一下伪类

  13. 伪元素我想实现跟正常盒模型一样,怎么搞

  14. 有用过sass或者tailwindCSS吗

  15. ES6新特性

  16. 说一下上下文

  17. Promise all 和race有什么区别

  18. 还有什么其他的promiseAPI

  19. 事件循环

  20. React和Vue有什么区别

  21. jsx和js有什么区别

  22. jsx转换为js之后是以什么方式存在的

  23. React写项目用的什么组件

  24. 函数式组件实现类组件的一系列生命周期是怎么实现的

  25. hooks你用过哪些

  26. setState是同步还是异步的

  27. useState和useRef有什么区别

  28. 我用useEffect监听两个变量,一个是useState声明的,一个是useRef定义的,两个都发生改变,谁会触发监听

  29. 状态管理你用过哪些

  30. 受控组件和非受控组件的区别

  31. 父组件想要调用子组件的方法怎么搞

  32. TS用的多吗

  33. Omit和pick有什么用

  34. 一个项目从零开始,从选型到架构到上线,你准备怎么做

  35. 什么时候可以到岗

反问:前端用的什么技术栈?业务,部门情况,部门规模

第二天说面试通过,已拒

#前端##日常实习##面经#
全部评论

相关推荐

码农索隆:1.荣誉证书放在最下面 2.行间距太大 3.内容挑干货写,例如“使用 Element Plus 组件库,打造美观且响应式的用户界面”,要写具体实现的用户界面,突出你的贡献
点赞 评论 收藏
分享
飞书前端一面面经:从基础到实战的技术碰撞一、面试初印象这次飞书前端一面给我的整体感受是节奏紧凑且直击技术核心。面试官风格沉稳,问题由浅入深,既考察基础能力,又注重解决实际问题的思维,是一次很有价值的技术交流。二、面试问题复盘1. CSS 基础考察面试官开场便询问我 CSS 基础掌握程度,我坦诚表示“不是很好”,随后进入具体问题:如何实现三列布局,要求两边宽度固定,中间宽度自适应。我首先提到可以用 JavaScript 监听窗口变化动态调整宽度,但面试官希望用纯 CSS 方案。我迅速想到 Flex 布局,并详细解释了实现思路:.container {  display: flex;}.left, .right {  width: 200px; /* 固定宽度 */}.center {  flex: 1; /* 自动分配剩余空间 */}接着,面试官追问 calc() 函数是否了解,由于平时使用较少,我仅简单说明了它能进行四则运算,用于动态计算 CSS 属性值,比如 width: calc(100% - 400px); 可以配合实现响应式布局。2. 项目与性能优化探讨当被问到 项目中的性能优化经验 时,我如实反馈:目前实习项目和个人项目经验较少,尚未深入接触性能优化模块。面试官没有追问,而是迅速切入算法题环节。3. 算法与代码实现题目1:封装 Promise 重试函数要求实现一个函数,传入请求的 Promise 和请求次数,请求失败时自动重试,达到次数上限后不再发起请求。我给出如下代码:function retryPromise(promise, times) {  let count = 0;  return new Promise((resolve, reject) => {    const run = () => {      promise        .then(resolve)        .catch((error) => {          if (count < times - 1) {            count++;            run();          } else {            reject(error);          }        });    };    run();  });}题目2:实现对象深拷贝我先写出基础版本:function deepClone(obj) {  if (typeof obj!== 'object' || obj === null) {    return obj;  }  let result = Array.isArray(obj)? [] : {};  for (let key in obj) {    if (obj.hasOwnProperty(key)) {      result[key] = deepClone(obj[key]);    }  }  return result;}面试官进一步要求 考虑边界情况,我补充说明:若对象属性为数组,需递归处理数组元素;若属性为函数、正则等特殊类型,需特殊处理。例如,对于函数可直接返回原函数,对于正则可创建新的正则实例。三、反问环节我向面试官提出疑问:“为什么在前端面试中如此看重 CSS 基础?”面试官耐心解答:“CSS 是前端页面布局和视觉交互的基石,良好的 CSS 能力能确保页面高效渲染和兼容性,是支撑复杂业务开发的基础,所以我们会重点考察。”四、面试结果与总结幸运的是,面试结果显示 已通过一面。回顾过程,坦诚承认自身不足并积极思考问题,以及在算法题中清晰的逻辑表达是关键。后续准备二面时,我将重点补足 CSS 知识盲区,积累项目实战经验,尤其关注性能优化相关技术,同时加强对 JavaScript 细节和边界场景的理解。这次面试也让我深刻认识到,扎实的基础和灵活的思维永远是技术面试的核心竞争力。
查看5道真题和解析
点赞 评论 收藏
分享
评论
1
4
分享

创作者周榜

更多
牛客网
牛客企业服务