在开发 Web 应用程序时，有时候我们需要获取当前的网络状态，然后根据不同的网络状态显示不同的提示消息或显示不同页面内容。对于原生应用、混合应用或提供 JS-SDK 的第三方平台来说，我们可以通过相关的 Network API 来获取当前的网络连接状态。但对于 Web 应用来说，虽然也有相关的 Network Information API，但兼容性并不是太好，具体的兼容情况，可以参考 Ca...

Input 是属性装饰器，用来定义组件内的输入属性。在实际应用场合，我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成，当应用启动时，Angular 会从根组件开始启动，并解析整棵组件树，数据由上而下流下下一级子组件。 @Input()counter.component.ts 123456789101112131415161718192021import &#...

如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content>，并找到了一些关于它的文章，进而实现了所需的功能。 接下来我们来通过一个简单的示例，一步步介绍 <ng-content> 所涉及的内容。 简单示例在本文中我们使用一个示例，来演示不同的方式实现内容投影。由于许多问题与Angular 中的组件生命周期...

在 Angular 学习过程中，相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑，本文我们会通过实际的例子，为读者一步步解开困惑。 constructor在 ES6 中就引入了类，constructor（构造函数）是类中的特殊方法，主要用来做初始化操作，在进行类实例化操作时，会被自动调用。马上来个例子： 123456789class AppCompo...

Angular 的口号是 - “一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。 为了能够支持跨平台，Angular 通过抽象层封装了不同平台的差异，统一了 API 接口。如定义了抽象类 Renderer 、抽...

Angular 工具篇系列教程目录： Angular 工具篇之规范化Git版本管理 Angular 工具篇之VSCode调试 Angular 工具篇之Storybook Angular 工具篇之国际化处理 Angular 工具篇之npx及angular-cli-ghpages Angular 工具篇之分析包的大小 本文我们将介绍 Compodoc 这款工具，它用于为 Angular ...

Angular 工具篇系列教程目录： Angular 工具篇之VSCode调试 Angular 工具篇之Storybook Angular 工具篇之国际化处理 Angular 工具篇之npx及angular-cli-ghpages Angular 工具篇之分析包的大小 目前很多的项目都已经使用 Git 作为版本控制工具，使用 Git 意味着我们每天都要与 Git Commit Messa...

今天是 “教师节”，借用我女儿小班 QQ 群内家长们发的祝福语，献给各行各业辛勤而伟大的老师们： 今天是教师节，感谢我的孩子遇到的每一位老师，是你们无私的付出让孩子有了无比精彩的人生！—— 老师是这个世界上唯一一个与你的孩子没有血缘关系，却愿意因您的孩子进步而高兴，退步而着急，满怀期待，助其成才，舍小家顾大家并且无怨无悔的人代表孩子祝老师们节日快乐 ，老师们辛苦了！ 好的，现在我们步入正...

对于 “程序猿” 来说，在日常开发过程中，我们经常要与不同的开发环境打交道。在实际的项目的开发过程中，一般至少会有两个环境：开发环境和线上环境，这是很简单的情形。但对于一些项目来说，仅有两个环境是不够，除了开发环境和线上环境之外，可能还会包含测试环境和预发布环境等等。 随着前后端分离开发方式的普及，越来越多的公司采用 Angular、React 和 Vue 等前端的 MV* 框架来开发 SP...

对于 Angular 应用程序，默认的异常处理是在控制台中输出异常，这对于本地开发和测试阶段，是很方便。但这对于线上环境来说，输出到控制台没有多大的意义。一般情况下，我们希望能自动收集线上环境抛出的异常，并上报到指定的异常收集服务器上，以便于对异常信息进行汇总和分析。 针对上述的需求，我们可以利用 Angular 为我们提供的钩子，来实现自定义异常处理器： 12345678910class ...