-
link是HTML标签，置于<head>中，支持并行加载、媒体查询，性能更优且兼容性好；@import是CSS规则，需写在CSS文件内，延迟加载影响性能，维护性差，推荐优先使用link引入样式。
-
观察者模式与发布订阅模式本质不同：前者是对象间紧耦合的同步通知，后者通过事件总线实现松耦合异步通信；适用场景分别为模块内实时响应和分布式系统跨服务通信。
-
align-items用于控制flex子项在交叉轴的对齐方式，其值包括stretch（默认，拉伸填充）、flex-start（起点对齐）、flex-end（终点对齐）、center（居中对齐）、baseline（基线对齐），配合flex-direction决定主轴方向，实现垂直居中、等高布局等效果，常用于导航栏垂直居中或侧边栏横向对齐，需注意stretch在子项有固定尺寸时不生效，个别子项可用align-self覆盖。
-
符合HTML5标准的页面需依次完成五步：一、首行声明<!DOCTYPEhtml>且无前置字符；二、html标签设lang属性（如lang="zh-CN"）；三、head内首置<metacharset="UTF-8">和viewport元标签；四、用header、nav、main等语义化标签构建结构；五、验证嵌套逻辑、标题层级、img的alt属性及移除废弃标签。
-
JavaScript中优先使用const和let替代var，因其提供块级作用域、避免变量提升导致的TDZ错误、禁止重复声明，并明确赋值约束：const需初始化且不可重赋值，let可重赋值但不可重复声明，var则存在函数作用域、提升至undefined及允许重复声明等问题。
-
HTML可访问性树是浏览器为辅助技术创建的语义化页面结构，其检查方法如下：1.使用浏览器开发者工具，如Chrome、Firefox、Edge中的“元素”面板旁的“辅助功能”选项卡；2.选择任意元素查看其角色、名称和状态信息；3.若元素未正确表示，例如按钮显示为div，则需修复；4.验证可访问性的最佳实践是使用屏幕阅读器测试。可访问性树不同于DOM树，它剔除了无用信息，赋予元素语义角色，影响构建的关键元素包括HTML5语义标签、交互式元素、ARIA属性、图像alt属性及列表和表格等结构化元素。这些元素通过正
-
Redux是JavaScript中成熟的状态管理库，核心遵循单一数据源、状态只读、纯函数更新三原则；现代开发推荐使用ReduxToolkit简化流程，适用于多组件共享状态、逻辑复杂或需调试回溯的场景。
-
在HTML中实现机器学习主要通过TensorFlow.js库实现，具有即时性、隐私保护、减轻服务器负担和离线可用等优势。1.引入TensorFlow.js和相关模型库，通过<script>标签加载CDN链接；2.使用JavaScript操作tf全局对象，加载预训练模型（如MobileNet）进行图像识别；3.可在浏览器中定义神经网络结构并调用model.fit()方法训练模型；4.数据保留在本地，提升隐私安全并减少传输延迟；5.浏览器端计算降低服务器压力，提高可扩展性；6.支持离线使用，适用于
-
:empty选择器用于匹配不含任何内容（包括文本、子元素、空格）的元素，通过设置display:none可隐藏这些空元素，避免页面空白。例如div:empty{}能选中无内容的div并隐藏，适用于副标题、提示框等可选区块，提升布局整洁度。需注意空格或换行会使元素非空，且动态加载内容时应确保正确显示。
-
代理模式是通过创建代理对象控制对原对象的访问，可在不修改原对象的情况下增强功能。1.使用ES6Proxy可拦截属性读取、赋值等操作；2.典型应用包括数据校验、缓存懒加载、访问控制和日志监控；3.体现开闭原则与关注点分离，提升代码可维护性与扩展性。
-
侧边栏弹性布局可通过flex-grow与flex-shrink配合实现，1.将容器设为display:flex，侧边栏固定宽度，主内容区设flex-grow:1以填充剩余空间；2.flex-grow控制扩展比例，数值越大占用空间越多；3.flex-shrink控制压缩比例，设为0可防止侧边栏被压缩；4.推荐使用flex简写，如sidebar设flex:00200px，main-content设flex:110，确保侧边栏固定、主内容区灵活响应。
-
background-color默认填充内容区和内边距区，受background-clip控制；默认情况下，背景色覆盖content和padding区域，如设置background-clip:content-box，则padding透明。
-
制作HTML5网页应用需五步：一、用语义化标签搭建标准结构；二、用Flexbox/Grid和媒体查询实现响应式CSS；三、集成地理定位、localStorage等原生API增强交互；四、用ES6模块化组织JavaScript逻辑；五、通过polyfill、懒加载、GPU加速和缓存策略优化兼容性与性能。
-
使用CSS的@keyframes和transform:translateX()可实现高性能跑马灯效果，通过overflow:hidden隐藏溢出内容，white-space:nowrap防止换行，结合animation实现从右向左的连续滚动；进阶方案可通过双倍文本配合translateX(-50%)实现无缝滚动，适用于通知栏、榜单等场景，无需JavaScript即可完成。
-
微服务下JavaScriptAPI设计需兼顾独立性与前端友好性。1.采用RESTful风格，用名词表示资源如/users，通过HTTP方法定义操作，统一返回结构含data、success、message；2.引入BFF或APIGateway聚合数据，减少前端多请求负担，提升性能；3.耗时任务使用异步模式，返回202状态码及任务ID，前端轮询或WebSocket监听结果；4.用Swagger定义接口并生成TypeScript类型，确保前后端契约一致，提升协作效率与系统稳定性。
