项目知识点

tailwindcss 使用动态样式ssssssssssddddssdsdsdsdsdsdsdsdsdsdsd

input组件前提了解 受控组件： 顾名思义，当表单元素中的状态由父组件来控制和更新时就可以称为受控组件 非受控组件： 当表单元素中的状态由组件内部自己维护时就可以称之为非受控组件。 Input组件基

前端监控SDK的定义 前端监控SDK（Software Development Kit）是一种嵌入到前端应用程序中的工具包，用于实时监控页面性能、捕获异常错误、跟踪用户行为等关键指标，优化用户体验，提

影响前端性能的点 网络延迟 资源过大（引入第三方库过大，） 异常（代码运行异常，错误边界） 解决网络延迟 cdn【内容分发】：网站的静态资源（图片、视频、CSS、JS小文件等） preload pre

上传文件时，会返回一个File对象数组，File类继承自Blob，存在slice方法， 利用slice方法将大文件切片。同一个站点可以并发发送6个http请求。 文件唯一值 上传 时需要告诉后端，我们

Sentry Sentry性能监控原理 通过 window.performance.getEntries 和 performanceObserver 这两个 api，获取用户在使用应用过程中涉及的 l

H5页面运行流程图 H5页面与native通信： 本地 H5 页面如何和 native 通信的方式基本有三种：jsapi、URL Scheme 和 字符串替换。具体不同方式适合使用场景有所不同： js

Table组件的封装特点： 灵活的插槽机制：提供默认插槽和多个自定义插槽，轻松实现功能扩展和个性化内容渲染； 完善的分页功能：集成分页控件，支持页码和页大小的切换，方便数据管理和浏览； 树形结构支持：

懒加载定义 懒加载（延迟加载）：仅在需要资源时才加载的策略 原理：用户滚动页面时，判断元素是否处于可视区域，而可视区域外的元素资源（如图片）不会加载。 场景： 图片懒加载 列表的无限滚动 可点击链接的

指标优化有哪些 指标的标准 FCP---2S内 LCP---2.5S内 （代表页面的速度指标） FID---100ms内 （代表页面的交互体验指标） CLS---0.1 （代表页面的稳定指标） 如何获

前端性能优化体系概览 性能优化体系具体有哪些内容呢？它主要包括三部分：性能优化流程、性能指标采集及上报、性能监控预警平台。

预加载 preload 加载关键CSS webpack-css-pick-plugin提取关键CSS，将提取到的CSS内嵌插入到节点 http/2 server Push 延迟加载 script de

接口权限 通过JWT（JSON Web Token）实现。后端通过JWT插件生成token，前端将token存储，并在每次请求时通过Authorization字段发送给后端进行验证。

线上问题分类： 接口数据导致的 数据正常，代码疏漏 使用sourcemap soucemap 是一个描述文件，调试工具可以通过这个文件，将构建代码映射成构建之前的文件。 修改webpack配置文件：

目前我们常用的鉴权有四种： HTTP Basic Authentication (HTTP基本认证) session-cookie Token 验证(包括JWT,SSO) OAuth(开放授权) To

主要特点和原则 错误检查:通过代码审查，识别和纠正潜在的错误、缺陷和漏洞，以提高软件的稳定性和可靠性。 知识共享:代码审查是一种团队成员之间分享知识和经验的方式。通过审查代码，开发者可以学习其他人的实

前端缓存--浏览器缓存（cookie，session,token,localStorage,sessionStroage）、http缓存

vue 、react选哪个 业务适用性 React适用于构建大型、复杂的单页应用，toB管理系统等 Vue2 options API 适用于中小型的单页应用。Vue3 composition API

在项目上线后出现严重的 bug,我们需要第一时间利用线上的环境,复现 bug,并且定位 bug的代码,在修复 bug后,做打包上线操作,并且最好尽快控制或者通知所有客户端更新程序 代码层面解决方式 解