箫笛

摘要： 在 JavaScript 中，除了 window.btoa(unescape(encodeURIComponent(s))) 这种方式，还有多种以下几种常用的 Base64 编码方法，适用于不同场景： 1. 使用 TextEncoder 和 btoa（现代标准方法） 针对包含非 ASCII 字符（如 阅读全文

摘要： 数组方法 (Array) .findIndex(array, [predicate=.identity], [fromIndex=0]) [查找索引] 找到数组中predicate断言为true的第一个数组元素索引,未找到返回-1. 如果要从数组末尾开始查找则使用：.findLastIndex(ar 阅读全文

摘要： 自定义事件.sync 修饰符的使用 在有些情况下，我们可能需要对一个 prop 进行“双向绑定” // 子组件： this.$emit('update:title', newTitle) // 父组件 <text-document v-bind:title="doc.title" v-on:upda 阅读全文

摘要： 在Vue项目中使用SVG图标可以提高加载速度并方便自定义，以下是几种常见的实现方式： 方法一：直接导入SVG文件（推荐） 首先创建一个全局组件 SvgIcon.vue： <template> <svg :class="svgClass" aria-hidden="true" v-bind="$att 阅读全文

摘要： 1. 使用 async/await 配合 Promise（推荐） 封装一个等待条件满足的执行函数，通过异步等待机制实现 "暂停" 效果 /*** * conditionCheck: 条件检测函数 * interval： 检测间隔时间，默认100ms * timeout： 设置超时时间， 默认5s * 阅读全文

摘要： forwardRef() 是Angular提供的一个工具函数，用于解决组件/指令/服务之间的循环依赖问题。让我们深入了解一下它的工作原理和应用场景。 循环引用问题 在Angular中，当两个类相互引用时会产生循环依赖： // A 依赖 B class A { constructor(@Inject( 阅读全文

摘要： 在 Angular 中，ngModel 指令和 ngModel 的双向绑定是密切相关的概念，但它们的实现方式和用途存在关键区别： 1. ngModel 指令（基础功能） 作用：提供表单控件的单向数据绑定和状态跟踪 语法：[ngModel]（属性绑定） 数据流：单向（组件 → 视图） 主要功能： 将组 阅读全文

摘要： 在 Angular 中，[style] 属性绑定和 NgStyle 指令都用于动态设置元素样式，但它们在使用方式和功能上有明显区别： 1. [style] 属性绑定（推荐方式） <!-- 单个样式属性 --> <div [style.backgroundColor]="isActive ? 'gre 阅读全文

摘要： Angular 组件转为自定义元素的方法 Angular 通过 @angular/elements 包提供了将组件转换为 自定义元素（Custom Elements） 的能力（遵循 Web Components 标准）。以下是详细步骤： 1. 安装依赖 ng add @angular/element 阅读全文

摘要： 在Angular中，视图查询（View Query） 和 内容查询（Content Query） 都是用于获取子元素或组件的机制，但它们的查询范围和应用场景有本质区别。以下是详细对比： 核心区别 特性 视图查询（@ViewChild / @ViewChildren） 内容查询（@ContentChi 阅读全文