皮皮网

1.推荐一款运维&测试工程师应知必会的源码压力测试工具！
2.nestjs和eggjs哪个好？
3.[Angular 组件库 NG-ZORRO 基础入门] - 源码初窥: core
4.如何用63行代码写一个NgRx Store
5.NGE2简介
6.Angular 组件库 NG-NEST 源码解析：Button 组件

推荐一款运维&测试工程师应知必会的源码压力测试工具！

       推荐一款运维与测试工程师不可或缺的源码压力测试工具——stress-ng。这款工具的源码强大之处在于其对系统资源的全面覆盖，包括CPU、源码磁盘、源码汽车理财源码网络、源码内存、源码进程和文件系统等多个维度。源码它允许用户灵活配置负载模式和参数，源码如设置不同强度和持续时间的源码测试。

       stress-ng是源码stress工具的升级版本，不仅兼容旧版本，源码还支持创建复杂压力场景。源码在CentOS 7的源码EPEL源中，你可以选择标准stress或更先进的游戏源码出租stress-ng。安装方面，推荐使用源码安装以获取最新版本，可通过wget下载源码并编译安装，安装成功后，可以查看版本信息进行验证。

       对于实际操作，stress-ng提供了丰富的命令用法和选项参数。例如，进行CPU负载测试时，可以通过命令调用矩阵乘法计算，观察系统负载变化。内存负载测试则通过分配并保持大内存块，监控内存使用。IO负载测试涉及磁盘I/O性能，磁盘和IO测试则会结合CPU和磁盘操作。卖源码程序此外，还可以调整负载占用百分比以适应实际场景需求。

       总的来说，stress-ng是提高运维和测试效率的有力工具，通过理解其基本用法和参数，你可以更好地应对各种压力测试场景。深入学习和利用这款工具，无疑会提升你的工作效能。记得，合适的工具是成功工作的重要辅助，希望stress-ng能助你一臂之力。

nestjs和eggjs哪个好？

       nestjs为什么不火

       å› ä¸ºæ“ä½œä¸ç®€ä¾¿

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       å¹´å‰ç«¯æœ€ç«çš„技术是什么？

       æˆ‘认为的年前端开发者最应该掌握的一些比较火爆的技术与知识点。

       1，前端框架和语言层面

       9月份Vue3.0发布，声称对TypeScript有着更好的开发体验，通过从不同框架级别TS支持上，我们可以看出社区的整个风向从年的大家都去学习应用TS，变成了大家如何把TS用的更好这个方向上来了。

       æ‰€ä»¥æˆ‘认为今年TypeScript的火热程度还是应该排名很靠前的，我今年也使用TypeScript重构了Daruk的服务框架推出了2.0版本，让TS开发者拥有更好的TS开发体验。

       æŽ¥ä¸‹æ¥å°±æ˜¯ä¸¤å¤§é‡ç£…框架的更新历程对比，Vue3前面说了一句。而React也在十月也发布了React的release版本。这两大主流框架的频繁更新，也说明了社区和作者都在一同演化。

       åœ¨Vue3中除了更好的支持TS外，还更新了CompositionAPI。而React主要是集中精力在升级体验上，虽然没有新的Feature但是提升了和解决了很多之前版本潜在的问题。

       è¦è¯´å“ªä¸ªæœ€ç«è¿˜æ˜¯è¦çœ‹ä¸ªäººå®žé™…的使用场景和喜好，但是年来看还没有别的框架可以与之一战。

       2，大前端相关技术栈

       ä»Šå¹´åŸºäºŽChromium的微软edge浏览器也已经推出。google在web端的发展产生了对开发者深刻的影响。Chrome+也已经发布多个版本，提供了一系列的新特性，比如CoreWebVitals标准，DesktopPWA等都值得我们去关注。

       æˆ‘们说完了浏览器相关的那点技术之后，再聊聊大前端相关的一些技术实践，比如Flutter。

       å¾ˆå¤šå‰ç«¯åœ¨ä»Šå¹´å·²ç»ä»Žweb开发转型为Flutter开发，学习和使用Dart技术来构建UI，这是很多大厂的前端工程师正在经历的事情（包括我的部门也在尝试这个事情），这个趋势应该在未来几年还会持续。

       å®¢æˆ·ç«¯electron在今年也有着长足的进展，一年内多次更新版本一路到了.1.5。随着疫情影响，国内在线教育的又一波兴起。很多桌面软件，网课软件都在采用这个技术来进行开发，市场上的岗位也开始变多，electron技术可以说在今年也有火的趋势。

       ç„¶åŽæˆ‘们再看看BFF层，nestjs依然坚挺，越来越多的人开始跳过学习express和koa开始学习更丰富的web框架了，比如egg或者我的daruk，开发者已经在慢慢形成共识，在webframework的路上开始越走越远，裸写nodejsweb服务的时代已经开始慢慢褪去。

       ä¸å¾—不提的还有serverless在前端的普及，在年到达了一个新的高潮。阿里云，腾讯云，头条云等等国内的互联网厂商也都开始大玩serverless概念。从对内服务开始转向对外服务，普及的势头很猛，也有落地的趋势和场景。今年的D2同样也有serverless的专场，可见受重视程度非比寻常。

       3，工程化提效和个人素质提升

       å†ç¦»æˆ‘们近一些的推动生产力的技术，比如据我所知在用CI/CD和pipeline管理上线流程的公司越来越多，这种去年还可以出去吹一吹的东西，今年也逐步变成了业界标配基础能力，如果不会的同学可要抓紧学习了。

       å¹´å‰å¤§å®¶éƒ½ç–¯ç‹‚吐槽面试刷medium题目没用，而年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变，大家在接触新技术的同时，也慢慢发现，前端整个职业环境的变化，越来越多的公司对人的整体综合素质要求变高了。

