阿阿阿阿阿阿杰

话说，某游戏公司部分服务器崩了，造成了玩家不好的游戏体验，为了挽留用户，该公司要给所在崩的服务器玩家给予补偿金币，补偿规则为： 活跃度 >= 20 的，补偿 100w 金币 活跃度 >= 30 的，补

使用聚合查询的 $project 加数组的 $filter 操作符过滤，可以解决只过滤数组中满足条件的元素的问题。

本文介绍了父组件如何接收子组件的数据变化。子组件通过路由加载，解决方法是使用RouterOutlet的activate属性和RxJS事件流来传递数据，并且还可以考虑使用路由传递变化函数和路由守卫的方法

开发中遇到文字过长的场景，可以使用CSS截断文字或添加tooltip来解决。为了更友好，可以根据文本和容器宽度动态添加 toolti。核心是比对文本和容器宽度，监听宽度和文本变化。最后封装为组件使用。

防抖处理是前端工程师的必备技能 ，在业务场景中，我们经常会遇到一些需要频繁触发的操作，比如输入框搜索、按钮点击、鼠标滑动等。由于这些事件在短时间内被频繁触发（尤其是在事件函数处理其他耗时任务，比如处理

有一种场景是动态创建组件添加指令，hostDirectives 是以依赖注入（ @Component 装饰器）的方式给宿主绑定指令，该特性于 Angular 15 支持。

有谁曾为自己写了一段好的代码沾沾自喜？又有谁在过了许久看自己之前写的代码有过感触：写的依旧不错/糟糕透顶？对于已经手撸千万行的你，也一定有自己的一套“代码整洁之道”，本篇我们重温那些代码整洁之道吧

环境变量在软件开发中很常用，可以利用它在不同环境下做条件判断或调试等，该篇会介绍在 angular 中是如何配置环境的以及 angular 是如何读取和运行这些配置的

在权限设计中有一种非常独特且有意思方案叫 位掩码权限设计 ，它在应对一些局部数据权限（权限点不多）的场景下，非常的犀利，比如 PingCode 知识管理页面权限就结合 ACL 对特定人群（用户、用户组