-
全局执行环境中，浏览器下this指向window，Node.js中指向global；严格模式下全局函数内this为undefined；箭头函数不绑定this，继承外层词法作用域的this值。
-
HTML5.1是HTML5的小步迭代，修复缺陷、废除<hgroup>、新增<dialog><details><summary><picture><main>等实用标签，并强制rel="noopener"提升安全。
-
border-box和content-box是box-sizing的两个值，决定宽高计算方式。content-box的宽高不含padding和border，总尺寸会增大；border-box的宽高包含padding和border，总尺寸固定。推荐全局设置*{box-sizing:border-box}以统一布局行为，便于控制尺寸，避免错位。可单独为元素设置content-box恢复默认。实际开发中建议全局使用border-box，利于响应式设计，调试时可通过开发者工具查看盒模型变化。
-
给<selectdisabled>添加灰态样式需用select:disabled{color:#999!important;background-color:#f5f5f5!important;cursor:not-allowed;opacity:0.7;}，因浏览器UA样式会覆盖，!important必须；自定义下拉组件需针对其生成的class写CSS。
-
内联样式>内部样式表>外部样式表，优先级由选择器权重（ID>类>标签）和来源类型共同决定，而非加载顺序；@import在<style>中受其整体权重约束，!important仅作用于单个声明且不可继承。
-
rgba渐变中alpha仅作用于颜色自身而非视觉透明度，需固定RGB、仅调alpha以突出透明度变化，避免混用transparent，结合backdrop-filter或伪元素实现精准透出效果。
-
答案是掌握Babylon.js开发3D游戏需从场景搭建、模型加载、交互控制到动画逻辑逐步实现。首先创建引擎和场景，绑定canvas并设置相机与光源；接着用MeshBuilder或SceneLoader添加模型和材质，支持glTF格式及PBR材质增强视觉效果；通过监听输入事件和onBeforeRenderObservable实现角色移动与碰撞检测，并结合GUI构建界面元素；最后利用实例化、LOD和纹理压缩优化性能，打包部署至静态服务器。配合官方文档与Playground示例可加速学习进程。
-
首先选择合适的代码编辑器如VSCode，编写并保存为.html文件；接着安装Node.js并使用http-server搭建本地服务器；然后通过浏览器访问localhost:8080预览页面，并利用开发者工具调试HTML和CSS；最后可选用WebStorm等IDE提升开发效率，实现实时预览与自动检测。
-
em单位是CSS中的相对单位，基于当前元素的字体大小进行计算。1)em用于设置字体大小、边距等属性，具有响应性；2)使用时需注意嵌套元素的计算复杂性；3)结合rem单位可简化计算并保持一致性；4)推荐使用px或rem设定基础字体大小，并在复杂布局中平衡使用em和rem。
-
let声明的变量存在暂时性死区（TDZ），未声明前访问抛出ReferenceError；var会被提升并初始化为undefined，访问不报错。for循环中var共享绑定，let每次迭代新建绑定。let禁止重复声明，var允许。
-
Flexbox嵌套布局指在flex容器的子元素中再次使用flex容器，实现多层级独立排版控制。外层容器管理一级子元素分布，内层容器控制自身子元素排列，每层需单独设置display:flex。常用于卡片、仪表盘等复杂响应式布局，通过合理设置方向与对齐属性，可构建清晰结构，但应避免过度嵌套并注意样式重置。
-
答案：HTML5中数据可视化主要通过Canvas或SVG结合JavaScript库实现。1.Canvas可绘制基础图表，但维护成本高；2.推荐使用Chart.js、D3.js或ECharts等成熟库快速构建交互式图表；3.支持动态更新与用户交互，如点击事件和异步数据加载；4.通过响应式设计确保多端适配，结合CSS优化显示效果。
-
实现响应式进度条需用CSS百分比控制宽度并结合transition动画。1.HTML结构由容器和进度色块组成，通过内联样式或JavaScript设置进度；2.CSS设置容器宽度100%、圆角、隐藏溢出，进度条初始宽0，过渡效果平滑；3.添加max-width和媒体查询优化移动端适配；4.JavaScript动态修改width百分比触发动画。关键在于百分比布局、transition流畅变化及overflow与border-radius细节处理，确保响应式与视觉效果统一。
-
使用HTML语义化标签构建卡片结构，通过Flexbox实现内部垂直布局，结合CSSGrid创建响应式网格，利用box-shadow、border-radius和hover动效增强视觉体验，确保可访问性与可复用性。
-
答案是使用flex布局、white-space控制和媒体查询解决响应式导航栏文字换行问题。通过flex-wrap允许换行，white-space:nowrap防止文字断行，结合max-width与text-overflow处理溢出，移动端用媒体查询切换垂直布局，辅以word-break或hyphens优化断词，最终实现多设备下导航文字清晰完整显示。
