前沿web开发框架

Angular

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。

Angular proxy

2020年10月23日

最近Angular在调用后端的时候,出现了跨域警告。具体提示如下:Access to XMLHttpRequest at 'http://localhost:5000/api/v1/account/profile' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight r...

Angular 依赖提供者理解

2020年10月14日

下面是DI的一个示例代码:providers: [ { provide: AuthServiceConfig, useFactory: getAuthServiceConfigs } ],这里组件使用令牌请求AuthServiceConfig对象时,同时使用getAuthServiceConfigs工厂函数注入值。参考资料:1、替代类提供者2、工厂提供者

Angular Universal 只针对爬虫服务器端渲染

2020年09月22日

使用服务器端渲染功能虽然可以增加爬虫抓取SPA网站的效率,得到更好的排名,但针对一般用户浏览来说,未必会有更好的表现,然后同一份代码码会再服务器端和客户端 端重复执行,在服务器上性能不高的情境下反而等待时间可能会发生,因此我们可以稍微调整一下express的程序,来判断来源是否为爬虫,若是才使用Angular Universal提供的渲染引擎在生成中 HTML,否则就把index.html直接传给...

Angular ngOnInit()与ngAfterViewInit() 理解

2020年09月15日

最近再优化Angular程序,有一些内容需要在ngOnInit()初始化,具体在什么情况下会执行ngOnInit(),经过测试,总结如下:在Angular中通过跳转到其他页面,之后再通过连接跳转回来会执行ngOnInit();页面加载的时候会执行ngOnInit();通过连接跳转到其他页面,之后通过浏览器后退按钮返回原来页面,会执行ngOnInit();关于页面初始化的内容可以参考官方文档,地址:...

Material Angular Paginator 翻页事件

2020年08月27日

最近在使用Material Angular Paginator组件,按照官方示例,如何获取翻页事件,代码如下:<mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" (page)="page...

ReferenceError: window is not defined

2020年08月20日

在测试Angular Universal的时候,出现如下错误:ERROR Error: Uncaught (in promise): ReferenceError: window is not defined在server.ts中加入如下内容:const server = express(); const distFolder = join(process.cwd(), 'dist/SMSR...

Cannot find module angular/animations

2020年08月20日

今天将Angular项目升级成Angular Universal,按照文档操作,但是出现如下错误:Cannot find module angular/animations截图如下:出现错误的原因:没有安装@angular/animations这个模块。解决方案:通过以下方式安装:npm install @angular/animations --save参考资料:1、Cannot find mo...

Angular SEO的一些方法

2020年08月03日

最近Angular程序上线运行了一段时间,但是搜索引擎一直没有收录。看来主要还是Angular是javascript程序,对于搜索引擎不是很友好。经过一天的测试,使用Angular @nguniversal/express-engine,也并不是很好,API请求数据,也是需要再浏览器渲染,无法呈现。这样网页内容也很少,也不利于搜索引擎收录。这篇文章主要写了一些关于Angular SEO的一些方法,...