-
Flex布局是一维模型，适合单向线性布局如导航栏、表单对齐、卡片列表和居中；不适合二维网格布局，因无法定义网格线或区域名、不支持天然跨行跨列、响应式调整需重写嵌套结构、缺乏单元格级对齐能力。
-
通过命名网格线可直观控制CSSGrid布局位置。定义时用[名称]为行列线命名，如[start]100px[main-start]1fr[main-end]，支持多名称与语义化命名；项内使用grid-column:main-start/main-end定位；结合repeat(3,[col]1fr[gap])可重复命名并自动编号，提升可读性与维护性。
-
opacity属性用于控制元素整体透明度，取值0到1，可实现淡入淡出、遮罩层等效果；注意其影响所有子元素且不脱离文档流，若仅需背景透明应使用rgba或hsla。
-
content-box是什么？就是浏览器“默认怎么算宽高”当你没写box-sizing，浏览器就用content-box——这不是某种特殊模式，而是CSS的原始设定。它意味着：你写的width:200px，只管内容区那块空白，不管padding和border。哪怕加了padding:10px和border:3px，元素在页面上实际占的宽度还是：200+10×2+3×2=226px。为什么content-box容易导致布局错乱？常见错误现象：设了
-
使用Flexbox结合媒体查询可实现响应式页脚对齐。1.设置display:flex，用justify-content和align-items控制主轴与交叉轴对齐；2.在小屏下通过mediaquery改为column布局，居中对齐提升可读性；3.多区域页脚采用嵌套flex容器，配合gap和flex-wrap实现自适应；4.注意IE兼容性、避免固定宽度，并辅以text-align优化文本对齐，确保在不同设备上均良好显示。
-
Flex布局可彻底解决导航栏错位问题：需父容器设display:flex并重置float、margin等旧样式，统一字体行高，控制子项尺寸与换行，确保基线对齐。
-
边框默认占用额外空间是因为content-box模型下width/height仅含内容区，padding和border会额外增加尺寸；改用box-sizing:border-box可使设定宽高包含padding和border，内容区自动收缩，margin不受影响。
-
JSON.parse(JSON.stringify(obj))仅适用于纯数据对象，会丢失函数、undefined、Symbol、Date、RegExp等类型，且不支持循环引用；可靠替代方案包括structuredClone（现代环境）、Lodash的_.cloneDeep（兼容老环境）或自定义递归实现。
-
CSS的transition属性通过平滑改变属性值实现动画效果。1.它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2.transition用于简单状态过渡，由交互触发，而animation支持多关键帧和循环播放。3.JavaScript可通过修改样式触发transition，并可用transitionend事件监听完成。4.性能优化包括
-
可在Jimdo中通过HTML代码模块添加交互式HTML5按钮：一、插入基础按钮结构；二、用script绑定点击事件；三、用onclick属性快速响应；四、用内联style增强样式；五、用data属性实现动态交互。
-
BigInt用于解决大整数溢出，通过n后缀或BigInt()创建；小数精度问题需用整数化、toFixed或高精度库处理，二者分工明确。
-
答案：通过display:flex和align-items:stretch实现多列等高布局，子元素自动拉伸至相同高度，结合flex属性可控制宽度分配与对齐方式，适用于卡片、侧边栏等场景。
-
浮动与网格可共存，主结构用Grid布局，局部图文环绕等效果可保留浮动；关键在于明确分工：Grid负责整体架构，浮动仅用于特定视觉效果，并注意清除浮动防止塌陷，适用于兼容旧项目或内容型页面。
-
Babel插件开发基于AST实现代码转换，核心流程包括解析、转换和生成三阶段。插件在转换阶段通过访问器模式操作AST节点，如StringLiteral、Identifier等，借助@babel/types进行节点修改。掌握AST结构与路径操作是关键，可用于语法降级、宏展开、代码注入等场景。
-
掌握HTML5DragAPI核心机制，通过draggable属性与dragstart、dragover、drop事件实现基础拖拽；结合视觉反馈、区域高亮、方向限制等交互设计提升体验；使用JSON传递结构化数据并维护全局状态，配合性能优化与跨浏览器兼容处理，构建流畅专业的原生拖拽功能。
