RedLike

笔者情况： 笔者一共面试了好几轮技术面，最终结果技术面通过。 笔者感言： 可能是鹅厂大佬感觉我的经验不丰富的原因，感觉面试的大部分问题都是以基础为主。个人感觉大厂还是非常重视基础的，特别是对工作经验尚浅或者是校招生而言。所以 以下，笔者会结合面试官问的问题一一道来... 笔者：…

方案汇总： ElementUI el-image lazy vue-lazyload Loading="lazy" Intersection Observer API 滚动监听 scroll even

一、背景 1. 业务场景 登录系统->进入首页（首页主要展示一些图片）->切换至列表页面 2. 问题现象 列表页面接口一直未响应。 3. 原因排查&分析 由于内网、外网文件服务无法互通，首页有7个图片

一、为什么需要组件缓存？ 在复杂的单页应用（SPA）开发中，频繁切换的组件会导致‌反复渲染销毁‌，引发性能问题。

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

随着网速的不断加快和硬件性能的不断提升，页面中使用各种各样的图片已经很普遍了。现在已经很少能见到图片缓慢加载出来的效果，或是图片加载失败显示系统默认的裂开图片。

当面临需要插入大量数据到页面的情况时，下面是一些建议的处理方法： 分页加载：考虑将数据分成多个页面，每次只加载当前页面所需的数据。这样可以减少一次性加载大量数据对页面性能的影响，并提供更好的用户体验。

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode

整理了一份前端面试文章指南，包括： css JS基础 Typescript 浏览器与网络基础 React Vue webpack 前端工程化 性能优化 前端安全等