-
记事本保存HTML需选UTF-8编码、文件名手动输全称、保存类型选“所有文件”；必须添加<metacharset="UTF-8">且闭合标签；避免空格/中文路径，右键用浏览器打开。
-
要制作带有渐变背景动画的CSS数据加载进度条，1.使用HTML结构创建容器和进度条元素；2.CSS中设置容器样式并隐藏溢出内容；3.为进度条应用linear-gradient背景并定义background-size与动画；4.利用@keyframes实现背景移动动画；5.通过调整width属性模拟加载进度变化并添加过渡效果。该方法结合了视觉流动感与用户体验优化，使等待过程更自然、更具吸引力。
-
Sass变量必须以$开头，如$primary-color:#2c3e50；嵌套不宜超3层；@mixin不支持返回值，需用@function实现计算；@import已废弃，须改用@use模块系统。
-
JavaScript生成器是用function*定义的可暂停函数，返回迭代器对象，通过next()方法控制执行节奏，yield实现暂停与恢复及双向通信，适用于异步流程、惰性求值和状态机。
-
Foundation是一个功能强大的前端框架，适合需要快速开发响应式、移动优先网站的项目。它提供了丰富的组件和灵活的网格系统，特别适用于对设计定制要求较高的场景。企业官网和营销页面Foundation提供了大量现成的UI组件，比如导航栏、轮播图、按钮组和表单样式，能快速搭建专业外观的企业官网或产品宣传页。其语义化结构和可访问性支持也符合企业级标准。适合展示型网页，强调视觉层次和用户引导内置响应式排版和图片处理，适配多设备浏览可配合Sass深度定制品牌风格中小型管
-
justify-items:stretch默认拉伸网格项填满单元格宽度，忽略自身width；center则保持原宽并水平居中。例如在200px单元格中，100px的div使用stretch会变为200px，使用center仍为100px并居中。选择取决于是否需占满空间。
-
ChromeDevTools改样式未实时生效，主因是规则被覆盖或修改了失效副本；需确认元素被选中、检查Styles面板是否划掉、禁用干扰插件，并注意CSS-in-JS、构建工具冲突及HMR配置问题。
-
HTML无原生“回复层级”语义，视觉缩进需用padding-inline-start配合data-reply-level实现响应式与RTL适配；引用关系应使用<blockquotecite="URL">，嵌套需指向真实引用源；复杂层级须借ARIArole="feed"/"article"及aria-labelledby补足可访问性。
-
在React中，当按钮内嵌图标等子元素时，直接使用event.target.value会因事件实际触发目标（icon）无value属性而返回undefined；应改用event.currentTarget.value确保始终获取绑定事件的按钮元素的value。
-
height:auto无法直接CSS动画，因浏览器无法计算其数值；可用max-height替代实现过渡，或用JS读取scrollHeight后精确控制height动画。
-
本文详解为何直接对<a>设置pointer-events:none后再对子元素设pointer-events:auto仍会触发链接跳转，并提供真正有效的CSS+HTML解决方案。
-
HTML文件转成PDF用哪个命令行工具最稳直接上结论：wkhtmltopdf是目前兼容性最好、对CSS支持最成熟的命令行方案，尤其适合静态HTML或带简单JS渲染的页面。它不依赖浏览器环境，生成速度快，且能精确控制页眉页脚、分页、DPI。常见错误现象：wkhtmltopdf报QXcbConnection:Couldnotconnecttodisplay（Linux无头环境）；或中文乱码、CSS不生效、JS未执行完就截屏。必须加--no-stop-slow-
-
ThemeProvider只接收名为theme的纯对象prop，需用新引用触发更新，避免Object.freeze或深层嵌套；styled组件须直接解构theme参数以响应变化，多层嵌套时浅合并覆盖同名key。
-
HTML表单中重置按钮应使用<buttontype="reset">而非<inputtype="reset">，因其更灵活、语义清晰、可访问性好；它恢复的是页面加载时的初始值（如HTML中的value、selected、checked属性等），而非清空，且必须置于<form>内才生效。
-
border-radius支持1–4个值按顺时针设四角，双值为左上/右下、右上/左下；椭圆需用“/”分隔水平/垂直半径；百分比在flex中易失效；须配合overflow:hidden裁剪子元素。
