前沿web开发框架
Angular
Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。
TSLint: Missing radix parameter(radix)
2020年06月18日
最近在使用Typescript取整的时候出现如下错误：TSLint: Missing radix parameter(radix)具体代码如下：getPageIndex() { this.sub = this._activateRoute.queryParams.subscribe(params => { this.pageIndex = parseInt(params.page_inde...
Typescript array获取最后一条数据
2020年06月18日
最近需要在Angular里面使用Typescript获取最后一条数据的某个值，可以参考这个示例：您可以通过其索引访问数组元素。数组中最后一个元素的索引将是array-1的长度（因为索引从零开始）。var items: String[] = ["tom", "jeff", "sam"]; alert(items[items.length-1])参考资料：1、Access last elemen...
Angular DatePipe
2020年06月18日
Angular DatePipe用来格式化一个日期数据，使用格式如下：expression | date:format其中，expression可以为Date日期对象、日期字符串，或者是毫秒级的时间戳。这里有一篇很好的文章，讲解再Angular 时间管道的具体用法，在此就不再赘述。文章地址：1、Angular Date Pipe & formatting dates in Angular with...
Angular中的环境变量
2020年06月13日
是否需要根据您所处的环境使用不同的值？例如，如果您要构建与Stripe API对话的应用程序，则需要在开发过程中使用测试可发布密钥，然后在生产中使用实时可发布密钥。使用environment.ts文件在Angular中很容易做到。在生产环境中时，Angular CLI项目已经使用production环境变量来启用生产模式：// ... if (environment.production) ...
Angular比较好用的google reCAPTCHA包
2020年06月13日
最近Angular项目上需要使用google reCAPTCHA包，但是测试了好几个，总是或多或少存在一些问题。经过测试：ng-recaptcha，这个包。虽然也存在一些问题，但是还是经过修改把问题解决了。同时文档写的也很清晰，同时存在一些不错的Demo。正文开始：首先是两个不错的在线Demo，可以看看：1、ng-recaptcha Stackblitz demo2、Configuring the...
Angular 子组件向父组件传值
2020年06月11日
再Angular经常用到父组件向子组件传值，但是今天需要用到子组件向父组件传值。具体子组件代码如下：import { EventEmitter, Output} from '@angular/core'; export class PanelComponent { private count: number; //准备用它来发射事件 @Output() Notificati...
Typescript declare var
2020年06月08日
最近看到他人写的代码，使用的是declare var，查了一下文档，对declare定义进行了一些总结：使用declare var声明全局变量。如果变量是只读的（全局），则可以使用declare const。如果declare let变量是块作用域的，也可以使用。参考资料：1、Typescriptlang - Global Variables
在Angular中使用Google Analytics
2020年06月06日
最近项目进入后期的一些调试阶段，需要统计访客量，使用的是Google Analytics，在Angular中只需要写一个服务，具体内容如下：import {Injectable} from '@angular/core';import {NavigationEnd, Router} from '@angular/router';import {environment} from '../../en...