随笔分类 - angular2
ng2
摘要：应用清单 介绍 Web 应用清单文件是简单的 JSON 文件，提供了应用的相关信息 (比如应用的名称、作者、图标和描述)。可使用户将 Web 应用安装到设备的主屏幕上，并允许开发者自定义启动画面、模板颜色，甚至是打开的 URL 。 应用 在网页中添加下面这行代码： 这个链接指向一个被称为“清单文件”
阅读全文
摘要：PWA 网络 fetch API Get Post fetch 事件 Service Worker可以拦截浏览器发出的任何Http请求，这些Http请求都将触发fetch事件，通过监听fetch事件可以实现自主控制请求及返回。例如
阅读全文
摘要：PWA 缓存 基础 PWA强大的离线能力就在于Service Worker拦截请求及提供缓存的能力，Service Worker的缓存能力比较强大，它能够赋予你更加精确控制缓存的能力。示例页面 安装预缓存 在SW安装阶段，可以获取资源并为下次访问准备好缓存，示例 拦截并缓存 安装预缓存适用于知道缓存
阅读全文
摘要：1. 介绍 Progressive Web App , (渐进式增强 WEB 应用) 简称 PWA ，是提升WebApp的体验的一种新方法，能给用户原生应用的体验。 PWA 本质上是 Web App ，借助一些新技术也具备了Native App的一些特性，兼具 Web App和Native App的
阅读全文
摘要：1. 说明 典型的模块是一个内聚的代码块，用来实现某种单一的功能。Angular2应用程序本质上是有一系列模块组成的，而且Angular 本身就是一组模块库。模块主要是导出一些东西——类，函数，值，供其它模块导入，然后使用这个类，函数或者值。Angular2 应用是模块化的，并且 Angular2
阅读全文
摘要：1. 使用Http 绝大部分应用程序都会和后台服务打交道，Http是浏览器和服务器之间通讯的主要协议，通过Http调用来访问远程服务器上相应的 Web API。 HttpModule 并不是 Angular 的核心模块，通过Angular包中一个名叫 @angular/http 的独立附属模块发布了
阅读全文
摘要：1. 组件通信 我们知道Angular2应用程序实际上是有很多父子组价组成的组件树，因此，了解组件之间如何通信，特别是父子组件之间，对编写Angular2应用程序具有十分重要的意义，通常来讲，组件之间的交互方式主要有如下几种： l 使用输入型绑定，把数据从父组件传到子组件 l 通过 setter 拦
阅读全文
摘要：1. 使用DI 依赖注入是一个很重要的程序设计模式。 Angular 有自己的依赖注入框架，离开了它，我们几乎没法构建 Angular 应用。它使用得非常广泛，以至于几乎每个人都会把它简称为 DI。 我们来看一个简单的例子： export class Animal { dogs; construct
阅读全文
摘要：1. 说明 表单是Web程序中的重要组成部分，构建良好以及实用的表单必须解决如下几个问题： (1). 如何跟踪及更新表单的数据状态 (2). 如何进行表单验证 (3). 如何显示表单验证信息 Angular2针对如何解决复杂的表单问题，提供了Template Driven和Model Driven两
阅读全文
摘要：1. 说明 Angular每个组件都存在一个生命周期，从创建，变更到销毁。Angular提供组件生命周期钩子，把这些关键时刻暴露出来，赋予在这些关键结点和组件进行交互的能力。 2. 接口 按照生命周期执行的先后顺序，Angular生命周期接口如下所示 名称 时机 接口 范围 ngOnChanges
阅读全文
摘要：1. 说明 管道用来转换模板显示的内容，应用程序中经常出现获取数据，转换数据，显示数据的逻辑。管道就是用来在转换数据阶段起作用的。主要存在两种类型的管道，pure pipe和impure pipe 2. Pure Pipe Pure Pipe，stateless，关注于纯粹对象的变更，检测到输入值发
阅读全文
摘要：1. 指令说明 Angular2 指令是构成Angular2应用程序的重要组成部分，指令主要用来对模板的标签或者元素附加一些新的特性或者功能，改变一个 DOM 元素的外观或行为，Angular2指令和组件十分类似，也有由模块，注解，元数据以及组件类组成，实际上组件继承于指令，不同的是指令没有模板的信
阅读全文
摘要：1. 组件说明 Angular2 组件是构成Angular2应用程序的核心部分，Angualr2应用程序本质上来说就是一个组件树，Angular2组件一般由模块，注解，元数据以及组件类组成，实现组件类逻辑和视图模板的相互交互。来看下面的这个简单的组件的例子： 2. 模块 模块是一个内聚的代码块，用来
阅读全文
摘要：1. 说明 Angular2的模板用来显示组件外观，作为视图所用，用法和html语法基本一致，最简单的Angular2的模板就是一段html代码。Angular模板语法主要包括以下几个部分： l 直接绑定 l 插值表达 l 属性绑定 l 事件绑定 l 双向绑定 l 样式绑定 l 模板和 * l 局部
阅读全文
摘要：1. 说明 Angular 2 是一个用 HTML 和 JavaScript （或者可以编译成JavaScript）来构建应用程序的框架。该框架包含了一系列的库。 在 Angular 里，我们这样来构建应用程序：用带 Angular 扩展语法的 HTML 写模板 ，用 组件 类管理这些模板，用 服务
阅读全文
摘要：1. 说明 该文档为Angular2的入门文档，可以根据该文档的内如做出一个“helloworld”类型的Angualr2入门程序，通过该文档可以初步了解Angular2的相关知识以及开发流程，同时搭建一套可用的开发环境。 环境： node v6.2.2 typescript v1.8.2 angu
阅读全文
摘要：1. 组件化 组件化编程是web 发展的一个趋势，Angular2提供高效简单的组件开发方式，使程序开发更加关注业务逻辑的实现，而不用关心如何加载组件和模块，如何引用及依赖注入的实现等。 如下代码所示，Angular2提供注解来开发组件，使组件开发变得简单方便，不需要对现行代码进行重大重构或者改写，
阅读全文
