-
执行上下文是JS代码执行时的环境，包含变量、函数和this指向。它分为全局和函数执行上下文，前者在脚本加载时创建，后者在函数调用时创建并入栈，形成执行栈。每个上下文有创建和执行两阶段：创建阶段确定this、提升变量、建立作用域链；执行阶段赋值变量并执行代码。全局上下文this指向window或global，函数上下文this取决于调用方式。通过作用域链，内层函数可访问外层变量，支持闭包机制。理解执行上下文有助于掌握作用域、闭包、this指向及调试优化。
-
CommonJS与ES6模块差异显著：前者为Node.js同步加载的值拷贝，后者为语言标准支持异步、静态分析及引用共享，现代前端因标准化、Tree-shaking和懒加载更倾向ESM，但CommonJS仍在后端和遗留项目中使用，二者通过打包工具如Webpack、Rollup实现共存与转换。
-
答案：JavaScript代码分割与懒加载通过动态import()和构建工具将非核心代码按需加载，提升初始加载速度与用户体验。1.核心是利用import()语法实现运行时动态加载，配合Webpack等工具生成独立chunk；2.适用于路由级或功能模块级拆分，如管理后台的报表页、图表组件等非首屏内容；3.显著优化FCP和TTI指标，减少白屏时间，提升交互响应速度；4.懒加载增强感知性能，优先加载用户可见内容，避免资源浪费；5.需避免过度分割导致请求过多，合理配置splitChunks提取公共依赖；6.SSR
-
答案是使用JavaScript结合Date对象和setInterval实现动态时间显示。HTML的<time>标签仅用于语义化标记静态时间，无法实现自动更新；而JavaScript能通过定时器每秒获取当前时间并格式化输出，实现真正的实时时钟功能。通过padStart补零、toLocaleTimeString本地化格式或Intl.DateTimeFormat控制时区，可提升显示效果。为优化性能，可结合页面可见性API在标签页不可见时暂停时钟更新，减少资源消耗。最终应将语义化标签与动态脚本结合使用
-
使用<img>标签插入图片，核心属性包括src（指定图片路径）、alt（提供替代文本，提升可访问性和SEO）、width和height（定义尺寸，防止布局偏移）、title（鼠标悬停提示）。路径可选相对路径（如images/photo.jpg）或绝对路径（如https://example.com/photo.jpg），需注意大小写敏感。alt属性对视障用户和搜索引擎至关重要，应简洁描述图片内容。性能优化方面，建议压缩图片、选择合适格式（JPEG/PNG/WebP/SVG）、设置宽高、使用响应式
-
原生title属性功能受限，无法自定义样式、定位和交互，且无障碍性差，仅适用于非关键性纯文本提示；当需要自定义样式、支持键盘导航、屏幕阅读器兼容或复杂交互时，应采用HTML+CSS+JavaScript构建可访问、可定制的工具提示方案。
-
通过CSS的@keyframes和animation实现文字滚动，1.水平滚动使用translateX使文本从右向左循环移动；2.垂直滚动通过translateY逐行上滚，适用于公告栏；3.无缝滚动复制内容并移动50%宽度实现无间隙循环，提升视觉流畅性。
-
HTML中的"H"代表"Heading"，即"标题"。1."H"的命名源于早期HTML的直观设计，便于理解。2.从<h1>到<h6>，它们定义了标题的层次结构，提升页面可读性和SEO。3.使用时，<h1>应唯一，遵循逻辑顺序，避免跳级。4.过度或滥用标题标签可能影响用户体验和SEO。
-
答案：通过background-clip:text和-webkit-text-fill-color:transparent实现文字背景图，核心是将背景剪裁至文字形状并设文字颜色透明。需设置background-image、background-size等属性，配合-webkit前缀提升兼容性，使用color:#333等降级方案适配旧浏览器，通过@supports进行特性检测，添加text-shadow或text-stroke提升可读性，利用@keyframes改变background-position实现
-
可通过CodePen、StackBlitz、Glitch或vscode.dev实现HTML实时预览并同步至GitHub。一、CodePen授权GitHub后可导出Pens到仓库；二、StackBlitz导入GitHub项目后在线编辑并推送变更；三、Glitch创建项目后下载代码并推送到GitHub；四、vscode.dev直接编辑GitHub文件，配合LivePreview插件实时查看效果，修改后直接提交到仓库。
-
text-indent用于控制段落首行缩进，常见问题包括元素类型错误、继承、单位使用不当和样式覆盖，可通过设置块级元素、调整继承、选择合适单位（如px、em、rem、%）及检查优先级解决；实现悬挂缩进可结合text-indent负值与padding-left正值。
-
浏览器通过解析HTML和CSS构建DOM与CSSOM树，合并为渲染树后进行布局（回流）和绘制（重绘）。优化核心是减少回流与重绘：避免频繁修改DOM，使用DocumentFragment或虚拟DOM批量更新；用transform替代top/left动画；避免复杂选择器和table布局；将JS放底部或加async/defer，CSS置head以减少阻塞。移动端还需减少HTTP请求、压缩图片、启用硬件加速并设置Viewport。
-
答案：应使用CSS设置超链接颜色。通过内联样式、内部样式表或外部CSS文件，可分别设置a:link、a:visited、a:hover、a:active状态的颜色，现代网页开发推荐此方法，避免使用已废弃的HTMLcolor属性。
-
使用CSStransform:translate配合animation可实现高性能位移动画。1.translate属于变换操作，不触发重排重绘，仅触发合成，提升流畅度；2.通过@keyframes定义动画关键帧，结合translateX、translateY或translate实现多方向移动；3.支持与ease-in-out、cubic-bezier等缓动函数配合，模拟自然运动如弹跳效果；4.推荐避免修改left、top等布局属性，优先使用transform和opacity以优化性能。
-
Bulma框架通过其直观的类名系统，让制作美观且响应式的按钮和表单变得异常简单。你只需要引入Bulma的CSS文件，然后利用它预设的类名，就能快速构建出符合现代网页设计标准的交互元素，而无需编写大量的自定义样式代码。它的模块化设计意味着你可以按需组合不同的类，实现高度定制化。解决方案使用Bulma制作按钮和表单的核心在于理解其组件化的类名系统。通过组合不同的修饰符类，你可以快速实现多样化的样式和功能。对于按钮，主要使用.button基类配合颜色、大小和状态修饰符。对于表单，则围绕.fi
