字节商业化，26届前端实习

1.css盒模型：内容区，内边距，边框，外边距，两种模式 标准盒（高宽只算content），替代盒（算全部包括内边距和边框）2.css优先级：！>内联>id>类、伪类、属性>元素、伪元素>通配符3.伪类伪元素的区别：伪类选择元素特定状态和特征比如鼠标悬浮 伪元素选取元素的一部分或创建虚拟元素，比如before,after4.结构赋值：就是数组或对象中提取数据赋值给变量，包括数组结构赋值和对象结构赋值5.拓展运算符6.哪些场景下会用到promise：网络请求，异步操作，文件读取写入，定时器7.export 和export default的区别：都是导出模块，export命名导出，导出名字导入也要同名 ，export default 默认导出导入的时候可以自己起名字，然后就是导出数量，一个模块中export多个，export default一个，8.vue的路由守卫包括应用场景9.登录流程怎么实现的10.手撕 发布订阅 和 数组排列计数

一面webpack配置代理webpack Loader的执行顺序实现淡入淡出一面没有录音，只记下来几个答得不太好的问题，其他内容基本和牛客面经差不多，应该答得还可以，很快就约二面了。二面最开始四道题，题目应该是固定的输出题2+手写题2：作用域相关，4个小题，放在一起超容易混淆拓展运算符相关实现delay实现flattenReact相关react native为什么快一句话描述框架和原生开发的优势useEffect的依赖数组打印props的value，因为闭包陷阱不更新，怎么解决React.Memo和useMemo的区别什么是高阶组件webpack怎么查看打包的包大小vue正向代理和反向代理发布...

WebSocket是一种在单个TCP连接上全双工通信的协议，它能够实现客户端和服务器之间的实时通信，能够提供更快、更稳定的通信效果。与传统的HTTP协议不同，WebSocket在握手阶段使用HTTP协议进行协商，然后在建立连接后，双方可以通过发送特定的数据帧进行实时通信。这种方式避免了每次请求都要建立和关闭连接的开销，提高了通信的效率。WebSocket的实时通信原理如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf客户端和服务器首先通过HTTP协议进行握手，建立WebSocket连接。握手成功后，客户端和服务器可以通过发送数据帧进行实时通信。客户端可以使用JavaScript提供的WebSocket API发送和接收消息，服务器也可以通过WebSocket API与客户端进行通信。在连接保持的时间内，客户端和服务器可以随时发送或接收消息，实现实时的双向通信。当通信结束时，可以通过关闭连接来终止WebSocket通信。#ai智能作图#

上午的时间基本上是各种会议，和同事讨论项目的细节。每个人都能畅所欲言，分享想法。中午和同事们一起去食堂，菜品很多，各地美食和轻食都有。下午就是埋头苦干，身边有大佬可以请教，他们总是耐心解答我的问题。工作累了的时候，我就去休息区放松一下。那里有沙发、免费的咖啡和零食，还有各种娱乐设施。不过i案板挺经常的，因为要跟进项目。节日的时候，公司会举办活动，品是团建也有