-
响应式设计需CSS与JavaScript协同，CSS处理样式适配，JavaScript通过matchMedia监听断点变化并动态调整交互行为。1.常用断点基于设备宽度：手机≤768px，平板769px–1024px，桌面≥1025px；2.应根据内容布局调整断点，避免依赖特定设备；3.使用window.matchMedia('(max-width:768px)')创建媒体查询对象，并绑定change事件触发回调；4.在React中可封装useMediaQuery自定义Hook，实现响应式状态管理；5.移动
-
依赖注入与控制反转通过外部容器管理对象创建和依赖关系，实现解耦；2.使用IoC容器注册依赖并解析实例，支持单例模式；3.示例中UserService依赖Logger，由容器注入而非内部创建；4.基础实现包括register、resolve方法，可扩展作用域、异步解析等特性；5.轻量级IoC提升代码可测试性与模块化，适用于复杂应用服务管理。
-
支持Markdown、PDF、Word、HTML等格式；利用JavaScript读取JSON数据，通过模板引擎生成内容，结合Node.js写入文件，可集成至CI/CD实现自动化文档生成。
-
正确使用HTML5视频控件需添加controls属性并设置宽高，通过source标签指定视频路径和格式，推荐MP4以确保兼容性；为适配不同浏览器可提供多个格式源文件；可选autoplay、muted、loop和preload属性实现自动播放、静音、循环及预加载功能；若控件不显示，应检查controls是否遗漏、路径是否正确、服务器MIME类型配置及浏览器自动播放策略限制。
-
使用Flexbox与position:sticky可创建响应式粘性导航栏。通过display:flex实现水平布局，justify-content与align-items控制对齐，结合媒体查询适配移动端；设置position:sticky和top:0使导航栏滚动时固定于顶部，z-index确保层级优先；添加scroll事件监听动态切换.scrolled类，配合背景模糊与阴影提升视觉反馈，实现流畅、兼容且美观的导航交互效果。
-
答案：HTML在JavaEE中作为静态资源通过服务器运行。需配置JDK、IDE和应用服务器，创建DynamicWebProject，将HTML文件放入WebContent目录，部署项目到Tomcat等服务器，启动后通过http://localhost:8080/项目名/文件名访问，确保路径正确即可展示页面。
-
JavaScript内存由引擎自动管理，经历分配→使用→释放三阶段；释放由垃圾回收器依据可达性自动完成，需避免全局变量、未清理定时器/事件监听器、闭包过度保留等导致的内存泄漏。
-
内联样式适用于动态控制与组件封装，如React中根据状态动态设置样式、构建独立UI组件及SSR场景避免FOUC，提升性能与可移植性，但应避免复杂布局和重复创建大对象以优化性能。
-
用steps()函数配合CSS动画可实现打字机效果，核心是steps(N,end)将动画分为N步逐字显示，推荐clip-path法支持中英文混排，需字符数与steps值严格一致。
-
JavaScript数组遍历方法有多种，常用的主要包括：forEach、map、for...of、for循环、filter、reduce、some、every等。其中forEach和map表面看都是“对每个元素执行操作”，但核心区别在于：前者不产生新数组，仅用于副作用；后者必须返回新数组，且长度与原数组一致。forEach是纯执行，不返回有意义的值forEach的设计目的就是“遍历并做事”，比如打印、修改外部变量、发送请求、操作DOM。它内部会执行回调函数，但总是返回undefine
-
IntersectionObserver是一种高效监听元素与视口相交状态的API，常用于懒加载、无限滚动等场景。通过创建观察器实例并设置回调函数，在元素可见比例达到阈值时触发相应操作，相比scroll事件性能更优。支持root、rootMargin和threshold配置，可灵活控制触发条件。实际应用包括图片懒加载、内容曝光统计、视差动画等，需注意及时调用unobserve避免重复执行，提升页面性能和用户体验。
-
异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
-
HTML5页面文字意外斜体的解决方法包括：一、用font-style:normal重置样式；二、移除或替换i/em标签；三、覆盖继承的font-style值；四、重置框架或浏览器默认斜体；五、检查Web字体配置是否误映射normal为斜体。
-
JavaScriptMap是一种键值对集合，支持任意类型键、保持插入顺序、提供size属性、遍历有序且高效，适合动态场景；而普通对象键受限、统计繁琐、遍历顺序不一致，更适合固定结构数据。
-
WebWorkers是浏览器提供的后台线程机制，使JavaScript脱离主线程执行以避免阻塞渲染和交互；其运行于隔离线程，无DOM访问权限，通过postMessage异步通信，适用于大数组排序、图像处理等耗时任务。
