-
HTML5元素可单独对齐：一、inline-block+text-align；二、margin:auto+块级显示；三、Flexbox的justify-content/align-self；四、Grid的place-self；五、transform偏移。
-
Less组件化需三原则：一用scope前缀隔离变量（如@card-bg-color）；二限制嵌套≤3层并禁跨组件@import；三主题切换须预编译多套CSS而非运行时改变量。
-
直接写.responsive-font()会编译失败，因为定义时若漏掉括号（如.responsive-font{...}）则不被视为Mixin，调用时.responsive-font()就报undefined；且调用必须带括号，参数类型须匹配，默认值确保空参可编译。
-
真正的防御必须从「锁定目标」和「识别模式」开始：只监听支付按钮、登录表单等关键容器，配置childList+subtree+attributes（限class/style/hidden），回调中快速筛检高危变更，修复前必disconnect，且需配合load事件等补位document.write等绕过场景。
-
JavaScript状态管理核心是让数据变化可预测、可追踪、可调试；小应用用useState/useReducer，中大型才需Redux等集中式方案，选型应匹配业务复杂度。
-
是，Chrome、Edge、Safari等支持浏览器会自动添加清除按钮（×），无需JS或CSS实现；Firefox默认不显示，需手动处理。
-
浮动导致父容器高度塌陷，使后续元素上移造成视觉错位；根本原因是父容器无法感知浮动子元素，应通过触发BFC（如overflow:hidden或display:flow-root）解决。
-
不能。CSS动画不支持filter数值自动插值，必须在@keyframes中显式写出完整filter:hue-rotate(...)声明，且需注意兼容性、性能及与background-color的混色问题。
-
calc()中加减号两侧必须有空格，否则表达式失效；乘除号无需空格；嵌套变量或预处理器易遗漏空格；DevTools不报错但样式灰显，需查Computed值确认。
-
本文讲解如何正确使用字母数组（A–U）为多个具有相同类名的div元素逐个分配唯一字母编号，避免所有元素被错误赋值为最后一个字母的问题。
-
repeat()方法常见应用场景包括生成分隔符、文本对齐、构建重复模式、生成占位符。①生成分隔线如console.log("=".repeat(50))；②文本对齐如padRight函数用空格填充；③构建重复图案如SVG路径；④生成占位文本如"X".repeat(100)。使用时需注意内存消耗、RangeError异常及类型转换问题：①重复过长字符串可能占用大量内存；②负数或Infinity参数抛出RangeError；③小数参数自动截断，非数字参数抛出异常。相比其他方法，repeat()代码更简洁直观，
-
纯前端HTML计算器双击index.html即可运行，无需服务器或在线工具；关键在JS逻辑与DOM正确连接、输入类型转换、避免evalXSS风险、解决移动端点击延迟、合理使用localStorage而非URL存状态，并补充键盘支持。
-
auto-fit只创建有内容的轨道并拉伸填满容器，auto-fill则无论内容多少都按minmax()尽可能预留全部轨道，导致空列和布局错位。
-
说明：浏览器会加载并执行该文件中的 JavaScript 代码。注意：src 属性不能与 type 或 charset 同时使用（除非是特殊用途）。二、内嵌 JS 代码直接">
必须通过<script>标签引入JavaScript：一、内嵌代码，写在<head>或<body>的<script>标签内，如console.log("HelloHTML5")；二、外链文件，用src属性引用.js文件，不可混写代码；三、位置影响执行时机，<body>底部最稳妥，<head>中可用defer确保DOM就绪后按序执行。
-
HTML表单提交不会触发跨域限制，因其本质是导航请求而非AJAX；但提交后无法通过JS获取响应数据，需改用fetch并配合CORS或iframe方案（不推荐）。
