-
合理设置font-size和line-height的相对值可实现响应式排版，结合CSS盒模型使文本在不同设备中自然缩放。通过百分比或em单位基于根字体调整大小，配合无单位line-height确保行距正确继承，避免使用固定高度，改用padding和min-height维持布局弹性。例如设置html{font-size:100%}，再利用媒体查询适配小屏，同时为段落和按钮设置相对字体与行高，使内容区域随文字自适应，保证可读性与可访问性。关键在于让文本空间与盒模型协同响应变化。
-
最稳的图片网格写法是display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)));，配合img{width:100%;height:auto}和loading="lazy"及<picture>现代格式。
-
摘要是对论文内容不加注释和评论的简短陈述，须扼要说明研究目的、方法、结果与结论，重点在结论，具有独立性与完整性，字数通常为200–300字，适用于检索、审稿与快速获取核心信息。
-
==会偷偷改数据类型，因其先进行隐式转换再比较值，如null==undefined为true、'0'==false为true；===则严格先判类型再比值，避免意外转换，是日常开发首选。
-
HTML表格本身不支持数据订阅通知，需结合后端技术实现。1.WebSocket建立双向通信，服务器主动推送更新；2.SSE提供轻量级单向推送；3.LongPolling模拟实时更新；4.使用框架如React、Vue.js简化开发；5.根据实时性和通信方向选择合适方案，并注意数据安全。
-
flex-wrap:nowrap仅禁止容器主动折行，不解决子元素内容溢出；需配合white-space:nowrap、min-width:0、明确父宽及overflow-x:auto才能实现横向滚动。
-
使用Foundation可通过自定义CSS和:hover实现图标按钮动画。1.以button类为基础添加button-icon类；2.结合FontAwesome等图标；3.利用transition和transform实现悬停时的位移、旋转、缩放或颜色变化；4.确保动画轻量并兼顾可访问性与响应式体验。
-
nth-child按子元素位置选中，非列表项顺序；应优先用nth-of-type；transition-delay需逐项设置；动画需配合opacity/transform/visibility控制；IE不支持CSS变量。
-
工厂函数是返回新对象的普通函数，不依赖new和this绑定，所有属性方法显式挂载，适合封装状态独立的对象创建逻辑。
-
用hsla()定义线性渐变背景，配合@keyframes微调亮度与透明度实现呼吸效果；动画时长4.5s、ease-in-out缓动，性能优化建议用background-image+will-change或伪元素承载。
-
直接用opacity动画切换背景图会闪屏，因background-image不支持透明度动画，单容器切换时新图未加载完即触发opacity变化，导致空白或残留；须用双层绝对定位容器预加载图片，通过opacity关键帧与z-index类控制实现平滑淡入淡出。
-
字体图标乱码主因是浏览器未加载到字体文件，需按路径→格式→名称→编码四步排查：检查CSS中@font-face路径是否正确（相对CSS文件）、格式是否齐全（woff2/woff/ttf/eot）、font-family名是否完全一致、Unicode编码是否匹配字体真实glyph。
-
“记住我”功能通过HttpOnlyCookie存储加密refresh_token并绑定设备指纹，配合短期access_token实现安全静默登录，禁止明文存密、自动填密码，且须支持远程注销与令牌轮换。
-
role属性是显式覆盖元素默认语义的开关，仅在无障碍树中生效；必须用于动态渲染、旧浏览器兜底、非标准容器及按钮化非按钮元素等场景，禁用与原生语义冲突的混用。
-
clear属性不能清除浮动本身，而是让当前元素避开前面浮动元素的干扰区域，强制下移至浮动元素下方以恢复布局流；它只对块级元素生效，且必须写在浮动元素之后的兄弟元素上。