eggjs为什么口碑不好

       è´¨é‡é—®é¢˜ã€‚eggjs为什么口碑不好的原因是质量问题，因为eggjs质量差，售价高。口碑，指众人口头的颂扬，泛指众人的议论；群众的口头传说，相当于一种大众嘴边经常提起的事情或组织。

NG全家桶全栈项目实践总结

       Angular在国内使用的人并不像国外那么多，基本都是外企在用，但其框架的思想却仍可以为我们所借鉴，在某些问题没有思路的时候可以参考ng相关的处理，ng处理方式和思维确实比较超前，但也因此而曲高和寡。本文旨在通过ng全家桶项目（前端Angular+后端NestJS7）的实践来总结对于ng架构中一些亮点的关注与思考，Angular和Nest在前后端框架的处理上同出一脉，对比起来更有借鉴意义。

       [目录结构]

       [目录描述]

       æ•´ä¸ªå‰ç«¯é¡¹ç›®æ˜¯åŸºäºŽangular脚手架生成的，其基本目录结构是在src的app下进行相关组件和页面的模块开发，main.ts和index.html是整个单页应用的主入口，根目录下angular.json用于配置相关的打包编译等环境配置参数

       [实践分享]

       [目录结构]

       [目录描述]

       åŽç«¯é¡¹ç›®æ˜¯åŸºäºŽnestjs框架的大型后台项目配置，api模块主要是对外输出的接口，auth、filters、guard、interceptors、middlewares、pipes等是对于需要的模块进行统一的收集处理，main.ts是主入口文件，用于启动及相关配置等，app.module.ts是用来收集所有模块的导入，ng基于模块的方式可以起到非常好的隔离效果

       [实践分享]

       é¦–先，对于没有用过ng的同学科普一下，angular其实分为两个大版本，一个是angular1.x的，也就是ng1，也就是现在还有的angularjs，另一个版本是ng2以后的版本，ng2之后被谷歌收购后，完全重写了框架，唯一和1.x相通的估计也就剩那几个思想还在了：模块化、依赖注入、双向绑定、MVC，对于1.x感兴趣的同学可以去看Vue的1.x的版本，基本算是简化版的ng1.x，Vue2之后就和后来的ng分道扬镳了，vue2主要是以发布订阅来替代依赖注入的思路，扯远了...(ps:想看ng1版本的可以看这个地址，居然还有更新...angularjs官方仓库)，这里分析的主要是Ng，ng8之后除了引入Ivy(Ivy架构官方介绍)这个编译渲染器之外，其实改动不大，主要就是在优化以及废除和新建一些api等等。Ng的源码很庞大，goggle自研了一个bazel自动化构建工具，ng自然也是靠这个构建的，对bazel感兴趣的同学，可以看这个Google软件构建工具Bazel原理及使用方法介绍，我这里就不展开所有的源码，整体的核心大框架如下：

       nestjs是nodejs的web应用的一个大的集成，它最初是基于express封装的一个后端框架，后来将服务端各种理念都使用js实现了一下，虽然不能和成熟的服务端语言框架如java等进行媲美，但是服务端所需要的东西基本都具备了，对于有需求想要使用js来开发后端的同学是个不错的选择，个人认为简单的bff，比如想自己模拟的开发个后台接收请求，选择node直接写或者使用express、koa就可以，对于有一定的中间层给前端处理，可以选用阿里的egg，对于如何基于egg构建中间层，可以看看这篇文章如何为团队定制自己的Node.js框架？（基于EggJS），对于大型的服务端，尤其是前端是以ng为主栈的，可以优先考虑使用nestjs；其次对于io较多而计算较少的（js本身的特质），或者服务端需要与c++配合的，大型服务端应用也可以使用nest。nest默认是不采用微服务的形式的，nest将不同的平台封在了不同的platform下，这里只分析普通的以express为platform的形式，对于喜欢微服务的同学，可以对比和java的springcloud的区别，这里就不做表述了，其整体的核心结构大致如下：

       è¿™é‡Œä¸»è¦åœ¨å¯¹ä¾èµ–注入的实现做一个简单的理解分享，其思路是一脉相承的，对于理解后端理念的依赖注入有很好的理解，这也正是后端前端化的一个体现，也是最早的MVC框架向后来的MVVM框架过度的一个历史过程，依赖注入方式对于最早的前端框架还是有纪念意义的，但是对于ng全家桶来说，这算是其基本哲学的一个基本面

       bAngular/b

       å…ˆæ¥çœ‹ä¸€ä¸‹ng是如何实现injector的，这里重点在于使用了抽象类来重载不同函数的使用，对于provider循环依赖的处理，利用了一个Map数据结构来区分不同的Provider

       bNest/b

       å†æ¥çœ‹ä¸€ä¸‹ï¼Œnest的实现，不同于ng的实现，nest是利用参数和继承父类参数来确定整个的循环依赖关系的，其没有使用重载来实现，但都对循环依赖做了处理，其基本思路是一致的。

       æ€»ç»“：从nest和ng对injector的实现可以看出，虽然都是注射器的实现，但是由于呈现方式的不同，因而在实现方式上也会有所不同，对于ts而言，选用interface还是抽象类，确实可以借鉴java的模式思路，对于习惯js的我们来说，对于整个数据类型的扩展（如：抽象类、接口）等是需要向后端借鉴的。整体来说，对于依赖注入的实现最关键的就是在于处理provider的整个依赖问题，这两者都是采用token的方式来区分对待到底是属于哪一个provider，然后对于特殊的相关依赖循环的问题做对应的处理

       ng整个生态体系在国内应用的并不广，但并不妨碍其作为前端理念的扩展先行者的这样一个角色，个人认为其在隔离性以及系统性方面都是要优于vue和react的，因而对于目前比较流行的微前端框架(ps:对于ng的微前端应用，可以参考这篇文章【第期】使用Angular打造微前端架构的ToB企业级应用)，个人觉得在沙箱隔离等系统融合方面确实可以借鉴一下ng的某些思路，或许正是由于这个原因，它才是三大框架中最先上ts的，也有可能整个ng的开发者更像是传统的软件工程师，对于整个开发要做到定义数据、定义模型、系统设计等等，对于大型项目而言，这样确实会减少很多因bug而需要重复修改的时间，但是对于小型项目，个人认为还是vue更合适。虽然对于国内，ng基本已经属于明日黄花了，但是它的一些理念及设计思路确实还是值得借鉴的，在这个内卷的时代，各大应用都在向着高级化、大型化发展，说不定哪天ng又在国内重回巅峰了呢，虽然很难~~哈哈哈，各位加油！

