-
Vue模板中空字符串""是falsy值，但??仅对null或undefined生效，因此""??"fallback"会原样渲染空字符串，而非触发回退；需区分??（空值检测）与||（真值检测）的语义差异。
-
Proxy实现数据验证的核心在于利用set陷阱拦截属性赋值操作并执行验证逻辑。1.当尝试设置属性值时，set陷阱被触发，可在其中定义验证规则；2.若验证失败，抛出错误或返回false阻止赋值；3.若验证通过，使用Reflect.set将值写入原对象；4.相比传统方式，Proxy具有非侵入性、集中化管理和更广的拦截范围等优势；5.Proxy还可用于响应式系统、权限控制、日志记录等场景；6.错误处理推荐抛出Error实例，并结合try...catch捕获，同时转化为用户友好的界面反馈。
-
JavaScript函数作用域在定义时确定，与调用位置无关；内部函数可访问外层变量（闭包），var循环中回调共享同一变量导致输出333，let/const每次迭代创建独立绑定解决此问题；this绑定取决于调用方式而非定义位置，箭头函数继承外层this；IIFE曾用于隔离作用域，现多被块级声明替代。
-
使用CSS的scroll-behavior:smooth可实现页面或容器的平滑滚动，适用于锚点跳转和JS触发的滚动；针对局部滚动可对特定元素设置该属性；结合JavaScript的scrollIntoView方法能实现点击按钮等交互下的平滑滚动；需注意IE不支持，移动端Safari存在兼容性差异，低版本环境建议用smooth-scroll等库替代。
-
本文详解如何用单条正则表达式精准校验用户名，确保其长度为6–30位、首尾必须为字母或数字、且禁止出现两个连续的.-_@符号。
-
FIMOHTML输出默认不包含色彩空间声明，其颜色仅通过内联CSS十六进制值（如#ff6666）指定，浏览器按sRGB默认渲染，且文件中无color-scheme、icc-profile等任何色彩元信息。
-
@import用于CSS文件开头导入外部样式，支持条件加载和url形式，但需注意性能较差且不可嵌套过多，现代开发更推荐构建工具或预处理器管理模块。
-
HTML乱码主因是文件实际编码非UTF-8且file://协议无HTTP响应头，需用编辑器另存为UTF-8无BOM，并将metacharset放head最顶部，或启用LiveServer本地服务器。
-
通过CSSanimation结合scale、rotate和opacity可实现复合动画，需定义@keyframes设置0%、50%、100%的变换状态，再将动画应用到元素并配置时长、缓动和循环次数，利用transform和opacity可提升性能，注意多个transform函数按从右到左执行顺序影响视觉效果。
-
flex-grow按剩余空间比例分配而非总宽比例，仅在有剩余空间时生效；flex-basis是基准尺寸，优先于width；flex-shrink默认为1，会压缩超容内容；需配合min/max-width保障可读性与布局稳定。
-
HTML原生<inputtype="number">不支持直接显示序数文本（如"1st"），但可通过JavaScript动态转换数值并渲染到外部元素，实现视觉上的序数展示。
-
transition对transform无效是因为其初始值none无法插值，需显式声明起始状态如scale(1)rotate(0deg)；应只过渡transform而非all，避免性能损耗与意外动画。
-
语义化标签是使用具有明确含义的HTML元素（如<header>、<nav>、<main>等）来构建页面结构，提升可读性、可访问性和SEO。结合@media查询，可根据设备特性动态调整布局，例如在小屏将<nav>设为垂直堆叠，在大屏显示横向导航。通过语义结构与响应式样式的协同，既能保持代码清晰，又确保多设备下的良好体验，是现代前端开发的最佳实践。
-
<p>生成器函数是JavaScript中用function*声明、通过yield暂停执行并返回迭代器对象的特殊函数，支持惰性求值、双向通信和可迭代协议。</p>
-
ES6模块化通过import和export实现代码复用，支持静态分析、循环依赖处理和浏览器原生支持，优于CommonJS与AMD；提供命名导出与默认导出两种方式，适用于多成员暴露或单个主要实体导出场景；支持动态导入和import.meta等高级特性，可在浏览器中通过type="module"使用，需注意兼容性与CORS问题；结合TypeScript可提升类型安全与项目可维护性。
