袋鼠云前端实习一二面面经

1.讲一下插槽怎么用2.垃圾回收机制3.hash模式history模式4.v-if和v-for的优先级5.proxy和object.defineProperty6.组件通信7.事件循环8.跨域9.异步有哪些方式？10.项目遇到了哪些困难如何解决？11.盒子垂直居中12.浏览器本地存储方式13.手写防抖节流

聊了项目部分，你的鉴权部分是怎么做的？ 说了一下路由的前置守卫，拿token去后端鉴权，根据返回的权限码去管理这个用户能够访问到的页面，如果访问了超出权限的页面会被前置守卫拦截 但似乎面试官一直不满意我说的，一直说我想知道的是你是如何设计权限的，如何实现的balabala的，我实在不知道该怎么介绍了，后来我说实在不行我共享屏幕给你对着讲讲，面试官说不用了，就下一个问题了（所以究竟想听什么，我到现在也琢磨清楚） padding的四种简写 js中获取DOM的几种方式 使用forEach和map去遍历元素，是否可以更改数组中的元素本身？ 当时答的不太好 map是不可以的，由于for...

只有一轮技术面。1、ES6中常用的语法let、coonst关键字，扩展操作符，解构赋值，Map和Set，模块化2、数组能解构吗（1）解构一下const a = [1,2,3]，如何拿到第一个元素const [first,second,third] = a; console.log(first)（2）解构一下const a = [1,.....]，后面有多少个元素我并不知道const [first,...rest] = a; console.log(...rest)3、对象的合并最开始说了concat（但这个是数组的），然后说了bind，忘记说all了，面试官提示也可以用解构赋值4、Map（1）Map的应用场景？说了集合的概念，无重复值（2）Map的key可以放什么类型，Symbol这些可以放吗？可以的，Map的key可以放任意类型，普通对象的键值对当中只能是字符串和Symbol5、Set（1）Set的应用场景？说感觉不是很了解。面试官说了可以用在数组去重，瞬间想起来了（2）Set的数组去重返回的是一个标准的Array吗？不是，可以用Array.from或者扩展运算符转换成Array6、CSS中用flex布局处理垂直水平居中（1）已知内容大小用align-items和justify-content都改成center（2）未知内容大小，用transform有什么写法？没有用transform来处理过，不会7、（场景题）页面中点击div，使其从左边移到右边，可以用css动画效果，还有transform修改，还有margin。从性能的角度来看，用哪一个好一点。我说用CSS动画更好，也就是transition。（面试官说不太对，但是具体是哪一个也没太听懂）8、（场景题）假如说我现在有一个业务，要在业务代码里面去修改Ant-Design的某一个组件里面的classname的某些样式，我应该怎么写才能操作到其内部。（怎么修改到三方UI框架里面的样式？）用 :global。（可以通过 :global 选择器来覆盖 Ant Design 组件内部的样式。这种方法允许你在局部作用域的 CSS 中应用全局样式规则，覆盖第三方库中的样式。）9、React（1）（场景题）我清除我localstorage里面的某一个键值对，组件卸载的时候，我怎么能知道组件卸载了。（问的一脸懵，但是我猜应该是跟useEffevt相关）在useEffect中写一个return方法，在里面执行自己的业务逻辑。（2）如果想要计算某些东西，用什么hook比较合适一点。我要计算的这个值不是一直在变的，意味着我要缓存。（缓存就跟useMemo有关）缓存的话我用的是useMemo，缓存一些数据，只有当依赖项改变的时候，才会重新进行计算，（3）有一个和useMemo很像的东西，就是React.Memo，有了解过吗只听说过，应该比较的不是某一个参数，而是比较的传入的props。面试官修正我的话：其实路是对的，它是来缓存这个组件更新还是不更新，这就是用memo来控制的，如果有个性化的东西就在props中的方法写，给你新的props和旧的props来写你的校验的逻辑。（4）useCallback用来优化函数性能，比如说它可以缓存一个函数的实例，可以避免每次渲染页面的时候不会再次创建同一个函数。（5）状态管理器用过吗用过Redux。10、最近在项目中有没有关于性能优化的。说了最近用useMemo缓存数据的部分。11、反问（1）后面还有几轮技术面（2）部门负责的主要业务总结：面试官还是很好的，一直在引导我说，问的也都不是特别深入，薄弱点就是在css中transform和less预处理。整个面试只有30min，还是很友好的，毕竟只是实习面试。后续还有几个实习面试的，多多准备准备！#前端面经##前端实习准备#

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