北大青鸟设计培训：node编程开发技术的发展趋势？

       node技术成为web前端领域的主流开发工具可以说本身就是一个美丽的误会，当初这个技术被开发出来使用的时候主要是为了解决后端的问题才出现的。

       ä»Šå¤©ï¼ŒæµŽå—java课程培训机构就一起来了解一下node技术的发展历程和未来的发展趋势。

       a)Node8进入LTS时代Node.js大的变化是进入Node8时代，它是一个稳定的长期支持版本(LTS)，除了性能提升外，还有以下几个要点。

       Async/Await支持。

       å…¶å®žåœ¨Node.jsv7.6就可以通过flag支持了，在node8里直接落地。

       é€šè¿‡Async函数可以更好的进行异步流程控制，远离CallbackHell。

       åœ¨Async函数里，你可以通过await调用Promise，以及通过co包裹的generator，可以说，向前是完美的Async函数，向后也完美兼容各种遗留代码，称为异步终极解决方案不为过。

       ES6模块支持。

       é€šè¿‡vue/react、webpack、babel和typescript等火爆发展，es6模块得到了广泛普及和应用，在Node.jsv8.5可以通过--experimental-modules来开启这个体验版特性。

       å½“然，你想在Node.js更早版本里使用ES6模块，可以采用@std/esm模块。

       HTTP2支持。

       åœ¨Node.jsv8.8就开始默认启用了，bineReducers 作为默认工厂函数，用于创建一个可作为 StoreService 的源的 reducer 融合函数。

       在扫描操作符（scan）的作用下，action$ 和 reducer$ 被混合以创建一个具有状态记忆能力的趣铺源码 stream。实现的累计函数 reduceState 实现了状态的更新与累积，以响应 action 和 reducer 的变化。

       对于 select 和 createSelector 的实现，本文简化了类型安全功能，直接提供基础的实现，以展示如何从 StoreService 中获取状态。通过一个闭包和 map 操作符，select 函数实现了从 StoreService 获取数据并应用到模板中的逻辑。

       StoreService 实现中的 createSelector 提供了一个从所有 selectors 的结果中分离特定 selector 的工具，简化了状态的获取与展示。

       在实际应用中，将 StoreService 注入到 Angular app 的组件中，通过 ngOnInit 生命周期钩子获取状态并将其结果显示在模板中。组件中包含 dispatch 功能，实现与 NgRx Store API 类似的附公式源码操作。

       本文源代码已提供，欢迎阅读与学习。如有任何问题或建议，欢迎直接联系作者。

