字体切换不生效的核心原因是未解决字体回退链和语言匹配机制。需确保font-family名称全局一致、用lang属性配合字体堆叠、验证字体文件实际包含目标文字字形，并谨慎使用font-display策略。

JavaScript实现动画核心是控制样式随时间变化，与CSS动画分工协作：JS负责触发、流程控制和交互响应，CSS负责定义平滑高性能的视觉变化；手动实现用requestAnimationFrame比setTimeout更高效；CSS动画通过@keyframes定义，JS通过class或animationPlayState控制；协作时需避免属性冲突，可用CSS自定义属性或WebAnimationsAPI提升灵活性；简单预设动画选CSS，动态复杂逻辑选JS。

HTML中箭头符号可通过五种CSS方式实现：一、边框技巧绘三角形；二、伪元素叠加定位；三、transform旋转正方形并clip-path裁剪；四、SVG内联路径配合CSS动态变色；五、Unicode字符加CSS修饰。

导航菜单小屏显示不全的解决思路有两种：一是用flex-wrap:wrap实现自动换行，适用于菜单项少、允许垂直延伸的场景；二是用媒体查询+display:none隐藏次要项，配合“更多”下拉或汉堡菜单，兼顾可访问性与触控体验。

使用CSS工具类可高效管理margin、padding和border样式，通过预定义类如mt-2、p-4、border-rounded等实现快速布局，结合方向与尺寸命名规范，提升开发效率与代码可维护性。

推荐用内联SVG定义clipPath并配合transform:translateX()动画实现波浪流动，或采用双伪元素+base64SVG背景图+错速位移的兼容方案，关键在于匀速位移、视差层次与无缝循环。

调整HTML图片宽度有五种方法：一、用width属性设固定像素；二、用style内联CSS设宽（支持百分比等）；三、用CSS类统一控制并加max-width防溢出；四、用object-fit在固定容器中裁剪或缩放；五、删width属性，靠max-width:100%实现响应式缩放。

使用auto-fit和minmax()结合媒体查询实现响应式Grid布局，auto-fit在空间不足时自动调整并拉伸项目，minmax(250px,1fr)确保列宽弹性，搭配mediaquery在特定断点强制单列或固定列数，适用于卡片、图库等多设备适配场景。

WebComponents是一套原生支持创建可重用自定义元素的技术，包含CustomElements、ShadowDOM、HTMLTemplates和依赖ESModules的模块化机制。通过customElements.define()定义新标签，继承HTMLElement实现自主或内置扩展元素；ShadowDOM提供样式与结构隔离，避免全局污染，支持插槽内容分发；HTMLTemplates声明延迟渲染的模板结构，结合<slot>实现灵活内容投影。该技术不依赖框架，适用于现代浏览器，适合构建高

JavaScript实现地图功能需集成第三方API（如高德、百度或Leaflet），核心步骤为引入SDK、初始化地图容器、设置中心点与缩放级别，并添加标记、弹窗等交互元素；注意坐标系适配，WGS-84需转GCJ-02或BD-09。

小方块是字体缺字与编码失配共同导致的问题，需按顺序修复：确保文件为UTF-8无BOM保存、清理源码中Unicode隐藏空格（如U+2000–U+200F）、补全CSS字体栈以支持广字符集。

HTML页面实时显示时间需用JavaScript定时器，包括setInterval倒计时、setTimeout递归正计时、requestAnimationFrame平滑计时、Date同步计时及封装可复用Timer类五种方法。

选择合适的CSS框架能显著提升前端开发效率，尤其在项目周期紧、需要快速搭建界面时。关键在于根据项目规模、团队技术栈和设计需求做出匹配。明确项目需求和复杂度小型项目或原型开发适合轻量级框架，比如Pico.css或Milligram，它们提供基础样式，无须配置，开箱即用。中大型项目若需完整组件库和响应式支持，Bootstrap和TailwindCSS更合适。如果项目强调高度定制化且团队熟悉utility类写法，Tailwind是优选；若需要快速出成品且团队成员对类名体系不敏感，B

Promise.then是微任务。JavaScript事件循环中，宏任务（如setTimeout）和微任务（如Promise.then）的执行顺序为：当前宏任务执行完后，事件循环会清空所有微任务，再执行下一个宏任务。这意味着Promise.then的回调会比setTimeout更快执行。例如，同步代码执行完后，Promise.then的回调会立即执行，优先于setTimeout的回调。Promise链式调用时，每个.then回调都会作为微任务依次加入队列，确保它们连续执行而不被宏任务打断，从而保持异步操作

判断两个JavaScript对象是否拥有相同原型的最直接且推荐方式是使用Object.getPrototypeOf(obj1)===Object.getPrototypeOf(obj2)；2.该方法通过获取对象的内部[[Prototype]]引用并进行严格相等比较，确保结果准确可靠；3.Object.getPrototypeOf()是标准方法，语义明确且不受对象属性干扰，而proto因非标准、可被覆盖及性能问题不推荐在生产环境中使用；4.instanceof不适合判断直接原型相同，因为它检查的是整个原型链