箫笛 - 博客园

2025年7月25日

Angular - afterRender与afterNextRender区别及应用

摘要：在 Angular 中，afterRender 和 afterNextRender 都是用于在组件渲染后执行代码的渲染钩子（Render Hooks），但它们在触发时机和用途上有明显区别： 1. afterNextRender 触发时机：仅在下一次变更检测完成且 DOM 更新后执行一次。应用场景：阅读全文

posted @ 2025-07-25 14:55 箫笛阅读(30) 评论(0) 推荐(0)

Angular - 组件生命周期函数详解

摘要： Angular 的生命周期函数是组件和指令在创建、更新和销毁过程中自动调用的钩子方法，用于在关键阶段执行自定义逻辑。以下是核心生命周期函数及其应用场景（按调用顺序排列）： 1. ngOnChanges() 调用时机：当输入属性（@Input 绑定）的值发生变化时调用（首次调用在 ngOnInit 阅读全文

posted @ 2025-07-25 14:32 箫笛阅读(74) 评论(0) 推荐(0)

Angular - 宿主绑定与实例绑定区别及应用场景

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

posted @ 2025-07-25 10:54 箫笛阅读(24) 评论(0) 推荐(0)

2025年7月23日

Angular - @Input装饰器通过getter和setter实现输入属性的场景

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

posted @ 2025-07-23 23:19 箫笛阅读(12) 评论(0) 推荐(0)

Angular - 组件视图封装模式选择指南

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

posted @ 2025-07-23 16:03 箫笛阅读(26) 评论(0) 推荐(0)

Angular - 组件选择器类型及选择策略

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

posted @ 2025-07-23 15:26 箫笛阅读(36) 评论(0) 推荐(0)

2025年7月21日

Vue - ElementUI下拉数据在页面中流转的最佳实践方案探讨

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

posted @ 2025-07-21 10:34 箫笛阅读(25) 评论(0) 推荐(0)

2025年7月18日

Vue - Vue3 中使用SVG作为图标

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

posted @ 2025-07-18 17:31 箫笛阅读(1031) 评论(0) 推荐(0)

Vue - Vue2使用Vuex进行状态管理

摘要：在 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 阅读全文

posted @ 2025-07-18 14:43 箫笛阅读(83) 评论(0) 推荐(0)

web前端解决方案 - Excel导出

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

posted @ 2025-07-18 10:19 箫笛阅读(597) 评论(0) 推荐(0)

箫笛

公告