-
单例模式确保类唯一实例，工厂模式封装对象创建，观察者模式实现事件订阅，结合SOLID原则提升代码可维护性，通过模块化分层架构实现清晰职责划分，合理应用设计模式与架构原则可构建高效、可扩展的前端应用。
-
text-align用于块级元素内行内内容的水平对齐，如left、center、justify；vertical-align用于行内或表格元素的垂直对齐，如middle、top，二者不可混用，常配合display:table-cell或line-height实现居中效果。
-
1、通过link标签引入外部CSS文件，可在HTML的head部分使用link标签并设置rel="stylesheet"和href属性指向CSS文件路径，实现样式与结构分离。
-
使用固定高度配合transition可实现简单展开收起；2.内容高度不确定时可用max-height模拟auto效果，结合overflow:hidden与过渡动画；3.精确动画可通过JS动态获取scrollHeight并设置height目标值；4.注意避免过大max-height、确保重排触发并优化缓动函数，提升流畅性。
-
答案：构建JavaScriptRESTfulAPI需遵循语义化路由、统一响应格式、合理使用HTTP状态码、中间件处理校验与日志、采用分层架构。具体包括：使用名词性路径如/users，结合HTTP方法表达操作；返回结构化JSON数据与错误信息；正确应用200、201、400等状态码；通过中间件实现JWT验证、参数校验、CORS和日志记录；采用路由-控制器-服务-数据访问的分层模式，提升可维护性与扩展性。
-
使用npm或yarn安装依赖并记录到package.json；2.通过ES6模块语法引入库；3.利用Webpack等工具优化打包；4.定期更新并检查安全漏洞，确保依赖高效安全。
-
HTML5的hidden属性用于语义化地隐藏不相关的元素。1.它默认等效于CSS的display:none;，使元素不渲染且不占布局空间；2.与display:none;不同的是，hidden是HTML属性，表达语义意图，优先级低于CSS样式，且隐藏后通常不被屏幕阅读器读取；3.其他常见隐藏方法包括visibility:hidden;（保留布局空间）、opacity:0;（透明但可交互）、position:absolute;移出视口（辅助可访问性）、width/height为0（完全折叠）；4.选择策略需
-
WebVTT是一种专为网络视频设计的文本轨道格式，支持精确的时间控制、字幕样式、位置调整及语义化分类（如字幕、说明、章节等），通过HTML5的<track>标签与<video>元素深度集成，实现多语言支持、无障碍访问、章节导航、CSS样式定制及JavaScript交互控制，相比SRT格式具备更强的可访问性、可扩展性和交互潜力，适用于教育、多语言发布、实时字幕、SEO优化等丰富场景。
-
flex-wrap属性控制Flex容器子元素是否换行：nowrap不换行（默认），wrap允许换行，wrap-reverse反向换行。设置wrap后，子元素在空间不足时自动折行，每行按justify-content和align-items对齐，多行可用align-content控制行间距，配合gap和flex属性可实现响应式布局，如卡片排列。
-
清理浏览器缓存可解决页面显示异常问题，具体方法包括：一、通过浏览器设置清除缓存数据；二、使用Ctrl+F5或Cmd+Shift+R强制刷新页面；三、开发者工具中禁用缓存功能；四、修改资源URL参数绕过缓存；五、按域名清除特定网站缓存。
-
通过模板引擎在布局文件中集中引入CSS，子页面自动继承；2.利用Webpack等构建工具自动注入带哈希的样式链接；3.使用SSI或服务器端包含复用头部；4.采用WebComponents封装自带样式的自定义元素；5.根据项目规模选择合适方案，统一管理避免重复引入。
-
设计高度可配置JavaScript插件需：1.分离配置与逻辑，通过Object.assign合并默认与用户配置，支持深度合并与类型校验；2.提供update、destroy等API实现运行时控制；3.在关键节点暴露钩子函数，支持自定义回调；4.采用模块化架构，允许按需注册功能模块，确保核心轻量且易扩展。
-
答案：HTML中通过CSS动画实现文本跑马灯效果。利用overflow:hidden和white-space:nowrap隐藏溢出内容，结合@keyframes定义transform:translateX动画，使文本在容器内水平或垂直循环滚动，支持hover暂停，无需JavaScript。
-
::first-letter用于设置块级元素首字母样式，常用于首字下沉、放大或变色；支持字体、颜色、浮动等属性，需注意仅适用于块级元素且忽略空白字符。
-
JavaScript数组filter方法用于筛选符合条件的元素并返回新数组，不修改原数组。它接收一个回调函数作为参数，对每个元素执行测试，当回调返回true时，该元素被加入新数组。常用于过滤偶数、筛选及格学生、搜索关键词和清理无效数据等场景。例如：[1,2,3,4].filter(num=>num%2===0)返回[2,4]；对象数组中可按属性过滤，如成绩及格者students.filter(s=>s.score>=60)；字符串搜索可用includes方法结合使用；清理空值可通过Boo
