南城旧梦_de博客

***/reduce 为数组中的每一个元素依次执行回调函数，接受四个参数：初始值 initialValue（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。参数：参数一： callback 函数（执行数组中每个值的函数，包含四个参数）：prev 必需 （上一次调用回调返回的值，或者是提供的初始值（initialValue））cur 必需（数组中当前被处理的元素）index 可选 （当前元素在数组中的索引）

如果没有查到相同的选择器，说明你定义的选择器名称和第三方库中的选择器冲突，只需要把你本地组件的选择器名称修改即可。因为只能有一个与特定元素关联的组件，所以选择器必须是唯一的字符串，以防止 Angular 产生歧义。确保每个组件都有一个唯一的 CSS 选择器。这将确保 Angular 渲染你所期望的组件。该报错的意思是选择器冲突，也就是说存在两个或更多组件使用了相同的。使用错误消息中给出的元素名称在代码库中全局搜索使用相同。

当变更检测完成后又更改了表达式值时，Angular 就会抛出错误。Angular 只会在开发模式下抛出此错误。在下，Angular 在每次变更检测运行后都会执行一次附加检查，以确保绑定没有更改。这会在视图处于不一致状态时捕获错误。比如，如果某个方法或 getter 每次被调用时都会返回一个不同的值，或者某个子组件更改了其父组件上的值，就可能会发生这种情况。如果发生这两种情况，则表明变更检测是不稳定的。Angular 会抛出错误以确保数据始终正确地反映在视图中，从而防止 UI 行为不稳定或可能的无限循环。

根据数（对象）组中的id或者其他属性去重，或者对象中的所有属性值相同的去重。前端在对数据进行处理时，要善于使用工具库，提升效率。通过数组的some进行逐项判断；

Angualr中的装饰器是一个函数，它将元数据添加到类、类成员(属性、方法)和函数参数bootstrap。@Ingject指定依赖关系的参数装饰器(通常用来注入被标记Injectable的类)imports 本模块声明的组件模板须要的类须要的类所在的其余模块 模块的导入声明。@Hostbinding 把宿主元素的属性(好比CSS类) 绑定到指令/组件的属性。(1).对于静态成员来讲是类的构造函数，对于实例成员是类的原型对像。(1).对于静态成员来讲是类的构造器，对于实例成员是类的原型对象。

在 Angular 中，当父组件重新请求接口并获得新数据时，需要将这些新数据传递给子组件，并通知它们更新自己的视图。当数据发生更改时，子组件按照常理会自动更新视图。

【代码】angular中子组件使用@output向父组件传值。

服务很简单，一个sender成员变量，用于发送消息：this.sender.next('消息');同时它也可以订阅:this.sender.subscribe(next:()=>{})；注意使用该服务进行通讯一定要为同一个MessageService，否则它们得到的是不同的sender。中，我们可以通过创建一个服务来为不同的组件之间提供通讯服务。而通讯的实现就是通过Subject。Subject既可以当sender也可以自我subscribe，并且可以被多个订阅者订阅。

如果在angualr项目中实现防抖节流，可以使用封装好的模块，比如rxjs。但今天说的是使用原始的防抖节流方法遇到的问题：以节流为例，先贴一段常见的原始节流代码：通常都是以闭包的形式实现节流代码，然后再看触发方式window.addEventListener，网上大多数介绍防抖和节流的例子，都是用window.addEventListener来监听，等待触发的。然而！应用到angular项目中时，代码是这样的：坑一：我们期望input输入时，进行节流处理，然而事与愿违，发现throttle(

添加commitlint.config.js文件。.husky文件下面新增commit-msg。.husky文件下面新增pre-commit。新建 .lintstagedrc.js。

toolPanelVisibleChanged| | | 工具面板显示变化 ||pinnedRowDataChanged| | | 固定行数据变化 ||componentStateChanged| | | 组件状态变化 ||animationQueueEmpty| | | 空动画队列 ||viewportChanged| | | DOM中的行变化 ||virtualRowRemoved| | | 虚拟行移除 ||paginationChanged| | | 分页变化 |

ag-grid

无api提供excel，前端根据数据，导出excel文档（自定义excel内容样式）。使用技术：excelJs插件。