-
position:relative实现自身偏移时，元素在原占位处视觉偏移而不影响文档流；其父元素设relative后成为子absolute元素的定位上下文；未写top/left则无偏移，仅开通定位权限；transform:translate()更优但不创建定位上下文。
-
最直接可靠的方法是父容器设display:flex，子div自动横向排列；需等宽用flex:1，固定宽则设width；注意IE10–11兼容性，建议用完整flex写法。
-
JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。
-
实现HTML社交分享功能有四种方法：一、用AddToAny等第三方服务快速嵌入图标；二、用WebShareAPI加SVG图标实现轻量分享；三、用FontAwesome字体图标配合分享URL；四、纯CSS绘制响应式图标组。
-
一维布局用Flex，二维布局用Grid，混合使用最合理：Flex处理行或列内对齐，Grid划分行列交叉结构，二者分层协作可提升可维护性与兼容性。
-
本文介绍如何在保留HTML标签结构的前提下，按「纯文本内容长度」（而非总字符串长度）安全截断HTML字符串，并支持优先截断至句末标点（如英文句号），避免在标签中间或单词中间硬切，适用于jQuery环境或纯JavaScript场景。
-
模块联邦是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即可建立定位上下文，无需偏移值。
