前端实习offer选择！

Web Worker 是 HTML5 提供的一种技术，它允许在浏览器中创建后台线程来执行耗时的计算任务，而不会阻塞主线程的运行，从而提高前端应用的性能和响应能力。Web Worker 允许开发人员在 JavaScript 中创建独立的后台线程，这些线程可以执行复杂的计算、数据处理等任务，而不会影响用户界面的交互和响应速度。主线程和 Web Worker 之间通过消息机制进行通信，可以相互发送和接收消息，从而实现数据的传递和同步。Web Worker 在前端开发中有以下几个作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=5bbc1ec127b94659b8688475db533ecb提高性能：通过将耗时的操作放在后台线程中执行，Web Worker 可以避免阻塞主线程，从而使用户界面保持流畅和响应，提高应用的性能和用户体验。并行计算：Web Worker 允许同时执行多个任务，使得复杂的计算可以并行进行，加快处理速度。解决阻塞问题：一些操作（如大规模数据处理、图像处理、加密解密等）可能会阻塞主线程的运行，使用 Web Worker 可以将这些操作转移到后台线程中，避免阻塞主线程。充分利用多核 CPU：Web Worker 可以充分利用多核 CPU 的优势，同时在多个线程上执行计算任务，提高性能和效率。

Channel 是一个接口对象,它类似于传统的流对象,但与传统的流对象又有些不同，具体表现如下:• Channel可以异步地执行I/O读写操作。• Channel的读写操作是双向的,既可以从 Channel中读取数据,又可以写数据到Channel,而流的读写操作通常都是单向的。• Channel可以直接将指定文件的部分或者全部直接映射成 Buffer。• Channel只能与Buffer进行交互,程序不能直接读写Channel中的数据。▲ 图源培训网https://www.pxwang.com/，如侵删要使用 Channel,就需要使用它的实现类。在 java.nio.channels 包中,...

## 时长 70 分钟 北京合思招聘系统### 1.自我介绍环节### 2.做题环节（20 分钟左右）有 22 道选择（html,css,js,数据结构),一道算法题：字符串去重，我和面试官简单说了一下思路（new Set),然后他让我随便写一点交卷了### 3.项目，场景和八股环节（这个环节持续太长了，有些我实在是忘了）1.你是如何做到首屏优化的2.讲讲 CI/CD 是如何实现的3.项目中有使用过 webpack 和 vite 吗4.webpack 和 vite 有什么区别5.有没有使用过什么状态管理工具6.项目使用了什么缓存机制这里我展开讲讲。关于缓存数据，蜀黍使用了缓存头(Cache-Control)和 localStorge。项目中使用了 Promise.all 来进行并发请求，同时从服务器和本地缓存请求数据7.怎么获取的缓存数据localStorge，状态码 3048.缓存的过期时间9.NextJS 中如何设置代码在客户端运行10.NextJS 如何设置服务端运行（好像是这个问法)11.useEffect 中如何进行数据请求（丝滑切换至场景题）12.如果不同 useEffect 中相互依赖过多怎么办（反问面试官，竟然是退化至使用类式组件）13.如果我想让我的 useRef 使用外部的 props 应该怎么办（forwardRef）14.当我的父组件将一个可能会经常变化的 props 传递给子组件时，应该怎么办（useMemo）15.我想全局管理 props,并且防止出现 props drill 的问题，应该怎么办（useContext）16.我想使用 useRef 来实现一个可以返回窗口顶部的功能，应该怎么实现，使用哪些 API17.我想将一个二维数组转换为一维数组怎么办18.如果我的二维数组中不完全都是数组怎么办（instanceof、Array.isArray）19.实现 add(1)(2) === 3 （函数柯里化）20.如何实现 string 和 number 之间的相互转换21.如何改变 this 的指向22.你有没有用过什么 ES6 的新特性23.Promise 打印顺序```javascriptconst promise = new Promise((resolve, reject) => {  console.log(1)  resolve()  console.log(2)})promise.then(() => {  console.log(3)})console.log(4)```24.有没有使用过 typeof25.flex 布局中如何实现水平垂直居中26.如何消除 float 带来的影响27.给定一个完整的 URL，如何获取其查询参数28.React 19 和 React 18 有什么区别29.项目中是否有采用什么对静态资源的优化可能还有，但是暂时想不起来了## 时长 15 分钟 洋葱学园1.对于一个列表，我们通常会给其添加一个 key,可以不添加吗，如果不添加是否有什么问题？2.对于一个 H5 页面加载过慢，如何优化3.将 URL 输入搜索栏，浏览器会做什么4.如何实现进入视窗才进行懒加载5.如何在一个 JS 文件中白屏时返回 Loading 组件（我直接说了 React 和 NextJS 中如何实现哈哈）6.移动端适配我确实记得应该还有，但是想不起来（

为了方便大家对牛客的内容进行支持，北子我呢在这里对每周的话题进行一个汇总，方便大家进行一个活动的参加和领奖哦注：本文只进行活动汇总，不进行活动审核和发奖哦~，再次感谢大家对牛客贡献的内容哦~每周的话题会分为：求职、实习/正职 、生活/校园；等三个方向的话题哦~如何快速的参考话题并发布内容呢？步骤如下：点击任何话题名称———点击图2所示即可快速的进行贴子和动态的发布哦~速度学起来！本周话题如下：打工人题材话题（实习/正职）活动时间：5月27日----7月1日详情：https://www.nowcoder.com/discuss/756838701275054080（点话题即可跳转详情并参加）1、...