-
CSRF漏洞指攻击者冒用用户身份发起未授权操作，防御需结合CSRFToken、SameSiteCookie等机制，通过验证请求来源与身份绑定防止跨站请求伪造。
-
HTML图片对齐用CSS而非废弃的align属性，常用float、vertical-align、Flex布局或绝对定位；Bun通过bunserve快速预览HTML，但需注意路径匹配和服务限制。
-
可通过JavaScript动态修改HTML元素属性：一、setAttribute设置任意属性；二、直接赋值标准属性字段；三、dataset操作data-自定义属性；四、className/classList管理class；五、style修改内联样式。
-
JavaScript模板字符串是实现动态HTML内容的现代工具，其核心在于${}语法，摘要如下：1.嵌入变量与常量，将变量值直接插入字符串；2.嵌入算术与逻辑表达式，实现动态计算与条件渲染；3.嵌入函数调用，执行复杂逻辑后返回结果；4.访问对象属性与数组元素，处理结构化数据。模板字符串提升代码可读性与维护性，简化动态HTML构建，但需防范XSS风险并注意逻辑复杂度，同时前端框架与DOM操作仍是构建动态内容的其他常见方式。
-
最直接的方式是用document.getElementById()获取元素再取内容或属性：先通过ID定位元素，再用.textContent、.innerHTML或.getAttribute()读取内容或属性。
-
不能。grid-auto-flow:dense仅按DOM顺序填空，不支持跨行高度自适应，无法实现真Masonry；column-count+break-inside:avoid是目前最稳定纯CSS替代方案。
-
opacity会使子元素一同变透明，因其作用于整个渲染层；而rgba()仅影响指定颜色属性，不波及后代元素。
-
简化@keyframes能缓解低端设备掉帧，因其减少每帧计算与合成负担，避开触发重排/重绘的属性（如width、box-shadow），仅用transform和opacity等硬件加速属性，并配合will-change或translateZ(0)启用GPU加速。
-
:only-child未生效是因为它要求元素是父元素的唯一子节点，包括文本、注释等所有节点；常见干扰有换行空格、注释、slot及shadowDOM不参与计算。
-
在Svelte中集成Quill时，点击工具栏按钮导致光标强制跳转至编辑器开头，是因DOM绑定时机或初始化方式不当引发的焦点丢失问题；正确做法是确保Quill实例在真实DOM节点挂载后、且通过bind:this精确引用容器元素再初始化。
-
CSSLint能发现冗余属性、盒模型问题、!important滥用等常见样式问题，帮助开发者提升代码质量、增强可维护性、优化性能并统一团队编码风格；通过配置.csslintrc文件可灵活定制检查规则，结合GitHooks、构建工具、IDE插件和CI/CD流程，将CSSLint融入开发工作流，实现代码质量的自动化管控。
-
HTML5拖拽上传需前端JavaScript加密（如WebCryptoAPI的AES-GCM），密钥须动态派生或安全下发，加密在ArrayBuffer读取后、上传前完成；服务端严格解密验证，全程强制HTTPS。
-
使用Sass的@for循环可批量生成栅格类，如从.col-1到.col-12，通过from...through包含结束值，结合calc()实现动态宽度与边距计算，并能嵌套媒体查询生成响应式类，有效减少重复代码，提升开发效率。
-
Less中百分比无法直接参与算术运算，因%被视为不可计算的单位类型；需统一用小数表示（如1代表100%）或用calc()交由浏览器处理，避免单位混用报错。
-
Bootstrap页脚加背景图后内容不可见的主因是background-image不撑高容器，需设min-height、background-size及遮罩层；.bg-*类会覆盖图片；响应式需调background-position和媒体查询；路径、CORS、构建工具配置亦关键。
