字节飞书人力套件 前端实习三面

Webpack是一个现代化的【静态模块打包工具】，它可以将多个模块打包成一个或多个【静态资源文件】。 它是构建现代JavaScript应用程序的一个重要工具，它具有模块化、扩展性和自动化等特点。以下是一些常见的Webpack配置选项：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9d41438f19104dca802ef21b5942c139entry: 指定打包的入口文件，可以是一个或多个文件。output: 配置输出的文件名和路径。module: 用来配置不同类型模块的处理规则，比如解析JavaScript、CSS、图片等。resolve: 配置模块解析的方式，可以指定模块的搜索路径和扩展名。plugins: 用于扩展Webpack功能的插件，比如压缩代码、拷贝文件等。devServer: 配置开发服务器，可以实时预览和调试代码。mode: 配置Webpack的构建模式，可以是development、production或none。devtool: 配置源代码映射，用于方便调试代码。optimization: 配置优化相关的选项，比如代码压缩、代码分割等。externals: 配置不需要打包的外部依赖。

发发面经回馈社区，也感谢大佬们分享的面经第一轮：bos投的，隔天约面一面：实习及项目相关ws、轮询、sse、http2用相对路径引用本地的图片和引用一个远程cdn图片有什么区别详细介绍一下浏览器缓存策略命中强制缓存的话有网络请求吗命中强制缓存有状态码吗强制缓存cache-control和expires谁的优先级高，协商缓存呢简单介绍一下js数据类型typeof array是什么讲一下对原型链的了解，解释Array.prototype.__proto__=Object.prototypestr="xyz";str[0]="y";console.log(str)输出是什么？为什么？stri...

TCP/IP是一组用于互联网通信的协议，由两个主要协议组成：传输控制协议（TCP）和互联网协议（IP）。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48👱‍♀️💖互联网协议（IP）负责在网络中寻址和路由数据包。它为数据包分配唯一的IP地址，并通过路由选择算法将它们传送到目标地址。IP协议还定义了网络中的数据包格式和传输规则。👱‍♀️💖传输控制协议（TCP）负责在网络中可靠地传输数据。它通过建立可靠的连接，在通信的两端之间传输数据。TCP协议将数据分割成小的数据包，并为每个数据包提供序列号，以便在接收端重新组装数据。它还实现了流量控制和拥塞控制机制，以确保数据传输的稳定性和可靠性。TCP/IP协议在网络通信中起着非常重要的作用，它是互联网通信的基础。它使得不同的计算机和设备可以相互通信和交换数据。通过TCP/IP协议，用户可以通过网络访问远程主机、发送和接收电子邮件、浏览网页、下载文件等。无论是网页浏览、文件传输、实时通信还是邮件传输，几乎所有的互联网应用都依赖于TCP/IP协议。

比如：简历里有一句 “使用持久化存储去解决首屏加载和用户体验问题。”【描述背景】在xxxx这个项目里，业务希望首屏加载更快，我去做了一个让首屏加载更快的方案。【描述行动】接到这个任务以后我在网上进行调研，一开始接到了集中方法，第一种是使用服务端渲染第二种使用骨架图的方案第一种服务端渲染需要服务端来跟进支持，还需要用到特殊的技术方案（这里要准备好调研的技术方案，面试官问的时候别傻了），目前这个优化只分配了前端进行改造，所以没有使用。第二种方案使用骨架图可以让页面先显示框架，再慢慢渲染实际内容，这样虽然用户感受会好一些，但是治标不治本，渲染总时长和以前是一样的。经过我的调研，我们项目首屏加载速度慢的只要原因是两个，一是JS解析执行的时间，二是React（vue）渲染的时间，然后我们的项目首页的数据不需要非常的实时精确的更新，所以我想到一个方案。【提出解决方案】每次渲染完首页后，我将首页所有的HTML代码存储到LocalStorage中，当页面进来的时候，我首先从LocalStorage中获取HTML代码数据先贴到HTML中，让用户可以先看到首页的内容和行动点，这样解决用户第一次进来速度慢的问题。【提出遇到的问题】解决这个问题需要考虑几个点：第一是读取LocalStorage插入HTML的这个代码要在所有代码之前运行第二是确保LocalStorage的存储内容的大小不能超过浏览器的限制第三是要确保HTML加载进来的时候样式也要存在【给出解决方案】我们使用的框架是UMI，使用umi的配置中的 scripts 参数，添加额外的JS代码，来解决第一个问题。（不同脚手架方法不一样）我们只将首屏最核心的xxxxx部分进行了代码存储，这部分的代码结构我们进行了精简，确保在100k以内。我们把这部分代码的css写成了行内样式，确保这些样式正确渲染。如果大家想要用以上内容作为简历和面试内容，我建议大家自己实践一下，做一遍这样的功能。你会发现更多值得一提的点。