-
本文介绍如何使用原生JavaScript的事件委托机制，精准移除触发事件的按钮所在最近的指定父容器（如.item），避免ID冲突与重复绑定问题，并支持动态添加的元素。
-
本文详解如何使用Yup的ref()和notOneOf()实现密码字段对用户名的动态校验，避免密码中包含用户名，并结合正则确保密码符合复杂度要求。
-
本文详解如何在Angular中正确使用[innerHTML]渲染含HTML标签的字符串（如段落、换行、超链接），同时避免被Angular默认的DOM安全策略拦截，并说明为何直接绑定字符串无效、如何通过DomSanitizer安全绕过、以及如何兼顾可读性与安全性。
-
浮动元素不换行的根本原因是“没地方换”，即当前行剩余空间不足或父容器布局模型（如flex/grid）使float失效，而非CSS书写错误。
-
class和id的核心差异是唯一性与复用性：1.id具有唯一性，一个页面中只能出现一次，用于唯一标识元素，适合锚点跳转、JavaScript精确操作和表单关联；2.class具有复用性，可被多个元素共享，一个元素也可拥有多个class，适合样式复用、语义化分组和JavaScript批量操作；3.从CSS特异性看，id选择器权重为100，class为10，id优先级更高；4.现代开发中应优先使用class，因其更利于组件化、模块化和维护，仅在需要唯一标识时使用id。
-
HTML5不支持RTSP协议和原生录屏；可行方案仅有服务端转存（如FFmpeg拉流录MP4/HLS）或客户端MediaRecorder录制WebRTC流；hls.js等无法直接录制，且需注意权限、跨域、内存溢出等问题。
-
JSON是轻量级文本交换格式，非JavaScript对象或类，仅含parse()和stringify()两个静态方法；parse()严格校验标准JSON语法，stringify()忽略函数/undefined/Symbol/循环引用，且fetch的.json()不可重复调用。
-
最稳妥编辑器是VSCode、Notepad++或SublimeText；script应放</body>前或加defer；刷新用Ctrl+F5清缓存；图片路径须按HTML文件位置写相对路径。
-
通知框class应采用BEM分层命名（如notify--success），避免语义耦合；定位需据场景选fixed或absolute，并规避transform干扰；颜色须满足可访问性对比度，深色模式单独定义；销毁时需清理transitionend监听器或用getComputedStyle+setTimeout兜底。
-
CustomElementsAPI允许开发者定义自定义HTML标签并赋予其行为与结构，通过customElements.define()注册，支持自主元素（如<my-button>）和基于原生元素扩展的内置元素（如<buttonis="fancy-button">），结合生命周期回调（connectedCallback、attributeChangedCallback等）实现组件逻辑控制，配合ShadowDOM可达成样式隔离，适用于构建高复用、轻量级、原生封装的
-
JavaScript数组操作核心在于按场景选用合适高阶函数：map用于生成新数组，forEach处理副作用，filter返回匹配项数组，find返回首个匹配项，reduce用于复杂累计逻辑，修改原数组需谨慎并明确标注。
-
能，但需设align-items:center并统一box-sizing:border-box，否则因基线对齐和padding/border计算差异仍会错位。
-
<p>异步生成器是处理分页数据流的理想选择，它通过asyncfunction*和yield实现按需加载。它返回异步迭代器，可在每次next()时等待异步操作，适合请求分页API。典型实现中，fetchPaginatedData从第一页开始循环请求，解析响应后逐项yield数据，无更多数据时终止。消费者使用forawait...of消费数据流，具有内存友好、代码简洁、可组合的优势。实际应用中建议加入try/catch错误处理、支持abortsignal中断、节流控制请求频率，并根据需要缓存页面，
-
块级元素设为display:block是传统文档流布局，子元素按标准流排列；而display:flex则开启弹性布局，子元素沿主轴排列，支持对齐、伸缩与精细控制，适用于导航栏、居中、等高布局等现代页面设计场景。
-
前端路由通过HistoryAPI实现无刷新更新视图，利用pushState和replaceState修改URL并监听popstate事件响应导航，结合路由映射与服务端fallback配置，确保页面正确渲染且URL美观。
