-
max-width和max-height可防止内容溢出与变形，提升响应式设计的适应性；2.图片设置max-width:100%配合height:auto保持比例，避免失真；3.文本容器通过max-width限制最佳阅读宽度，结合margin居中实现弹性布局；4.弹窗或下拉菜单使用max-height限制高度，配合overflow-y:auto防止垂直溢出；5.设置box-sizing:border-box确保padding和border不超出最大尺寸，使盒模型计算更直观。合理运用这些属性能增强页面的可读性437 收藏 -
前端数据流模式需根据项目规模、团队习惯和技术栈选择；2.Flux提出单向数据流，流程清晰但样板代码多；3.Redux采用单一Store和不可变更新，适合大型团队协作；4.MobX基于响应式，开发高效但追踪变化较难；5.Zustand轻量简洁，适合现代React项目快速上手；6.Vue响应式系统内置集成，Pinia提升模块化与TypeScript支持。437 收藏 -
Promise是对“未来值”的可组合抽象，本质为不可逆的状态机（pending→fulfilled/rejected），执行器同步运行，then/catch回调在微任务队列执行，需注意链式返回、错误捕获范围及状态继承特性。437 收藏 -
:nth-child(n+k)按所有子节点（含文本、注释）计数，非仅目标标签；应优先用:nth-of-type()选同标签序号，或用data-index/JS打标规避DOM结构依赖。437 收藏 -
用Flexbox实现粘性页脚最稳妥：设置html、body高度为100%，body为column方向flex容器，main设flex:1，footer自然沉底不遮挡内容。437 收藏 -
HTML中让图片和文字在同一行显示，可以通过以下几种方式实现：✅ 方法一：使用 inline 或 inline-block 布局
HTML中img与文字未同行的根本原因是vertical-align默认为baseline，预留descender空间导致行高异常；解决首选vertical-align:middle或top，必要时改用flex布局。437 收藏
首先使用Notepad编写HTML代码，输入正确格式的代码后，通过“另存为”选择“所有文件”类型并保存为.html扩展名，编码选UTF-8；接着双击该文件即可用默认浏览器打开运行；如需修改，右键用记事本重新编辑并保存，刷新页面即生效。整个过程关键在于正确设置文件类型与扩展名，确保能被识别为网页文件。437 收藏
后引入的CSS会覆盖先引入的同权重样式，这是CSS层叠机制的设计而非bug；顺序决定覆盖关系，推荐硬性引入顺序：normalize.css→variables.css→base.css→components/.css→pages/.css或themes/dark.css。437 收藏
PHP无法通过服务端代码直接设置HTML文件输入框的value或预选本地文件，这是浏览器安全策略所禁止的；正确做法是分离“显示已上传文件”与“选择新文件”两个逻辑，用前端动态渲染已有图片并支持增删。437 收藏
响应式网格布局需结合行列间距与断点控制，断点（Breakpoints）根据屏幕宽度调整布局，常见如xs（<576px）、sm（≥576px）等，实现多设备适配。436 收藏
aria-valuetext是aria-valuenow的补充性文本描述，用于提升无障碍体验。当数值本身不足以传达含义时，它提供更直观的文本解释。正确使用时需与aria-valuemin、aria-valuemax等属性配合，并保持与视觉状态一致。错误使用如冗余、误导、遗漏信息等会损害用户体验。适用场景包括滑块、进度条、评分组件、颜色选择器、数字输入框及复杂表单状态等。436 收藏
模块模式通过闭包封装私有状态，解决全局污染问题；2.观察者模式实现组件间解耦，适用于状态共享场景；3.工厂模式统一创建逻辑，提升对象生成灵活性；4.装饰器模式借助高阶组件等技术动态扩展功能，增强代码复用性。436 收藏
:disabled伪类用于选中并样式化带有disabled属性的表单元素，使其不可交互且外观可自定义。它匹配input、textarea、button等禁用控件，常用于调整背景色、文字颜色和透明度以提升界面可读性。与:enabled伪类相对，二者可用于区分可操作与不可操作状态。例如，禁用按钮可通过灰色调和not-allowed光标提示用户无法点击。需注意仅表单元素支持该伪类，普通标签如div无效，且必须正确添加disabled属性才能生效。现代浏览器普遍支持，合理使用有助于清晰表达表单状态。436 收藏
使用Flexbox可轻松实现按钮组布局，通过display:flex和gap属性控制间距，支持水平垂直排列，推荐为首选方案。436 收藏
@import用于引入外部CSS文件，需置于样式表最前，支持相对或绝对路径；在CSS或style标签中可导入模块化样式，但加载时机晚于link，影响性能，且不支持JS动态控制；现代项目推荐使用link标签或构建工具替代@import以提升加载效率和维护性。436 收藏
