霞浦建设局网站域名备案和网站备案区别

霞浦建设局网站,域名备案和网站备案区别,网络推广策划方案范文,沈阳企业黄页免费NestJS#xff1a;项目级别HMR 如果使用过NestJS#xff0c;就会知道NestJS是基于整个项目实现HMR#xff08;热更新#xff09;的。大致流程如下#xff1a;当一个源码文件变更时#xff0c;系统会自动将文件重新编译输出到dist目录#xff0c;然后重启App。当项目非常…NestJS项目级别HMR如果使用过NestJS就会知道NestJS是基于整个项目实现HMR热更新的。大致流程如下当一个源码文件变更时系统会自动将文件重新编译输出到dist目录然后重启App。当项目非常大时这样的HMR机制就会非常慢。VonaJS文件级别HMR而VonaJS就实现了基于单文件的精确HMR热更新。大致流程如下当源码文件变更时系统会自动重新导入该文件并替换IOC容器中注册的实例。既没有重新编译的环节也不需要重启App。如果你要开发大型项目没有比这个更爽的HMR机制了。下面先简要看看VonaJS HMR的效果再介绍是如何实现的文件级别HMR效果展示1. 修改Service文件当我们修改某个Service文件并保存之后控制台显示如下2. 修改Controller文件当我们修改某个Controller文件并保存之后控制台显示如下3. 修改Middleware文件当我们修改某个Middleware文件并保存之后控制台显示如下文件级别HMR原理分析1. 分布式场景中如何实现文件WatchVonaJS原生支持分布式架构因此在执行npm run dev时也是默认启动两个Workers便于尽早排查分布式场景下可能遇到的问题。那么在分布式场景中我们需要挑选出一个Worker用于监听文件的变更事件。VonaJS提供了Election机制代码如下exportclassMonkey{asyncappStarted(){constscopethis.app.scope(__ThisModule__);scope.election.obtain(hmr,async(){awaitscope.service.watch.start();},async(){awaitscope.service.watch.stop();});}}响应系统启动事件通过scope.election.obtain竞争所有权当取得所有权时执行scope.service.watch.start实现文件监听当释放所有权时执行scope.service.watch.stop停止文件监听2. ESM文件重新加载当监听到源码文件变更之后需要重新加载。我们知道一个文件import之后系统会自动缓存如果再次import系统会直接使用缓存不会重新加载。那么我们是否可以强制清理系统缓存呢在CJS中是可以的但在ESM中不行。NestJS开发时间比较早到目前为止仍然使用的是CJS模块。在NestJS中源码采用的是ESM语法但是实际运行时需要先编译成CJS模块然后再通过require加载模块。而VonaJS是全新设计的框架全部使用了ESM模块。虽然不能删除系统缓存但是可以通过变更文件名的方式来实现重新加载代码如下constfile/path/to/service.ts;constfileUrl${file}?${Date.now()};constfileModuleawaitimport(fileUrl);3. 清理运行状态值当文件重新加载之后就可以替换IOC容器中注册的实例。除此之外还有可能需要清理一些运行状态值。这就需要具体问题具体分析。比如Server文件不需清理运行状态值。但是Middleware就需要清理运行状态从而让新的Middleware生效下面以系统中间件为例演示基本流程当系统启动时需要注入系统中间件this.app.use((ctx,next){return_composeMiddlewareSystems(this.app)(ctx,next);});function_composeMiddlewareSystems(app:VonaApplication){// composeif(!app.meta[SymbolCacheComposeMiddlewareSystems]){constmiddlewaresapp.bean.onion.middlewareSystem.getOnionsEnabledWrapped(item{return_wrapOnion(app,item);});app.meta[SymbolCacheComposeMiddlewareSystems]compose(middlewares);}returnapp.meta[SymbolCacheComposeMiddlewareSystems];}_composeMiddlewareSystems方法将收集所有系统中间件并compose成一个函数然后缓存到app.meta[SymbolCacheComposeMiddlewareSystems]中清理运行状态Hmr()exportclassHmrMiddlewareSystemextendsBeanBaseimplementsIHmrReload{asyncreload(_beanOptions:IDecoratorBeanOptionsBase){deletethis.app.meta[SymbolCacheComposeMiddlewareSystems];}}当某个系统中间件重新加载后就会自动执行该Class的reload方法删除缓存app.meta[SymbolCacheComposeMiddlewareSystems]。从而让_composeMiddlewareSystems方法重新收集所有系统中间件compose出一个新的函数4. 支持更多场景如上所述不同场景的文件需要根据不同的运行机制提供不同的清理逻辑确保文件级别的HMR可以正常运行VonaJS支持大量的场景开发清单如下Vona AspectVona BeanVona CreateVona InitVona MetaVona Tools资源Githubhttps://github.com/vonajs/vona文档https://vona.js.org