NGE2简介

       NGE2(Not a Game Engine的递归缩写)，NGE第一版原为制作中国象棋psp所写，第二版得到了更全面的强化，是PSP/Windows/iPhone/Linux开发的一个程序库，不是一个游戏引擎，设计思想是简单易用，用来做各个显示程序或者游戏引擎，NGE2追求的是性能，所以全部用的c函数写，而显示函数也分为各个性能要求，提供不同的显示函数。

       NGE2的设计就是让开发人员不需要用PSP调试就能开发出PSP应用程序。就是说在Windows下调试，在PSP上运行。大大降低了PSP调试程序浪费的时间。

       NGE2 for iPhone发布，采用NGE2写的程序可以运行于iPhone,iTouch上，采用Apple官方的SDK，可以在APP Store上贩卖。

       NGE2支持PSP，PSP的3xx以上版本。

       NGE2采用LGPL发布源代码。

       以下是NGE2在PSP与其他方式的对比(默认mhz，采用MHZ各提高约%)：

       RenderFPS-bit *FPS-bit *SDLSDL+PSPGLNGE

Angular 组件库 NG-NEST 源码解析：Button 组件

       NG-NEST 介绍

       讲解项目源码结构时,我们提过单个组件的文件架构,现在深入解析下 Button 组件内部实现。

       功能分析

       先看 Button 组件能提供的核心功能。

       主题颜色

       设置主题颜色时，我们仅需定义 type 参数。

       参数定义

       type 参数设在 button.property.ts 文件内，用于定义输入参数并指定为 XButtonType 的联合类型，初始值为 "initial"。

       具体定义与使用情况

       在 button.component.ts 文件中，setClassMap() 函数中指定了根据 type 生成的样式属性，并通过 ngClass 映射样式。

       SCSS 样式定义

       参数与样式的关联在 button.component.scss 文件中实现，通过 @include 输出 @mixin 的混入样式。

       @mixin 定义在 style/mixin.scss 内，如 button-type 定义了基于不同参数的不同按钮样式。

       样式复用

       利用 @mixin 实现不同主题颜色样式的便捷复用，提高代码的可维护性和一致性。

       总结

       Button 组件主题颜色功能实现清晰明了：利用 type 参数定义样式名，SCSS 文件中具体定义样式。通过 button.property.ts 和 button.component.ts 文件的协同工作，组件属性清晰明了，便于后续的维护与优化。

       组件属性分离策略提升代码可维护性，且能够自动生成官方 API 文档中的属性说明文档。组件主要围绕样式设计，对主题样式有深入了解的开发者应进一步探索其余功能的详细实现。

ng-zorro-antd中踩过的坑

       在前端开发过程中，我们常常会借助阿里开源的组件库ant-design，它提供的组件功能强大，能满足大多数需求，直接使用即可，非常便捷。当然，一些公司会对此进行二次开发，以打造具有独特风格的产品。

       本文将不涉及高深的技术细节，也不深入探讨底层源码，仅分享一些在项目中遇到的小问题。

       表格（table）——师傅以为是组件库的bug，没想到……

       不知道正在阅读本文的读者是否遇到过这样的情况：

       这个空状态怎么总是和我们作对呢？为什么就不能满足我们的预期呢？其实，它偶尔也会满足我们的要求。

       出现这种问题的原因实际上非常简单。回想一下，我们在删除和添加表项时，是否是这样操作的：

       看起来这段代码没有问题，但要知道的是，push()和splice()这两个函数是直接在原始数组上操作的，会改变原数组。然而，它们会改变数组的引用吗？答案是：不会。

       在angular的设计中，onChanges()监听的是哪种变化呢？是引用。

       因此，只要我们改变引用地址，就可以解决这个问题。

       这里提供的方法简单、快速、有效，非常实用。

       读完本文，你是否有一种豁然开朗的感觉呢？