-
Vue的watch监听器用于响应数据变化并执行副作用操作，适合处理异步或复杂逻辑；2.它通过watch选项或this.$watch方法定义，可接收newVal和oldVal，支持deep深度监听和immediate立即执行；3.与computed区别在于：computed用于派生数据、有缓存、必须返回值，watch用于执行操作、无缓存、不返回值；4.Vue3CompositionAPI中使用watch(source,callback,options)更灵活，还提供watchEffect自动追踪依赖并立即执
-
使用JS模板字符串可简洁高效地生成HTML。1.通过嵌入变量${}直接构建结构，如<div>${user.name}</div>；2.结合map()与join('')批量生成列表，避免逗号分隔；3.利用三元运算符或&&实现条件渲染，如${isAdmin?'<button>':''}；4.封装为函数提升复用性，如createUserCard(user)返回模板字符串。合理结合数组方法与逻辑表达式，适用于轻量级DOM生成，保持逻辑简洁以确保代码可维护性。
-
使用Flexbox可轻松实现侧边栏与主内容区的自适应布局。通过设置display:flex启用弹性布局后，利用flex-grow按比例分配剩余空间，如侧边栏flex-grow:1、主内容flex-grow:3，使主内容占据更多宽度；当空间不足时，通过flex-shrink控制压缩比例，如侧边栏设为2、主内容为1，使侧边栏更优先被压缩；结合flex-basis定义基准宽度，并使用flex简写属性（如flex:12200px）统一设置三个值，实现精准的空间分配与响应式效果。
-
节流适用于高频触发需稳定响应的场景，如滚动监听、鼠标移动和窗口resize，确保函数按固定频率执行；防抖则用于连续操作后只需最终结果的情况，如搜索建议、表单验证和按钮防重复提交，延迟执行直至操作停止。选择依据在于是否需要中间过程反馈：需阶段性响应用节流，只关心最终状态用防抖。
-
JavaScript操作iframe需先获取引用，同源时通过contentDocument或contentWindow访问DOM和脚本，须等待load事件；跨域时只能用postMessage通信，并校验origin。
-
本文详细介绍了在JavaScript中如何高效且精准地选择特定父元素下具有通用类名的子元素，避免影响其他同类元素。核心方法是利用document.querySelector结合CSS选择器链，通过组合父元素的唯一ID和子元素的通用类名来实现精确匹配，从而简化代码并提高选择效率。
-
Angular是一个由Google维护的、基于TypeScript的全功能前端框架，专为构建大型、可维护的企业级单页应用设计，内置路由、HTTP客户端、依赖注入等能力，强调强类型、模块化和工程规范。
-
JavaScript对象通过字面量、构造函数、Object.create()和class创建，均基于原型链机制；原型链通过__proto__指向构造函数的prototype实现属性查找与继承，class是函数和原型的语法糖。
-
JSON是轻量级数据交换格式，键名须双引号、禁末尾逗号、不支持函数/undefined/Symbol等；用JSON.parse()解析字符串为JS值，JSON.stringify()将JS值转为JSON字符串。
-
属性描述符用于控制对象属性的行为，包括是否可写、可枚举和可配置。1.数据属性包含value、writable、enumerable和configurable四个特性，决定属性的值、可修改性、可枚举性和可配置性；2.使用Object.defineProperty()可设置单个属性描述符，如设writable为false实现只读；3.访问器属性通过get和set控制读写操作，不存储实际值；4.使用Object.defineProperties()可批量定义多个属性及其描述符；5.configurable设为f
-
data-*属性用于在HTML中存储私有数据，如产品ID和状态，通过datasetAPI以驼峰命名法访问，便于JavaScript读取，提升组件灵活性与代码可维护性。
-
子元素宽度自适应失败主因是父容器未设display:flex；需确保父容器启用flex布局，并合理设置flex-direction；通过flex-basis定义子元素初始宽度，如200px、50%或auto；利用flex-grow控制剩余空间分配，0为不扩展，1及以上按比例均分；常见问题包括min-width限制、flex-shrink为0或父容器宽度未定义；例如固定宽与自适应并存时，可设一子项flex-basis:200px、flex-grow:0，另一子项flex-basis:0、flex-grow:
-
使用HTML5语义化标签构建导航栏可提升可读性与可访问性，首先用<nav>定义导航区域并结合<ul>组织链接；其次将<nav>置于<header>内，整合标题与logo；然后通过class="active"标识当前页面；再利用媒体查询与JavaScript实现响应式菜单；最后添加ARIA属性如aria-label和aria-expanded增强辅助技术支持。
-
本教程旨在指导开发者如何在JavaScript中，依据一个嵌套对象（values）的键值，从另一个对象（points）中匹配并计算相应分数的总和。文章提供了多种实现策略，包括使用reduce进行迭代聚合，以及通过构建查找表进行高效数据匹配和求和，以满足复杂的数据处理需求。
-
使用@font-face引入自定义字体，推荐WOFF2格式并注意跨域；2.通过GoogleFonts等在线服务快速加载；3.调用系统字体无需引入文件；4.结合font-display优化加载行为。根据需求选择方案。
