-
模块联邦是Webpack5实现微前端的核心技术，允许应用在运行时动态共享模块。通过expose暴露组件、remotes引入远程模块，并借助shared优化依赖，实现跨应用代码复用与独立部署，适用于多团队协作、系统迁移和插件化架构场景。
-
保持依赖更新并审查第三方模块，使用npmaudit和snyk扫描漏洞，锁定版本防止恶意更新；2.配置Express安全头部，移除x-powered-by，启用helmet、请求限制和速率控制；3.严格验证输入，使用Joi等工具防范SQL/NoSQL注入和XSS攻击；4.通过.env管理敏感信息，避免硬编码，生产环境使用系统变量，日志不记录密钥。
-
input的min属性仅对type="number"、"date"、"datetime-local"、"month"、"week"生效；type为"text"等时无效，且需后端校验，不可依赖前端约束。
-
HSLA是一种直观的颜色表示方式，代表色相（Hue）、饱和度（Saturation）、亮度（Lightness）和透明度（Alpha），语法为hsla(h,s%,l%,a)；其中h取值0到360，对应色轮上的颜色位置，如0为红色、120为绿色、240为蓝色；s%表示饱和度，0%为灰度色，100%为完全饱和；l%表示亮度，0%为黑色，50%为标准亮度，100%为白色；a为透明度，范围从0（完全透明）到1（完全不透明）。例如hsla(200,70%,50%,0.6)表示一个中等亮度、高饱和度的蓝色，具有40%
-
Buffer是Node.js中用于高效操作二进制数据的核心类，适用于TCP流、文件I/O和网络请求。它在V8堆外分配固定大小的内存块，以8位字节存储数据，支持通过索引访问，每个字节范围为0到255。创建方式包括Buffer.from()、Buffer.alloc()和Buffer.allocUnsafe()，例如Buffer.from('hello')将字符串按UTF-8编码为字节序列。Buffer常与Stream配合使用，处理大数据时分块读取，可读流通过'data'事件emitBuffer数据块，便于累
-
CSS属性选择器能根据HTML元素的属性及属性值精准选中元素并应用样式。其核心在于提供多种匹配模式，实现精细控制。主要类型包括：1.[attr]：存在即选择；2.[attr="value"]：精准匹配；3.[attr~="value"]：包含词语；4.[attr|="value"]：以指定值开头或后跟连字符；5.[attr^="value"]：以指定值开头；6.[attr$="value"]：以指定值结尾；7.[attr*="value"]：包含指定值；8.[attr="value"i]：不区分大小写匹配
-
SPA核心是不刷新页面动态更新内容，可用原生JS实现，但框架能降低复杂度；关键在权衡手写成本与项目需求，Vue适合中后台，React生态丰富适合复杂场景，Svelte性能优适合轻量级应用。
-
HTML不支持循环，需通过JavaScript或服务端语言实现。前端可用for、map等遍历数据，结合innerHTML或DOM操作动态生成列表、卡片等内容；后端如PHP可在HTML中嵌入循环直接渲染。核心是用编程语言驱动数据与模板结合，实现重复结构展示。
-
绝对定位元素的偏移量相对于最近已定位（relative/absolute/fixed/sticky）祖先计算，非body；父容器设position:relative即可建立定位上下文，无需偏移值。
-
标题不跨列是因为父容器未定义grid-template-columns，导致-1指向隐式网格末尾而非预期最后一列；必须显式设置列轨道，如repeat(3,1fr)，此时-1才指向第4条线。
-
ESLint负责代码逻辑正确性检查，Prettier专注代码格式统一；二者分工明确、不可替代，需通过eslint-config-prettier关闭ESLint格式规则并交由Prettier全权处理格式，同时保留ESLint在语义层的校验能力。
-
padding百分比始终参照父元素contentbox的宽度计算，与高度无关；在flex子项中则参照自身计算宽度，table-cell中被规范禁止使用。
-
HTML压缩通过去除空格、换行、注释等冗余字符减小文件体积，提升网页加载速度和用户体验，并有助于SEO优化。主流方法是使用构建工具（如Webpack配合html-webpack-plugin和html-minifier-terser）在打包时自动压缩，或通过服务器启用Gzip/Brotli传输压缩。需注意避免过度压缩导致布局错乱或脚本失效，应合理配置压缩选项并充分测试，平衡优化收益与维护成本。
-
position:fixed是模态弹窗首选定位方式，因其脱离文档流、固定视口且不受滚动影响；absolute易受父容器transform等属性干扰导致错位。
-
提升Lighthouse评分需优化页面加载速度、图像资源、可交互时间及缓存策略。1.减少关键阻塞、压缩资源、延迟非必要脚本、采用SSR/SSG提升性能。2.使用响应式图片、懒加载和异步解码优化媒体。3.拆分长任务、使用WebWorkers和事件防抖改善TTI与INP。4.配置长效缓存、预连接外部资源、利用ServiceWorker增强加载效率。评分优化应聚焦真实用户体验，结合工具建议持续改进，实现高效稳定的网页表现。
