部门招人,内推啦:
实习
一面:
二面:
-
路由懒加载和CDN的实现方式。
-
react hooks。
-
看结果
function Index(){ const [ num ,setNumber ] = React.useState(0) const handerClick=()=>{ for(let i=0; i<5;i++ ){ setTimeout(() => { setNumber(num+1) console.log(num) }, 1000) } } return <button onClick={ handerClick } >{ num }</button> }
-
https://ant.design/components/icon-cn/ 取出所有图标的名称,过滤名称中带circle字样的字符串,在开发者工具中取出即可。
-
弹出框实现遮罩层,说思路。
-
并发Promise,一次并发6次,如果中途reject一次,整体函数返回Promise.reject。整体成功返回成功的结果列表。
/** * * @param {Array<Promise>} asyncList */ async function promiseAll(asyncList) { let list = []; let res = []; for (let i = 0; i < asyncList.length;) { if (i + 6 < asyncList.length) { list = asyncList.slice(i, i+ 6); i += 6; } else { list = asyncList.slice(i); i = asyncList.length; } try { let _res = await Promise.all(list); res = res.concat(_res); } catch (error) { return Promise.reject(error); } } return res; }
三面:
-
说一说你知道的前端领域的技术(因为自我介绍里面提了一嘴)。
-
说一说为啥要学前端。
-
最具有挑战的一个项目。
-
useMemo和useCallback的区别,以及用法。
-
讲一讲图片懒加载的实现。
-
说一说事件绑定的方式以及其区别。
-
实现一个订阅发布模式的类,要求另外加一个once方法,实现仅触发一次响应事件。
-
跨域的方法,详细说说jsonp的实现。
-
说一说跨标签页通讯,什么地方会用到跨标签页通讯。
-
CDN优化时,你是如何判断该将哪些包分离。
-
CDN原理。
-
3道判断题:
-
关于事件循环的一道题,非常基础的形式。
-
关于盒模型的一道题:问两个div盒子蓝色部分的像素宽高。
#border-box{ box-sizing: border-box; } #content-box{ content-box: content-box; } .box { width: 10px; height: 10px; margin: 2px; padding: 2px; border: 1px solid red; background-color: blue; } <div id="border-box" class="box"></div> <div id="content-box" class="box"></div>
-
一道隐式转换的题:
if ([]) console.log(1); if ([].length) console.log(2); if ([] == 0) console.log(3); if ({} === {}) console.log(4);
-
-
算法:版本号比较以及其优化。
-
想从实习的过程中学习到什么。
-
实习的时长问题。
秋招
一面
二面:
- 前端性能衡量指标以及优化方法
- iframe 的优缺点?
- BFC会与float元素相互覆盖吗?
- 深拷贝
- symbol的用处
- PWA使用过吗?serviceWorker的使用原理是啥?
- TCP 协议怎么保证可靠的,UDP 为什么不可靠?
- Fetch API与传统 XHR 的区别
- 前端路由原理?
- js实现树的深度优先搜索、广度优先搜索
三面:
-
webpack用过吗,说一说原理
-
loader和plugin分别有啥作用
-
nodejs用的多吗
-
koa的中间件是如何实现的有印象吗
-
写个算法吧
// 实现函数solution(arr, k) // arr是number数组,k是number,返回前k个最小的数字组成的数组,保持相对顺序 // 输入:[1,2,3,4,5,3,2],3,输出:[1,2,2] // 输入:[1,2,3,4,5,3,2],4,输出:[1,2,3,2] // 输入:[1,2,3,4,5,3,2],5,输出:[1,2,3,3,2]
全部评论
(4) 回帖