箫笛

摘要： 在Angular中，宿主绑定（Host Binding） 和 实例绑定（Instance Binding） 是两种不同的数据绑定机制，主要区别在于作用对象和实现方式。以下是详细对比和应用场景分析： 1. 宿主绑定（Host Binding） 定义 通过 @HostBinding() 装饰器将 组件/ 阅读全文

摘要： 在 Angular 中，@Input 的 getter 和 setter 用于创建带有自定义逻辑的输入属性，它们允许你在属性值被读取或修改时执行特定操作。以下是详细说明： 核心作用 拦截输入值的变化：当父组件传递的数据发生变化时触发自定义逻辑 添加业务逻辑：在值被设置或读取时执行额外操作 数据验证/ 阅读全文

摘要： Angular 组件的视图封装模式主要有三种，它们决定了组件样式的作用域规则和如何影响 DOM： ViewEncapsulation.Emulated (模拟 - 默认值) 工作原理： Angular 会为组件的宿主元素添加一个唯一的属性（如 _nghost-abc123），并为组件模板内的每个元素 阅读全文

摘要： 在Angular中，组件选择器（selector） 用于在模板中标识和插入组件，支持多种CSS选择器形式。以下是详细分类和选择建议： 1. 元素选择器（Element Selector） 形式：selector: 'app-component' 使用场景： 作为自定义HTML标签使用，是最常见的形式 阅读全文

摘要： 本方案探讨基于vue2，ElementUI技术栈 下拉列表数据在新增页面中的流动轨迹 第一步： 获取下拉列表数据集合 前端自定义字典 定义对象类型（key：表示id， value： 表示label） 定义数组类型 [{label:'是'， value:1},{label: '否', value: 2 阅读全文

摘要： 在 Vue 3 中使用 SVG 作为图标有多种方法，以下是几种常见且推荐的方式： 方法 1：直接内联 SVG（推荐） 将 SVG 代码直接嵌入 Vue 组件模板中，通过 CSS 控制样式。 步骤： 复制 SVG 代码（从设计工具或文件） 在组件中粘贴并优化：<template> <div class 阅读全文

摘要： 在 Vue 2 中使用 Vuex 主要分为以下步骤： 1. 安装 Vuex npm install vuex@3 --save # Vue 2 对应 Vuex 3 # 或 yarn add vuex@3 2. 创建 Vuex Store 在项目中创建 src/store/index.js 文件： i 阅读全文

摘要： 在前端实现 Excel 导出功能，常见的解决方案可分为纯前端导出和前后端协作导出两大类。以下是主流方案及对比： 一、纯前端导出方案 1. SheetJS (xlsx.js) 最流行的前端库，支持读写 XLSX、XLS、CSV 等格式 特点： 纯 JavaScript 实现，无依赖 支持大数据量（通过 阅读全文

摘要： 在Vue 2中，scoped样式默认不会传递到子组件。但有几种情况和方法可以实现样式穿透，让父组件的scoped样式影响子组件： 1. 默认行为：scoped样式不影响子组件 当你在父组件中使用scoped属性时，Vue会通过生成唯一的属性选择器（如data-v-123456）来限制样式的作用域。这 阅读全文

摘要： 安装 Decimal.js 是一个用于 JavaScript 的任意精度十进制算术库，可以解决 JavaScript 浮点数精度问题。 通过 npm 安装 npm install decimal.js 通过 CDN 引入 <script src="https://cdnjs.cloudflare.c 阅读全文