-
父容器高度塌陷时应设position:relative激活定位上下文，使absolute子元素相对于它定位；父容器需有明确尺寸或由其他非absolute内容撑开，不可依赖absolute元素反向撑高。
-
inline元素设置width和height无效是因为CSS规范规定其盒模型属性对布局无影响，浏览器会忽略它们；应改用inline-block、block、flex或grid等显示类型。
-
::after伪元素清除浮动的本质是让父容器重新建立包含块并感知浮动子元素：通过插入display:table/block且clear:both的匿名元素撑开高度，现代推荐flow-root替代。
-
JavaScript由引擎先编译再执行，解析即生成AST并完成作用域绑定与优化；V8采用Ignition字节码+TurboFan优化，类型突变触发去优化；闭包、this绑定等均在解析期固化。
-
正确写法是grid-template-columns:repeat(auto-fit,minmax(250px,1fr)))，配合img{width:100%;height:auto;}，确保图片等比缩放不拉伸、不溢出，auto-fit自动填满且不留空列。
-
border-color用于设置边框颜色，需先定义border-style；border-radius实现圆角效果，两者可同时使用。示例中通过border-color指定四色边框，border-radius设为15px实现圆角，结合使用可创建美观的彩色圆角方块，若只需单色可简写为border:3pxsolid#000配合border-radius:10px。
-
trycatch仅捕获同步运行时错误（如ReferenceError、TypeError），无法捕获异步错误；async/await中必须await后置于try内才能捕获Promise拒绝；推荐用instanceof判断错误类型；finally中return会覆盖try/catch的返回值。
-
答案是利用HTML5拖放API实现拖拽排序，通过设置draggable属性和监听dragstart、dragover、drop事件控制元素移动，结合CSS提升交互反馈。
-
memoize是一种手动实现的缓存策略，用Map存储输入与输出，提升纯函数（尤其递归）性能；手写需支持可序列化参数、保持this上下文，JSON.stringify有局限，Map可避免键冲突。
-
JavaScript执行上下文是代码运行的环境容器，分全局、函数、eval三类，生命周期含创建（变量提升/TDZ）和执行两阶段，通过词法环境与变量环境管理变量，并依托执行栈实现上下文切换。
-
应通过CSS布局（Flex/Grid）、伪元素替代装饰标签、框架Fragment/模板语法优化及抽取子组件来减少非必要嵌套；语义与规范要求的嵌套（如表单、链接、表格）必须保留。
-
每个项目应封装为语义化<sectionclass="project">区块，含<h3>标题、<pclass="meta">辅助信息（含<time>）、简洁描述及可点击链接；移动端单列，平板起用grid自适应；强调时间精度、具体技术动作与量化结果。
-
::first-line仅对块级容器中首行文本生效，失效主因是元素非块级、父容器破坏文本流、首行无文本或样式属性不被支持。
-
答案：通过HTML结构、CSS动画和JavaScript逻辑封装进度条组件，支持平滑动画与实时更新。使用transition实现宽度变化动画，JS中通过requestAnimationFrame控制进度递增，确保性能流畅，同时限制值范围在0-100，可灵活调用setProgress和animateTo方法实现静态或动态更新，适用于各类加载场景。
-
GoogleIdentityServices（GIS）SDK突然报错._$e，通常源于renderButton配置项width类型变更——从字符串强制改为数字类型，需将'200'改为200，否则触发静默失败。
