-
iframe本身安全，但嵌入外部页面是否安全取决于src来源及防护机制是否到位；必须启用sandbox属性并谨慎配置权限，禁用allow-scripts与allow-same-origin同时开启，通信须用postMessage并校验origin，配合CSP与referrerpolicy协同防御。
-
将HTML内容转换为PDF、Word、文本或源码是网页开发与数据采集中的常见需求。1.导出为PDF：可通过浏览器打印功能直接另存为PDF；前端使用jsPDF结合html2canvas将页面渲染为图像并生成PDF，适合简单页面；对样式要求高的复杂页面推荐使用Puppeteer（Node.js）或WeasyPrint（Python）等后端工具进行高质量渲染。2.导出为Word文档（.docx）：前端可利用docx库创建支持富文本的Word文件，并通过Blob触发下载，适用于报告类内容导出；服务端可用PHPWo
-
Grid“空行”实为grid-auto-flow:row默认按行填满所致，可通过改用column流向、rowdense回填或约束子项尺寸（如min-width:0、auto-fill列）解决。
-
项目选CSS框架需先确认三点：团队熟悉度、是否需快速出原型、设计系统是否固定或需高度定制；Tailwind适合改得快但HTML膨胀，Bootstrap适合快速交付管理后台但定制难。
-
required属性仅对可输入且具“空值”语义的表单控件生效，如text、email、number、textarea、select（含空value选项）、checkbox、radio及file等；hidden、button等无效；它仅判空不校验格式，提示不可定制，不能替代服务端验证。
-
递归算法的时间复杂度取决于递归树总节点数与各节点工作量之积，空间复杂度由最大递归深度（即调用栈最大高度）决定；斐波那契朴素递归为O(2ⁿ)时间、O(n)空间，二分查找为O(logn)时间与空间，归并排序为O(nlogn)时间、O(logn)空间。
-
固定定位元素z-index失效是因为它们默认处于平级堆叠上下文，需通过公共祖先（如body）设置position:relative或fixed并指定z-index来创建共享上下文，使子元素z-index按数值生效。
-
当模态框外层使用position:fixed时，若内部内容容器也错误地设置为fixed，会导致父容器的overflow失效，从而无法滚动。核心解决方法是移除子元素不必要的position:fixed，改用relative或默认定位，并确保高度约束与溢出控制正确生效。
-
用transform:rotate()+translate()组合实现：子元素设position:absolute、top:50%;left:50%，再通过transform:translate(-50%,-50%)rotate(θdeg)translate(r,0)定位到圆周，θ=360°÷总数×索引，r推荐用px/rem。
-
现代JavaScript项目依赖管理通过包管理器（npm/Yarn）和模块打包器（Webpack/Vite）协同实现。首先初始化package.json文件，通过npminstall或yarnadd命令安装生产依赖和开发依赖，依赖项分别记录在dependencies和devDependencies字段中，同时生成node_modules目录及锁文件（package-lock.json或yarn.lock），确保版本一致性与环境可复现。包管理器解决依赖获取与版本控制问题，避免手动管理带来的兼容性与效率瓶颈。
-
本文介绍一种简洁可靠的模式，通过双useEffect配合初始渲染标记，精准控制副作用（如API调用）仅执行一次，彻底规避开发环境下的重复请求问题。
-
答案：集成Stylelint可规范Tailwind类名顺序、避免重复冲突并统一命名风格。通过stylelint-config-tailwindcss强制类名按布局→装饰→文本→状态等顺序排列，防止如text-red-500写在flex前；利用no-duplicate-selectors检测重复类，结合自定义规则识别absolutestatic、flexgrid等冲突组合，提升代码可读性与维护性。
-
flex-grow的数值代表剩余空间的分配权重，而非父容器百分比；它按设定比例瓜分减去子元素基础尺寸后的剩余空间，基础尺寸默认为内容宽度或width值。
-
使用Animate.css可快速实现CSS淡入淡出动画。1.通过CDN或npm引入库；2.为元素添加animate__animated和animate__fadeIn实现淡入；3.使用animate__fadeOut实现淡出；4.结合JavaScript动态控制动画触发，监听animationend事件避免重复触发，适用于快速开发场景。
-
<style>标签必须放在<head>内，紧贴<title>或<meta>后；它同步阻塞解析，不支持defer/async，语法同外部CSS但禁用@import和本地相对路径；优先级取决于特异性与顺序，内联style属性（1000）高于<style>中任何选择器（如p{}为1）。
