qrcode

马上订阅,开启修仙之旅

angular

Angular JSONP 详解

一、什么是 JSONPJSONP(JSON with Padding)是数据格式JSON的一种 “使用模式”,可以让网页从别的网域要数据。另一个解决这个问题的新方法是跨来源资源共享。 由于同源策略,一般来说位于 server1.example.com 的网页无法与 server2.example.com 的服务器沟通,而HTML的 script 元素是一个例外。利用 script 元素的这个...

Angular 工具篇之Storybook

Storybook 是一个 UI 组件的开发环境。它允许你能够浏览一个组件库,查看每个组件的不同状态,以及支持交互式的方式开发和测试组件。 Storybook 在你的应用程序之外运行。这允许你能够独立的开发 UI 组件,你可以提高组件的可重用性、可测试性和开发速度。你可以快速构建,而无需担心应用程序特定的依赖项。 这里有一些可以参考的特色示例,可以了解 Storybook 的工作原理。Sto...

Angular Title Service 详解

Title Service 简介Angular Title Service 用于获取和设置当前 HTML 文档的标题。Title Service 提供了以下方法: setTitle() getTitle() 首先要使用 Title 服务,我们需要从 @angular/platform-browser 库导入 Title 类,然后利用 Angular 依赖注入的机制,通过构造注入的方式注入...

Angular HttpClient 拦截器

在之前的 Angular 6 HttpClient 快速入门 文章中,我们已经简单介绍了 Http 拦截器。本文将会进一步分析一下 Http 拦截器。拦截器提供了一种用于拦截、修改请求和响应的机制。这个概念与 Node.js 的 Express 框架中间件的概念类似。拦截器提供的这种特性,对于日志、缓存、请求授权来说非常有用。 AuthInterceptor接下来我们先来回顾一下 Angul...

Angular 工具篇之国际化处理

在日常开发过程中,某些项目会要求支持国际化。对于使用 Angular 框架的项目来说,我们可以利用以下第三方库,快速支持国际化: ngx-translate/core ngx-translate/http-loader ngx-translate-extract 环境配置本文将基于上述三个库,简单的介绍一下国际化的处理流程。首先我们来使用 Angular CLI 创建一个新的项目: 1$...

Angular Meta Service 详解

Meta 标签 The tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Metadata 中文名叫元数据,是用于描述数据的数据。它不会显示在页面上,但是机器却可以识别。meta 常用于定义页面的说...

Angular 工具篇之npx及angular-cli-ghpages

今天本文的两个主角是 npx 及 angular-cli-ghpages,npx 是 npm 5.2 引入了的新的工具, 用于帮助我们执行 npm 二进制任务和加速我们的工作流。而 angular-cli-ghpages 这个工具,是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。 npx安装首先执行以下命令查看当前 npm 的版本: 1$ ...

Angular 工具篇之分析包的大小

本文将介绍如何使用 webpack-bundle-analyzer 和 source-map-explorer 这两款工具来分析 Angular Bundle 的大小。下面我们将使用 Github 上的 angular6-example-app 这个项目来演示上述两个工具的使用案例,首先我们先来初始化 angular6-example-app 这个项目。 初始化 angular6-exam...

Angular 6 HttpClient 快速入门

本教程将介绍如何在 Angular 6.x 中使用 HttpClient 发送 Http 请求,如 get、post、put 和 delete 请求。在 Angular 4.3+ 版本之后引入了 HttpClientModule 模块,该模块提供的 HttpClient 服务是已有 Angular HTTP API 的演进,它在一个单独的 @angular/common/http 包中。 废...

Angular Multi Providers 和 APP_INITIALIZER

有些时候,我们希望在 Angular 应用程序启动的时候,执行一些初始化操作。针对这种场景,我们可以利用 APP_INITIALIZER 这个内置的 Token 来定义 multi provider,从而实现自定义系统初始化的逻辑。不过在介绍 APP_INITIALIZER 之前,我们先来介绍一下 multi provider 的相关知识。 multi provider 的使用Multi p...