-
PerformanceEntry接口通过提供资源加载各阶段的精确时间戳，帮助开发者深入分析前端性能瓶颈。利用PerformanceObserver异步收集PerformanceResourceTiming数据，可计算DNS解析、TCP连接、TTFB、内容下载等关键指标，进而诊断慢速环节。高TTFB可能指向后端问题，长下载时间则提示资源过大需优化。该数据还支撑RUM系统，实现用户体验洞察、瀑布流可视化、关键资源告警、A/B测试评估及第三方脚本分析。应用时需注意数据过滤、跨域限制（需Timing-Allow-
-
多租户SaaS后端需实现数据隔离、租户识别、权限控制与可扩展架构。1.数据隔离可选独立数据库、共享库独立Schema或共享表加tenant_id，按安全与成本需求权衡；2.租户通过域名、JWT或请求头识别，并将上下文绑定至请求链路；3.认证时校验租户状态，采用RBAC模型实现租户内角色权限及平台管理员跨租户管理；4.微服务拆分功能模块，各服务具备租户感知能力，缓存Key、消息事件和定时任务均需包含租户标识，确保数据不越界。核心是租户上下文贯穿全流程，保障隔离与安全。
-
CORS是浏览器与服务端协同实现的跨域解决方案，核心在于服务端正确响应预检请求及返回相应CORS头，前端无法单方面绕过同源策略。
-
掌握TypeScript高级特性可提升项目可维护性：1.利用条件类型与映射类型实现动态类型推导和属性转换；2.通过泛型约束确保参数结构安全并保留类型信息；3.使用类型守卫在运行时缩小联合类型范围；4.减少类型断言，优先依赖编译器推断，确保类型安全有效。
-
闭包是函数能记住并访问其定义时词法作用域变量的机制，核心在于变量被持续持有；用于封装私有数据、解决循环异步绑定问题、实现函数工厂与柯里化、状态保持及性能优化。
-
使用position:fixed可使元素悬浮于视口固定位置，需配合top/right/bottom/left定位、z-index层级控制、响应式媒体查询适配、body内边距避让、@supports兼容性检测及will-change硬件加速修复滚动跳动。
-
JavaScript缓存核心是存得准、取得快、不过期：内存用Map实现O(1)查找，HTTP协同原生缓存与ServiceWorker，本地存储按需选localStorage或IndexedDB，并配TTL/LRU失效策略防雪崩。
-
柯里化是将多参数函数转换为一系列单参数函数的技术，如constcurriedAdd=a=>b=>c=>add(a,b,c)；它支持偏函数应用，例如通过curriedFormat预设前缀和后缀生成新函数；结合函数组合compose(wrapInTag("p"),toUpperCase,trim)可构建清晰的处理链；实际使用中需避免过度柯里化，可借助Lodash的_.curry提升开发效率。
-
实现前后端通信有五种基础方法：一、用FetchAPI发HTTP请求；二、通过HTML表单提交；三、用Axios库简化异步请求；四、配置本地代理解决跨域；五、用WebSocket实现实时双向通信。
-
用HSL模式精准调节亮度（L值）是提升对比度且保持配色协调的高效方法，因其分离色相、饱和度与亮度，调L不改主色调；普通文本需≥4.5:1对比度，L值差≥40较安全；微调建议：文字发灰则降L值，背景抢眼则升L值，深色模式下白色文字可微降至L=92%以减眩光。
-
typeof判断基础类型（含function、symbol），instanceof判断引用类型是否由某构造函数创建；二者解决不同层面问题，混用易致误判。
-
favicon需在<head>中用<link>声明，路径须正确且可直接访问，推荐根路径；应同时提供.ico和多尺寸.png格式，并加版本参数防缓存；真机实测各环境显示效果。
-
video元素默认控制条无法换肤，必须禁用原生controls属性，通过HTML+CSS绘制控件并用JavaScript绑定播放、暂停、进度拖动等行为，同时注意跨浏览器兼容性与移动端交互细节。
-
按钮通过type="submit"提交表单，2.用onclick或addEventListener执行JavaScript，3.type="reset"重置表单，type="button"配合脚本避免默认行为，4.调用函数发送请求。
-
line-clamp实现多行文本省略需三步：display:-webkit-box、-webkit-box-orient:vertical、-webkit-line-clamp；仅WebKit内核稳定支持，Firefox部分支持，IE完全不支持，须降级处理。
