海康威视前端实习一面（无手撕）

本🐭的第一场面试，结果上来就是重量级，这个时候很多概念都不清晰，很多简单题回答不好，面完后狠狠复盘了一番～写了一些问题总结。1.背景介绍：自我介绍2.怎么看待前端可能被AI取代3.为什么学Vue没有学React技术问题：4.Vue的响应式是怎么实现的5.Vue组件是怎么通信的6.用pinia做全局的状态管理，跟直接写这种组件，比如说vue自带的一些状态的管理，他们的区别是什么7.为什么我们要用Promise- 追问：那你对这种异步编程是怎么理解的？为什么我们需要这种异步编程？它异步在哪里？8.那你觉得Promise和回调函数的区别是什么- 追问：比如说你请求一个接口，请求完之后可以传一个回调函数进去，让他接着处理后面那些逻辑。而Promis使用.then.catch这种方法。你觉得promise这种方法和回调函数直接把逻辑传进去最大的区别是什么9.讲讲XHR、fetch、axios的区别讲XHR是底层、fetch是更新用法、axios是封装- 追问：axios还有一个很明显的跟另外两个的区别- 没有回答出来，我说axios是基于promise的，面试官说fetch也是…- 正确答案：axios是浏览器和服务端都能用，fetch和XHR主要是在浏览器上用10.刚刚提到HTTP，那HTTP可以大概介绍一下吗？回答了TCP相关内容……面试官说http是基于TCP的封装，有自己的一套东西，比如说get、post这些http方法，比如说header这样的一个请求头的组成这些11.讲讲CSS的盒模型一顿输出，跑题了。12.讲讲inline-bolck和block的区别回答内部展示inline特性，外部展示block特性，宽高都可以设置。问宽度也可以设置？回答可以。13.flex和bolck的区别甚至忘记了“弹性盒”这个词，还在说什么主轴、纵轴14.CSS选择器有哪些？优先级是怎么样的？同时使用很多个选择器，优先级是怎么判断的15.JS有哪些数据类型？这些数据类型怎么在代码中进行判断？16.判断类型有哪些方法？17.es6相比es5多了有哪些语法18.箭头函数和普通函数的区别是什么回答1书写方式 2this指向- 19追问：似乎想让我说的是其他部分，难受我操的- 20追问：如果想改变普通函数的this指向，有哪些方法：call，apply，bind，有什么不同，bind的用法忘了- 21追问：箭头函数和普通函数还有一个比较重要的区别：没答上来，答案是箭头函数不能用作构造函数（忘记了。。。）22.常用的数组的方法有哪些？手撕：两数相加 梦的起点leetcode 1用对象（object/set）的话，可以把值当作key，先循环一次把数据存到对象里，key和value可以设成一样的值。然后再遍历一次，用目标值减去当前值，比如把2、7、11、15存到对象里后，遍历的时候计算9 - 2是否等于7，再去对象里用这个差值作为key查找，就能知道结果了。反问改进：因为你学习前端的时间比较短，目前很多概念理解得还不够深入，有些都混淆了。而且从刚刚答题情况看，你JS代码写得可能也比较少，像刚才那道题，JS写得多的话应该很快就能想到用对象来优化。所以我建议你先沉淀一下，不要着急练习项目。现在才刚起步，要把基础打牢。另外，我不太建议你现在学Vue，更推荐学react。像字节跳动，整个集团都主要用react开发，而快手、美团这些公司可能Vue用得更多，你可以根据自己未来想去的公司来选择。还有HTTP相关知识，和TCP的区别比较大，你要再多看看。剩下的就是建议你多看书，系统地学习，很多概念你还没抓住重点，回答问题时有时没讲到关键内容，却回答了一些边缘问题，之后可以复盘总结一下。

分享一下之前的面经,就当给自己攒点人品啦拷打实习和项目URL输入到渲染页面的流程水平垂直居中实现方式原型链一个原型链相关的题,讲输出结果闭包闭包的应用场景有哪些for(var i=1;i<=3;i++){ return function(){ return i* i }}讲输出let 和 var的区别说说内存泄露内存泄露的例子promisepromise和async await有什么关系如何选择是使用promise还是async,使用场景有哪些Vue2和Vue3的区别Vue和React的区别双向绑定原理key的作用为什么key可以提升算法效率key一定可以提升效率吗git fe...

求求各位佬帮菜菜选个 暑期 offer，纠结的头皮发麻了1️⃣ 美团本地核心业务研发到店已oc  base 成都 貌似零售相关？离家很近 通勤很爽 学校也在成都  但是不知道这边部门咋样 听说 c 端 b 端都有 但是貌似更多是偏后台（低代码相关？）  转正率团肯定没得说2️⃣tme 集团公线基础架构 组里更多做 ai 相关 技术栈更匹配 更多是 c 端 在腾系里相对 wlb 转正率未知 估计一半或以下3️⃣wxg 微信小店 已 oc  听说很累 而且转正很难 不如团能学到技术多 但是title 很大我想法是保证一定转正率+有一定背书秋招有保障+ 本人想相对追求 wlb，求佬们支支招 #暑期#  #暑期实习 #  #选offer#

叠纸前端一面面经描述一种方法，用以实现一个动态加载内容的无限滚动列表。如何使用CSS实现一个动画，当用户鼠标悬停在按钮上时，按钮逐渐变大？在React中，如何优化组件以避免不必要的重新渲染？如果你有一个含有数百个项目的数组，你将如何有效地搜索特定项目？解释一下Web Accessibility（Web无障碍性）并举例说明如何在网页设计中实现它。使用JavaScript，如何创建一个倒计时计时器，显示天、小时、分钟和秒？我们的游戏界面需要实时更新玩家的得分，你会如何设计前端架构来实现这一功能？解释什么是服务工作线程（Service Worker），以及它可以如何帮助提高一个游戏网站的性能？请描述...