续昨天的总结知识点：

JS部分：

定时器：

setTimeout（定时器）：在规定的时间后执行某个操作，就停止了（只执行一次），可手动停止。

setInterval（设置时间间隔）：以指定时间间隔为周期循环执行（一直循环执行），可手动停止。

消除两种计时器的方法：

//清除Timeout的定时器,

传入id(创建定时器时会返回一个id) clearTimeout(id);

//清除Interval的定时器,

传入id(创建定时器时会返回一个id) clearInterval(id);

sessionstorage（会话存储）和localstorage（本地存储）：

会话储存：在关闭当前页面就会自动删除其中的值；

本地储存：当页面关闭后，也不会删除数据，除非手动删除。

用法：会话储存与本地储存使用方法是一样的：

查看存储的数据个数：

sessionStorage .length

存储一个数据：

sessionStorage .['key'] = 'value';

读取数据：

sessionStorage.getItem('key'); 

也可以  var data = sessionStorage['key']; 

存储一个数据

sessionStorage.setItem('key','value');

删除指定数据

sessionStorage.removeItem('value');

删除所有数据

sessionStorage.clear()

本地、会话储存与cookie的区别 ：

相同点：都是储存在客户端；

不同点：

  大小：cookie的储存大小不超过4KB；本地与会话储存可达5MB。

  数据存在时间：

    本地储存：关闭浏览器数据依旧会存在，除非主动删除其中的数据；

    会话储存：当页面关闭时，数据删除；

    cookie：根据用户设定的时间来定，在设定时间之前数据会一直存在。

  数据与服务器之间的交互方式：

    cookie的数据会自动传递到服务器，服务的数据也可以写到客户端；

    会话与本地储存的数据仅保存在本地。

正则表达式：

正则表达式是由一个字符序列形成的搜索模式，当你在文本中搜索数据时，可以用搜索模式来描述你要查询的内容；

正则表达式可以是一个简单的字符，或一个更复杂的模式；

正则表达式可用于所有文本搜索和文本替换的操作。

Ajax ：异步的JavaScript 和 XML 。是指一种创建交互式网页开发技术。

Ajax数据请求方式的特点：

客户端可以发送数据到服务端；

客户端可以接受并解析服务端传来的数据；

可以对页面进行局部刷新。

xhr常用的3种数据请求方法：get、post、form（xhr是XML Http Request，是Ajax的核心）；

xhr数据请求流程:

在客户端初始化xhr对象，使用get,post或form进行数据请求,并传接口、参数给服务端；

服务端接收并处理客户端发送过来的数据,将其结果返回给客户端，根据客户端使用的方法来创建对应方法的实例化对象并接收数据；

客户端接收返回的数。

Get方法与Post方法的区别：

Get：参数在URL中，比较简单，但不太安全；URL长度不可超过1kb；

Post：参数在请求体中，相对安全，涉及金融、支付等问题都需要使用post的方法；URL长度只受限于服务器，可以默认为没有长度限制。

Angular部分：

依赖注入：依赖注入是指某个类执行其功能所需要的服务或对象，依赖项注入是一种设计模式，在这种设计模式中，类会从外部源请求依赖项而不是创建它们。

数据交互：使用get、post和服务器交互，使用HttpClientModule模块。get请求数据；post提交数据；jsonp获取数据；

双向绑定：为应用中的组件提供一种共享数据的方式，使用双向绑定绑定来侦听事件并在父组件和子组件之间同步更新值。

表单验证：通过验证用户输入的准确性和完整性，可以提高整体的数据质量。

管道：管道用来对字符串、日期和其他显示数据进行转换和格式化。管道是一些简单的函数，可以在模板表达式中用来接受输入值并返回一个转换后的值。例如，你可以使用一个管道把日期显示为 2000 年 1 月 1 日，而不是其原始字符串格式。

指令：

为angular应用程序中的元素添加额外行为的类，Angular指令：

内置指令可以管理表单、列表、样式以及要让用户看到的任何东西。

Angular指令的不同类型：

组件--带有模板的指令，这种指令类型是最常见的指令类型；

属性型指令--更改元素、组件或其他指令的外观或行为的指令；

结构型指令--通过添加和删除DOM元素来更改DOM布局的指令。

内置属性型指令会监听并修改其它HTML元素和组件的行为，最常见的内置属性型指令：

NgClass--添加或删除一组css类；

NgStyle--添加或删除一组HTML样式；

NgModel--将数据双向绑定添加到HTML表单元素；

内置结构型指令的责任是HTML的布局，他们将重塑或塑造DOM的结构，这通常是通过添加、移动和操纵它们所附加到的宿主元素来实现。常见的内置结构型指令：

NgIf--从模板中创建或销毁子视图；

NgFor--为列表中的每个条目重复渲染一个节点；

NgSwitch--一组在备用视图之间切换的指令。