-
mix-blend-mode仅对非隔离且同层叠上下文的兄弟或后代元素生效；父元素设isolation:isolate、transform、filter或opacity<1会创建新层叠上下文导致失效。
-
自动完成必须用防抖，因其可避免高频输入触发冗余请求，防止响应错乱并提升性能；通过闭包保存定时器、清除前次计时、延迟执行最后一次输入，典型延迟200–400ms。
-
属性选择器分四类：存在匹配（[attr]）、精确值匹配（[attr="val"]）、子串/位置匹配（~、*、^、$）和忽略大小写匹配（[attr="val"i]），各适用于不同场景且性能差异显著。
-
提升卡片视觉质感的关键在于层次感与细节：合理运用border-radius（如顶部12px、底部6px）和双层box-shadow（内层02px4pxrgba(0,0,0,0.06)，外层04px12pxrgba(0,0,0,0.08)），搭配浅色背景、统一内边距1.25rem、行高1.5及透明黑阴影。
-
JavaScript可通过TensorFlow.js、Brain.js等库在前端实现机器学习，适用于图像识别、情感分析等场景，以ML5.js入门更简单，通常采用前端推理、后端训练的协同模式，在保证低延迟和隐私的同时需权衡模型体积与设备性能。
-
ES6是JavaScript的重大标准化升级，核心包括：1.let/const提供块级作用域与暂时性死区；2.箭头函数简化语法并继承外层this；3.解构赋值与模板字符串优化数据操作和字符串拼接；4.import/export模块系统与class语法糖提升工程化能力。
-
通过WebComponents可创建不依赖框架的原生可复用按钮组件。利用自定义元素、ShadowDOM和模板技术，实现样式隔离与行为封装，支持主题、状态控制及事件响应，提升前端开发效率与组件复用性。
-
本文介绍在JavaScript中判断字符串是否至少包含一个非空格字符的简洁高效方法，重点推荐使用正则表达式/\S/进行检测，适用于消息发送前的输入校验等场景。
-
可通过文本编辑器保存为.html文件并双击打开；2.利用浏览器开发者工具输入document.write运行代码；3.使用VSCode等编辑器配合LiveServer插件实时预览；4.通过Python启动本地服务器访问HTML文件以支持外部资源加载。
-
ChromeDevTools断点调试比console.log更可靠，因其不改变异步时序、可观察闭包变量与调用栈；推荐使用debugger语句或条件断点，并结合Network面板、unhandledrejection监听、可选链及Ignorelist提升调试效率。
-
CSS调色板核心是结构化色彩系统：先定义3–5个基础色，再用HSL+calc()生成色阶，命名遵循语义前缀+色彩名+强度数字，分基础/语义/场景三层管理变量，并借助工具实现设计与开发一致。
-
@counter-style规则需先用@counter-style注册再通过list-style显式调用才生效，仅定义不调用无效；作用域限于list-item，嵌套列表需每层单独声明；Safari15.4+才支持；中文编号推荐cyclic+suffix；复杂编号仍需counter-increment+counter()。
-
属性描述符用于控制对象属性行为，分为数据描述符和访问器描述符。数据描述符包含value、writable、enumerable和configurable，决定属性值及可写性；访问器描述符通过get和set函数自定义读写逻辑。两者不可混用。使用Object.defineProperty()定义单个属性描述符，Object.defineProperties()批量定义，Object.getOwnPropertyDescriptor()查看现有描述符。enumerable控制是否可枚举，configurable
-
图片在flex容器中被拉伸变形的根本原因是默认flex-shrink:1与align-items:stretch共同作用，解决关键是img{flex-shrink:0;width:100%;height:auto;}，并依flex-direction调整尺寸声明。
-
文本居中用text-align:center，仅对行内内容生效；块级元素水平居中用margin:0auto（需定宽且非浮动/绝对定位）；Flex布局推荐justify-content和align-items双居中；绝对定位居中需配合transform:translate(-50%,-50%)。
