【实习日志】7.15日学习输出

1.typescript的基础数据类型

数字类型：number   双精度64位浮点值，它可以用来表示整数和分数

let binaryNum : number = 0b100;

字符串：     string      一个字符系列，使用单引号或双引号来表示字符串类型。反引号来定义多行文本和内嵌表达式

let  name :string = "Runoob";

布尔类型：boolean表示逻辑值，true和false

let flag :boolean =true;

数组类型，声明为数组

let arr:number[]=[1,3]

元组类型：元组类型用来表示已知元素数量和类型的数组，各元素的类型不必相同，对应位置的类型需要相同。

let x:[string ,number]

x= ['Robot',1]   //运行正常

x ==[1,'Robot'] //运行异常

枚举类型：enumerate 枚举类型用于定义数值集合

enum Color{Red,Blue,Green}

let c:Color = Color.Blue;

console.log(c)    //输出2

null ：null 表示对象缺失

undefined：undefined 用于初始化变量为一个未定义的值

never：never 是其他类型的子类型，代表从不出现的值

TypeScript 和JavaScript没有整数类型

TS中的元组：

元组声明：var mytuple = [value1,value2,value3]

访问元组中的元素可以使用索引，第一个元素的索引值为0，第二个为1，相应的向后增加

var myTuple  = [10,'Runnob']

元组的运算：

        punsh()向元组中添加元素，添加在最后面

        pop()从元组中移除元素（最后一个），并返回移除的元素

var myTuple = [20,'Hello',"World","typescript"]

tuple.length 返回元组的大小

2.Angular基础学习

Angular中的组件由三部分组成：

1.其中的组件@componnet()装饰器的TS类

2.HTML模板和样式文件

3.CSS的样式文件

每一个@component（）装饰器会指定如下Angular专属信息：

• 一个CSS选择器，用于定如何在模板中使用软件，模板中与此选择器匹配的HTML元素将成为该数组的实例
• 一个HTML模板，用于指示Angular如何渲染此组件
• 一组可选的CSS样式，用于定义模板中HTML元素的外观

Tips：

1.每个项目至少需要一个跟模块，名为app_module.ts文件

2.所有需要使用的模块都需要在app_module.ts文件中引入

3.在app_module.ts文件中一定要生命bootstrap属性

4.在模块中引入组件的方式是import

模板：

每个组件都有一个HTML模板，用于声明该组件的渲染方式。

Angular的特点在于可以使用额外的语法扩展HTML，使得可以从组件中插入动态值，党组件的状态改变是，Angular会自动的更新已渲染的DOM，比如插入动态的文本。

创建组件：

ng g component component s/news

执行命令之后会在component目录下面生成一个news名字的组件

MVVM：MVM（Model-View-View-Model），由M-V-VM组成，是MVC（控制视图模型）的改进版本，特点是在数据采用了双向绑定，在view上改动的数据会反馈到model上，在model改动的数据也会反馈到界面上，利用自己的机制自动更新DOM。

组件树：  在一个组件中选择了另一个组件，这样的嵌套形成类似与树的结构，形成一个组件树

依赖树：类似组件树，

模块：Angular将模块定义为元数据对象，该元数据对象描述了如何编译组件模板以及如何在运行时创建注入器。 换句话说，模块是要在Angular应用程序的某些部分中提供的一组组件，指令，管道和服务。 这些模块应负有单一责任，并且可以扩展以帮助您构建Angular应用程序。

服务： angular把数据与业务进行了抽离，希望我们能够单一的专注于数据的处理和数据的展示。所以就建立了服务的概念。这里的服务不是后台中的服务，本质是函数的封装。封装很多方法，对数据进行处理和返回。