快手 - 前端 - 秋招 - 一面

好痛苦失败贯穿整个人生没有公司了

面试官人很好，很客气介绍一下你最近的前端经历行内元素如何垂直居中 水平居中设置div元素的内容（innerhtml innertext）innerhtml和appendchild哪个会快一点重绘和回流哪些操作会导致回流设置dom的width会导致回流吗promise你知道哪些API为什么我们需要promise，promise解决了什么问题手写题，promise队列

以下是其中一些常见的工具和技术：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9d41438f19104dca802ef21b5942c139混淆和压缩代码：通过工具如UglifyJS、Terser等来压缩JavaScript代码，删除不必要的空格、换行符和注释，并将变量名、函数名等重命名为更短的形式，以减少文件大小和提高加载速度。图片优化：使用工具如OptiPNG、JPEGoptim、SVGO等来优化图片，减小文件大小而不影响视觉质量。另外，使用适当的格式来存储图片，如使用WebP替代JPEG和PNG，以进一步减小文件大小和提高加载速度。懒加载：将页面上的非关键资源（如图片、视频、音频等）延迟加载，等到用户真正需要时再加载，以减少初始页面加载时间。缓存和版本控制：通过使用HTTP缓存来减少对服务器的请求，浏览器可以缓存静态文件（如样式表、脚本文件和图片），从而减少页面加载时间。此外，使用版本控制技术（如添加哈希值到文件名）来确保浏览器能够正确地加载最新的文件而不使用缓存。Tree Shaking：通过打包工具（如Webpack和Rollup）的Tree Shaking功能，可以自动删除未使用的代码，减小文件体积。资源合并和打包：将多个文件合并为一个单独的文件，减少网络请求次数和文件大小，同时使用打包工具（如webpack）将多个模块打包为一个或多个bundle，以减少页面加载时间。异步加载和代码分割：将代码按需加载，仅在需要时动态加载，提高页面加载速度。使用工具如Webpack的代码分割功能或动态导入（Dynamic Import），以将代码拆分成较小的块，并在需要时按需加载。响应式图片：根据设备的屏幕大小和分辨率，使用不同大小的图片，以减少不必要的下载和带宽消耗。

我曾经尝试过很多方法来对抗焦虑，但这些方法只会让我越来越注意焦虑这回事，然后更焦虑了，嗓子像被棉花塞住了一样有一次室友拉我去健身房，跟她一起跳操锻炼，跳完以后身体心灵都特别舒畅，后来我也查了一些资料，原来这个结论已经被研究出来了：乳酸在运动的抗焦虑效果中发挥核心作用，运动锻炼是抗焦虑的关键因素 。