-
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，否则触发静默失败。
-
dragstart是拖拽唯一入口，需draggable="true"且移动2px才触发；dragover必须preventDefault()并设dropEffect；drop读取数据需匹配类型；dragenter/dragleave有嵌套陷阱；dragend不保证成功，应据dropEffect判断。
-
本文介绍如何利用window.matchMedia()配合resize事件，实现在浏览器窗口尺寸变化时实时动态更新iframe的加载内容，避免手动刷新才能生效的问题。
-
JavaScript通过navigator.onLine属性和online/offline事件检测网络状态，但仅反映浏览器连接认知而非真实可达性；需结合fetch探测等增强验证。
-
JSON.stringify()会悄悄丢数据：忽略函数、undefined、Symbol键、BigInt，循环引用报错；JSON.parse()仅接受严格JSON格式，不执行代码但需校验结构；日期等非标类型须手动转换。
-
深色模式应避免纯黑背景，推荐使用深灰色如#121212；宜用hsl()通过调节lightness值实现明暗适配，并结合CSS自定义属性与prefers-color-scheme媒体查询统一管理主题色，同时确保文本对比度≥4.5:1。
-
border:1pxsolid#000是最直接的实线边框写法；HTML5不提供边框语法，完全由CSS控制，需完整指定宽度、样式、颜色三值，且元素须有尺寸和正常渲染流才能显示边框。
-
统一的JavaScript代码规范提升可读性与协作效率。1.命名需语义化：变量函数用camelCase，常量全大写加下划线，类用PascalCase，私有成员以下划线开头。2.格式统一：空格缩进（2或4），花括号行尾，单变量声明，不省略块括号，运算符加空格。3.作用域管理：优先const，次let，禁用var；变量就近声明；避免全局污染；使用解构赋值。4.函数模块设计：函数单一职责，长度≤50行，参数≤3个，用配置对象和默认参数；异步用async/await；模块导出清晰。5.注释文档：JSDoc标注公共
-
事件委托是将子元素事件监听器绑定到父元素，利用事件冒泡和event.target精准识别目标元素，减少监听器数量、降低内存开销与DOM操作压力，适用于动态列表、表格、菜单等场景。
-
使用absolute定位可精准控制列表项内图标位置，通过relative与absolute结合实现层叠效果；2.fixed定位适用于长列表中的悬浮按钮，使其固定于视口；3.sticky定位能实现分组标题吸附顶部的效果，提升用户体验；4.需避免定位导致的重叠与响应式问题，合理使用z-index与补偿布局。
